/* Sidebar CI Hotfix – kompakter Abstand + Logout im CI */

@media (min-width: 761px) {
    .oe-sidebar {
        width: 300px !important;
        padding: 30px 28px 26px !important;
        background:
            radial-gradient(circle at 0% 0%, rgba(196,18,18,.34), transparent 32%),
            linear-gradient(180deg, #2a0810 0%, #111827 100%) !important;
    }

    .oe-sidebar-brand {
        margin-bottom: 26px !important;
        padding-bottom: 22px !important;
        border-bottom: 1px solid rgba(255,255,255,.14) !important;
    }

    .oe-sidebar-brand img {
        width: 58px !important;
        height: 58px !important;
        object-fit: contain !important;
        background: transparent !important;
    }

    .oe-sidebar-brand strong {
        font-size: 22px !important;
        line-height: 1.1 !important;
        color: #fff !important;
    }

    .oe-sidebar-brand span,
    .oe-sidebar-brand small {
        color: rgba(255,255,255,.78) !important;
    }

    .oe-sidebar nav,
    .oe-sidebar-nav {
        display: grid !important;
        gap: 7px !important;
        margin-top: 12px !important;
    }

    .oe-sidebar nav a,
    .oe-sidebar-nav a {
        min-height: 44px !important;
        padding: 11px 14px !important;
        border-radius: 16px !important;
        color: rgba(255,255,255,.82) !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
        font-weight: 850 !important;
        text-decoration: none !important;
        letter-spacing: -.01em !important;
    }

    .oe-sidebar nav a:hover,
    .oe-sidebar-nav a:hover,
    .oe-sidebar nav a.active,
    .oe-sidebar-nav a.active,
    .oe-sidebar nav a[aria-current="page"],
    .oe-sidebar-nav a[aria-current="page"] {
        color: #fff !important;
        background: rgba(196,18,18,.26) !important;
        box-shadow: inset 3px 0 0 #C41212 !important;
    }

    .oe-sidebar-footer,
    .oe-sidebar-user,
    .oe-sidebar-bottom {
        margin-top: auto !important;
        padding: 14px !important;
        border-radius: 22px !important;
        background: rgba(255,255,255,.075) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        box-shadow: 0 14px 34px rgba(0,0,0,.20) !important;
    }

    .oe-sidebar-footer *,
    .oe-sidebar-user *,
    .oe-sidebar-bottom * {
        color: #fff !important;
    }

    .oe-sidebar-footer strong,
    .oe-sidebar-user strong,
    .oe-sidebar-bottom strong {
        display: block !important;
        margin-bottom: 8px !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
        font-weight: 950 !important;
    }

    .oe-sidebar a[href="/logout"],
    .oe-sidebar-footer a[href="/logout"],
    .oe-sidebar-user a[href="/logout"],
    .oe-sidebar-bottom a[href="/logout"] {
        min-height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin-top: 10px !important;
        padding: 10px 14px !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #C41212, #8f0f0f) !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 950 !important;
        text-decoration: none !important;
        box-shadow: 0 14px 28px rgba(196,18,18,.24) !important;
    }

    .oe-sidebar a[href="/logout"]:hover {
        filter: brightness(1.06) !important;
        transform: translateY(-1px) !important;
    }
}

/* Sicherheit: transparentes Ornament nie mit Fläche */
.oe-sidebar img[src*="oeschgers-edv-ornament-official-transparent"] {
    background: transparent !important;
}