:root{--sp-body-text:#343a40;--sp-primary-color:#ffffff;--black:#343a40;--muted:#878a99;--bs-body-bg:#f4f5fa;--bs-header-bg:#ffffff;--sp-primary-bg:#518ce5;--sp-widget-bg:#3a80e520;--sp-primary-color-hover:#518ce5;--bs-link-color-rgb:#518ce5;--bs-link-color:#6ea8fe;--bs-link-hover-color-rgb:#0a58ca;--bs-border-color:#e9ebec;--bs-light-rgb:#f4f5fa;--bs-white:#ffffff}:root .card{background-color:#ffffff}.border{border-color:#444a50}.page-sidebar{border-color:#e9ebec}.badge{--bs-badge-color:#ffffff}

/* ============================================================
   FFA Fix: Sidebar-Menü scrollbar machen
   Ursache: style.css setzt overflow-x: visible !important
   und fehlendes flex/overflow auf .page-sidebar-menu.
   ============================================================ */

/* overflow-x: visible !important aus style.css überschreiben */
.page-sidebar .page-sidebar-inner {
    overflow-x: hidden !important;
    overflow-y: hidden;
}

/* Menü als scrollbares Flex-Child, SimpleBar übernimmt das Scrollen */
.page-sidebar-menu {
    flex: 1;
    min-height: 0;
    height: 100%;
}

/* Collapsed-Zustand konsistent halten */
.page-sidebar-collapsed .page-sidebar .page-sidebar-inner {
    overflow-x: hidden !important;
    overflow-y: hidden;
}