:root{
    --seie-navy:#123858;
    --seie-text:#172033;
    --seie-muted:#64748b;
    --seie-border:#dfe6ee;
    --seie-bg:#f4f7fb;
}

/* =========================================================
   SEIE v9
   BASE
   ========================================================= */

.sidebar-logo-wrap,
.sidebar-brand-text{
    display:none !important;
}

.v71-sidebar .sidebar-scroll,
.sidebar .sidebar-scroll{
    padding-top:14px !important;
}

.sidebar-nav a,
.v71-sidebar .sidebar-nav a{
    min-height:38px !important;
    padding:9px 16px !important;
    gap:0 !important;
    line-height:1.2 !important;
}

.sidebar-nav .nav-icon,
.sidebar-nav a>.icon,
.sidebar-nav a>svg,
.sidebar-nav a>img{
    display:none !important;
}

.nav-section-title,
.sidebar-section-title{
    padding:16px 16px 6px !important;
    font-size:11px !important;
    letter-spacing:.10em !important;
}

/* =========================================================
   TOPBAR
   ========================================================= */

.topbar-premium.v71-topbar,
.topbar-premium{
    min-height:92px !important;
    padding:14px 24px !important;
    display:grid !important;
    grid-template-columns:
        minmax(360px,1fr)
        minmax(520px,1.45fr)
        auto !important;
    align-items:center !important;
    column-gap:20px !important;
}

.future-title{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:6px !important;
    padding-top:4px !important;
}

.future-title h1,
.future-title h2,
.future-title h3,
.future-title h4,
.future-title h5{
    margin:0 !important;
    padding:0 !important;
    font-size:24px !important;
    line-height:1.15 !important;
    color:var(--seie-navy) !important;
    font-weight:800 !important;
}

.seie-version-line{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--seie-muted) !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
}

.topbar-center-tools{
    padding-top:0 !important;
    align-self:center !important;
}

.user-chip,
.topbar-user,
.user-chip-copy{
    margin-top:0 !important;
}

/* =========================================================
   LANGUAGE BUTTONS
   ========================================================= */

.lang-switch,
.language-switch{
    margin-bottom:12px !important;
}

.oivs360-v32-languages{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
}

.oivs360-v32-lang{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    min-width:46px !important;
    height:36px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:8px !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
    text-decoration:none !important;
}

.oivs360-v32-lang:first-child{
    background:#155eef !important;
    border:2px solid #155eef !important;
    color:#ffffff !important;
}

.oivs360-v32-lang:last-child{
    background:#f4c430 !important;
    border:2px solid #f4c430 !important;
    color:#172033 !important;
}

.oivs360-v32-lang.active{
    box-shadow:
        0 0 0 2px #ffffff,
        0 0 0 4px rgba(18,56,88,.28) !important;
}

/* =========================================================
   NOTIFICATION BELL
   ========================================================= */

.oivs360-v32-bell{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    border-radius:50% !important;
    background:#dc2626 !important;
    border:2px solid #dc2626 !important;
    color:#ffffff !important;
    text-decoration:none !important;
}

.oivs360-v32-bell:hover{
    background:#b91c1c !important;
    border-color:#b91c1c !important;
}

.oivs360-v32-bell-svg{
    width:22px !important;
    height:22px !important;
    fill:none !important;
    stroke:#ffffff !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

.oivs360-v32-badge{
    position:absolute !important;
    top:-7px !important;
    right:-7px !important;
    min-width:22px !important;
    height:22px !important;
    padding:0 6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#dc2626 !important;
    border:2px solid #dc2626 !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

/* =========================================================
   SIDEBAR
   ========================================================= */

aside.sidebar.v71-sidebar{
    height:100vh !important;
    max-height:100vh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    scrollbar-width:thin !important;
    scrollbar-color:
        rgba(190,205,219,.70)
        transparent !important;
}

/* =========================================================
   NAVIGATION
   ========================================================= */

aside.sidebar.v71-sidebar .sidebar-nav.enterprise-nav{
    display:block !important;
    flex:0 0 auto !important;
    width:100% !important;
    overflow:visible !important;
    padding-bottom:20px !important;
}

.sidebar-nav.enterprise-nav > .nav-section-title{
    position:relative !important;
    display:block !important;
    width:auto !important;
    margin:4px 10px !important;
    padding:14px 42px 14px 16px !important;
    border-radius:10px !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    color:#a9c0d7 !important;
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    user-select:none !important;
}

/*
   Navigation arrows use CSS geometry only.
   This avoids corrupted encoded glyphs appearing as ????.
*/

.sidebar-nav.enterprise-nav > .nav-section-title::before,
.sidebar-nav.enterprise-nav > .nav-section-title::after{
    content:"" !important;
    position:absolute !important;
    top:50% !important;
    width:8px !important;
    height:2px !important;
    background:#a9c0d7 !important;
    border-radius:2px !important;
    transition:transform .18s ease !important;
}

.sidebar-nav.enterprise-nav > .nav-section-title::before{
    right:20px !important;
    transform:
        translateY(-50%)
        rotate(45deg) !important;
}

.sidebar-nav.enterprise-nav > .nav-section-title::after{
    right:15px !important;
    transform:
        translateY(-50%)
        rotate(-45deg) !important;
}

.sidebar-nav.enterprise-nav > .nav-section-title:hover{
    background:rgba(255,255,255,.07) !important;
    color:#ffffff !important;
}

.sidebar-nav.enterprise-nav > .nav-section-title:hover::before,
.sidebar-nav.enterprise-nav > .nav-section-title:hover::after{
    background:#ffffff !important;
}

/* =========================================================
   EXPANDED SECTIONS
   ========================================================= */

.sidebar-nav.enterprise-nav > .nav-section-title ~ a{
    transition:
        opacity .15s ease,
        max-height .18s ease,
        padding .18s ease,
        margin .18s ease !important;
}

.sidebar-nav.enterprise-nav > a.seie-section-link{
    display:none !important;
}

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open + a.seie-section-link,

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open + a.seie-section-link +
a.seie-section-link,

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open + a.seie-section-link +
a.seie-section-link +
a.seie-section-link,

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open + a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link,

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open + a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link,

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open + a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link,

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open + a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link,

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open + a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link,

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open + a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link,

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open + a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link +
a.seie-section-link{
    display:flex !important;
    align-items:center !important;
    min-height:40px !important;
    margin:2px 14px 2px 22px !important;
    padding:9px 14px !important;
    border-radius:8px !important;
    background:rgba(255,255,255,.055) !important;
    color:#e8f1f8 !important;
    font-size:13px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    text-decoration:none !important;
    white-space:normal !important;
}

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open ~ a.seie-section-link:hover{
    background:rgba(255,255,255,.13) !important;
    color:#ffffff !important;
}

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open::before{
    right:20px !important;
    transform:
        translateY(-50%)
        rotate(-45deg) !important;
}

.sidebar-nav.enterprise-nav >
.nav-section-title.seie-open::after{
    right:15px !important;
    transform:
        translateY(-50%)
        rotate(45deg) !important;
}

/* =========================================================
   USER PANEL / LOGOUT
   ========================================================= */

aside.sidebar.v71-sidebar .sidebar-user-panel{
    position:sticky !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:500 !important;
    flex:0 0 auto !important;
    width:100% !important;
    margin-top:auto !important;
    padding:
        18px
        18px
        20px !important;
    background:#123858 !important;
    border-top:
        1px solid
        rgba(255,255,255,.12) !important;
    box-shadow:
        0 -12px 24px
        rgba(18,56,88,.94) !important;
}

aside.sidebar.v71-sidebar .sidebar-user-panel .user-chip{
    margin-top:0 !important;
}

aside.sidebar.v71-sidebar .sidebar-user-panel .user-chip-copy{
    margin-top:0 !important;
}

aside.sidebar.v71-sidebar .sidebar-user-actions{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    width:100% !important;
    margin-top:10px !important;
}

aside.sidebar.v71-sidebar .sidebar-user-actions > a{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:5px 2px !important;
    color:#d9e7f3 !important;
    font-size:13px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

aside.sidebar.v71-sidebar
.sidebar-user-actions >
a.logout-link-v71{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:48px !important;
    margin-top:8px !important;
    padding:11px 14px !important;
    border:2px solid #ffffff !important;
    border-radius:11px !important;
    background:#ffffff !important;
    color:#123858 !important;
    font-size:15px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    text-align:center !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
}

aside.sidebar.v71-sidebar
.sidebar-user-actions >
a.logout-link-v71:hover{
    background:#eef5fb !important;
    color:#0c2b45 !important;
}

/* =========================================================
   SIDEBAR SCROLLBAR
   ========================================================= */

aside.sidebar.v71-sidebar::-webkit-scrollbar{
    width:6px !important;
}

aside.sidebar.v71-sidebar::-webkit-scrollbar-track{
    background:transparent !important;
}

aside.sidebar.v71-sidebar::-webkit-scrollbar-thumb{
    background:rgba(190,205,219,.70) !important;
    border-radius:10px !important;
}

aside.sidebar.v71-sidebar::-webkit-scrollbar-thumb:hover{
    background:rgba(190,205,219,.95) !important;
}

/* =========================================================
   USER DROPDOWN SPACING
   ========================================================= */

.topbar-actions .user-dropdown{
    margin-top:24px !important;
}

/* =========================================================
   APPLICATION COMPONENTS
   ========================================================= */

.v9-grid{
    display:grid;
    grid-template-columns:
        repeat(4,minmax(180px,1fr));
    gap:14px;
}

.v9-kpi span{
    display:block;
    color:var(--seie-muted);
    font-weight:800;
    font-size:12px;
}

.v9-kpi strong{
    display:block;
    font-size:28px;
    margin-top:6px;
    color:var(--seie-text);
}

.v9-toolbar{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:center;
    flex-wrap:wrap;
}

.v9-form-grid{
    display:grid;
    grid-template-columns:
        repeat(2,minmax(220px,1fr));
    gap:14px;
}

.v9-badge{
    display:inline-block;
    padding:4px 8px;
    border-radius:999px;
    background:#eef3f8;
    font-size:12px;
    font-weight:700;
}

.v9-step{
    border-left:
        3px solid
        var(--seie-border);
    padding:8px 12px;
    margin:8px 0;
}

.v9-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.seie-trademark-footer{
    text-align:center !important;
    padding:18px 12px !important;
    color:var(--seie-muted) !important;
    font-size:13px !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1200px){

    .topbar-premium.v71-topbar,
    .topbar-premium{
        grid-template-columns:1fr !important;
        min-height:auto !important;
    }

    .topbar-center-tools{
        padding-top:10px !important;
    }

    .v9-grid{
        grid-template-columns:
            repeat(2,1fr);
    }
}

@media(max-width:900px){

    aside.sidebar.v71-sidebar{
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }

    aside.sidebar.v71-sidebar
    .sidebar-user-panel{
        position:relative !important;
        bottom:auto !important;
        margin-top:20px !important;
    }

    .sidebar-nav.enterprise-nav >
    .nav-section-title{
        pointer-events:auto !important;
    }
}

@media(max-width:700px){

    .v9-grid,
    .v9-form-grid{
        grid-template-columns:1fr;
    }
}