/* ===================== Topbar (shared) ===================== */

.admin-topbar,
.topbar{
background:var(--white);
border-bottom:1px solid var(--border);
padding:8px 0;
position:sticky;
top:0;
z-index:1030;
}

div.topbar{
position:fixed;
top:0;
left:230px;
right:0;
margin:0;
width:auto;
box-sizing:border-box;
}

html.sidebar-collapsed div.topbar{
left:68px;
}

.admin-topbar .brand,
.topbar .brand{
font-weight:800;
color:var(--primary);
font-size:20px;
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
}

.topbar .brand img{
width:58.3px;
height:58.3px;
object-fit:contain;
border-radius:6px;
}

.topbar .brand .verified-badge{
color:#b9c0c9;
font-size:16px;
flex-shrink:0;
}

.topbar .brand .verified-badge.is-verified{
color:var(--bs-primary);
}

/* ===================== Super Admin nav ===================== */

.admin-nav a{
font-weight:600;
font-size:14.5px;
color:#555;
text-decoration:none;
padding:8px 14px;
border-radius:8px;
}

.admin-nav a.active,
.admin-nav a:hover{
background:rgba(13,110,253,.08);
color:var(--primary);
}

.admin-nav .dropdown-menu{
min-width:200px;
box-shadow:0 10px 30px rgba(0,0,0,.12);
border:1px solid var(--border);
}

.admin-nav .dropdown-menu a{
font-weight:500;
font-size:14px;
color:#444;
padding:6px 14px;
}

.admin-nav .dropdown-menu a:hover,
.admin-nav .dropdown-menu a:focus{
background:rgba(13,110,253,.08);
color:var(--primary);
}

.admin-nav .dropdown-menu a.active{
background:rgba(13,110,253,.08);
color:var(--primary);
}
/* ===================== Institute sidebar ===================== */

.layout{
display:flex;
min-height:100vh;
}

.sidebar{
width:230px;
flex-shrink:0;
background:var(--sidebar-bg, var(--white));
border-right:1px solid var(--border);
padding:22px 0 0;
display:flex;
flex-direction:column;
    height:100vh;
    position:sticky;
    top:0;
    z-index:1020;
    overflow:hidden;
    min-height:0;
    transition:width .3s cubic-bezier(.4,0,.2,1), transform .3s cubic-bezier(.4,0,.2,1);
}

.sidebar .nav{
flex:1 1 0;
min-height:0;
height:auto;
flex-direction:column;
flex-wrap:nowrap !important;
overflow-y:auto;
overflow-x:hidden;
padding-bottom:12px;
-ms-overflow-style:none;
scrollbar-width:none;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.sidebar .nav::-webkit-scrollbar{
display:none;
}

.sidebar .nav-logout{
margin-top:auto;
border-top:1px solid var(--border);
padding-top:14px;
}

.sidebar .nav-logout:hover{
color:#dc3545;
}

.sidebar .nav-link{
    color:#444;
    font-weight:600;
    font-size:14.5px;
    padding:11px 22px;
    border-left:3px solid transparent;
    display:flex;
    align-items:center;
    gap:10px;
    transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}

.sidebar .nav-link i{
    font-size:16px;
    width:18px;
}

.sidebar .nav-link.active{
    color:var(--primary);
    background:rgba(13,110,253,.06);
    border-left-color:var(--primary);
}

.sidebar .nav-link:not(.disabled):hover{
    color:var(--primary);
    background:rgba(13,110,253,.06);
    border-left-color:var(--primary);
}

.sidebar .nav-link.disabled{
    color:#aaa;
    cursor:default;
}

.sidebar .soon-badge{
font-size:10px;
background:#eee;
color:#888;
padding:2px 7px;
border-radius:20px;
margin-left:auto;
}

.sidebar .nav-group .nav-caret{
margin-left:auto;
transition:transform .2s ease;
}

.sidebar .nav-group [aria-expanded="true"] .nav-caret{
transform:rotate(180deg);
}

.sidebar .nav-link.sub{
    padding:8px 22px 8px 40px;
    font-size:13.5px;
    font-weight:500;
    color:#666;
    border-left:3px solid transparent;
}

.sidebar .nav-link.sub:not(.disabled):hover{
    color:var(--primary);
    background:rgba(13,110,253,.06);
    border-left-color:var(--primary);
}

.sidebar .nav-link.sub.active{
    color:var(--primary);
    background:rgba(13,110,253,.06);
    border-left-color:var(--primary);
}

.sidebar .nav-link.sub-sub{
    padding:6px 22px 6px 56px;
    font-size:13px;
    font-weight:400;
    color:#777;
    border-left:3px solid transparent;
}

.sidebar .nav-link.sub-sub:not(.disabled):hover{
    color:var(--primary);
    background:rgba(13,110,253,.06);
    border-left-color:var(--primary);
}

.sidebar .nav-link.sub-sub.active{
    color:var(--primary);
    background:rgba(13,110,253,.06);
    border-left-color:var(--primary);
    font-weight:600;
}


.content{
flex-grow:1;
padding:80px 30px 26px;
min-width:0;
position:relative;
}
/* ===================== Sidebar user card (under logout) ===================== */

.sidebar-user-card{
display:flex;
align-items:center;
gap:10px;
margin:0;
padding:12px 14px;
border-top:1px solid var(--border);
border-left:0;
border-right:0;
border-bottom:0;
border-radius:0;
background:var(--white);
box-shadow:0 -4px 12px rgba(15,23,42,.06);
flex-shrink:0;
margin-top:auto;
}
.sidebar .nav + .sidebar-user-card{
margin-top:auto;
}
.sidebar-user-card .avatar-wrap{
flex-shrink:0;
}
.sidebar-user-card .avatar-circle{
width:44px;
height:44px;
}
.sidebar-user-card .sidebar-user-meta{
display:flex;
flex-direction:column;
align-items:flex-start;
min-width:0;
gap:1px;
}
.sidebar-user-card .sidebar-user-toggle{
display:flex;
align-items:center;
gap:10px;
width:100%;
padding:8px;
margin:-8px;
border:0;
background:none;
text-align:left;
cursor:pointer;
color:inherit;
border-radius:8px;
min-height:56px;
}
.sidebar-user-card .sidebar-user-toggle:focus{
outline:none;
}
.sidebar-user-card .sidebar-user-caret{
margin-left:auto;
font-size:12px;
color:#8a8f98;
transition:transform .2s ease;
}
.sidebar-user-card.show .sidebar-user-caret{
transform:rotate(180deg);
}
.sidebar-user-card .dropdown-menu{
min-width:170px;
border-radius:10px;
box-shadow:0 6px 20px rgba(15,23,42,.12);
}
.sidebar-user-card .dropdown-menu .dropdown-item{
font-size:14px;
padding:9px 14px;
}
.sidebar-user-card .dropdown-menu .dropdown-item i{
font-size:15px;
}
.sidebar-user-card .sidebar-user-name{
max-width:100%;
font-size:13.5px;
font-weight:600;
line-height:1.3;
color:#333;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* ===================== Topbar icon buttons (language / dark mode) ===================== */

.topbar .icon-btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
border-radius:50%;
background:var(--white);
border:1px solid var(--border);
color:#555;
font-size:17px;
cursor:pointer;
transition:background .15s ease, color .15s ease;
}
.topbar .icon-btn:hover{
background:rgba(13,110,253,.08);
color:var(--primary);
}
.topbar .dropdown-menu .dropdown-item{
font-size:14px;
}
/* ===================== Sidebar profile: organization switcher ===================== */

.sidebar-user-card .dropdown-menu .dropdown-item{
font-size:13px;
}
/* ===================== Sidebar collapse (icon view, desktop) ===================== */

.sidebar-collapsed .sidebar{
    width:68px;
    padding:22px 0;
}

.sidebar-collapsed .sidebar .nav-link{
    justify-content:center;
    gap:0;
    padding:13px 0;
}

.sidebar-collapsed .sidebar .nav-link i{
    font-size:19px;
    width:auto;
}

.sidebar-collapsed .sidebar .nav-link.sub{
    padding:8px 0;
}

.sidebar-collapsed .sidebar .nav-link.sub-sub{
    padding:6px 0;
}

.sidebar-collapsed .sidebar .nav-link .sidebar-label,
.sidebar-collapsed .sidebar .soon-badge,
.sidebar-collapsed .sidebar .nav-link .badge,
.sidebar-collapsed .sidebar .nav-caret{
    display:none;
}

/* Fix icon view alignment for group headers */
html.sidebar-collapsed .sidebar .nav-link.w-100.d-flex.justify-content-between,
html.sidebar-collapsed .sidebar button.nav-link {
    justify-content: center !important;
}

/* Remove gap from inner flex container so icon stays centered */
html.sidebar-collapsed .sidebar .nav-link .d-flex.gap-2 {
    gap: 0 !important;
    justify-content: center;
}

.sidebar-collapsed .sidebar .sidebar-user-card{
    justify-content:center;
    padding:5px;
    margin:2px 7px 10px;
    border:none;
    box-shadow:none;
}

.sidebar-collapsed .sidebar .sidebar-user-card .sidebar-user-toggle{
    justify-content:center;
}

.sidebar-collapsed .sidebar .sidebar-user-meta,
.sidebar-collapsed .sidebar .sidebar-user-caret{
    display:none;
}

/* In the collapsed state the avatar becomes a plain link (no dropdown clipping issues). */
.sidebar-user-link{
    display:none;
}

.sidebar-collapsed .sidebar-user-card .sidebar-user-toggle{
    display:none;
}

.sidebar-collapsed .sidebar-user-card .sidebar-user-link{
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    background:none;
    padding:0;
    cursor:pointer;
}
.sidebar-user-link:focus{
    outline:none;
}
.sidebar-user-link:focus-visible{
    outline:2px solid var(--primary);
    outline-offset:2px;
    border-radius:50%;
}

/* While the collapsed-mode user card dropdown is open the sidebar must not
   clip it — overflow becomes visible and the nav scroll simply pauses. */
.sidebar.sidebar-no-clip{
overflow: visible !important;
}
.sidebar.sidebar-no-clip .nav{
overflow: visible !important;
overflow-y: visible !important;
overflow-x: visible !important;
}

/* Collapsed (icon-only) user card dropdown — a compact icon rail that matches
   the collapsed drawer instead of the full labelled menu. */
.sidebar-collapsed .sidebar-user-card .dropdown-menu{
    min-width:auto;
    padding:6px;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(15,23,42,.16);
}
.sidebar-collapsed .sidebar-user-card .dropdown-item{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    padding:0;
    border-radius:8px;
    font-size:0;
    line-height:0;
    color:transparent;
}
.sidebar-collapsed .sidebar-user-card .dropdown-item i{
    font-size:17px;
    margin:0;
    color:#5b6472;
    line-height:1;
}
.sidebar-collapsed .sidebar-user-card .dropdown-item:hover{
    background:rgba(13,110,253,.08);
}
.sidebar-collapsed .sidebar-user-card .dropdown-item:hover i{
    color:var(--primary);
}
.sidebar-collapsed .sidebar-user-card .dropdown-item.text-danger i{
    color:#dc3545;
}
.sidebar-collapsed .sidebar-user-card .dropdown-item.text-danger:hover{
    background:rgba(220,53,69,.08);
}
.sidebar-collapsed .sidebar-user-card .dropdown-item.text-danger:hover i{
    color:#b02a37;
}
.sidebar-collapsed .sidebar-user-card .dropdown-divider{
    display:none;
}
.sidebar-collapsed .sidebar-user-card .dropdown-item.text-danger{
    margin-top:6px;
    border-top:1px solid var(--border);
    border-radius:0 0 8px 8px;
}
.sidebar-collapsed .sidebar-user-card .soon-badge,
.sidebar-collapsed .sidebar-user-card .workspace-switcher-block{
    display:none;
}

/* ===================== Sidebar section labels (Super Admin groups) ===================== */

.sidebar .sidebar-section-label{
    font-size:0.65rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.08em;
    color:var(--muted, #6c757d);
    padding:16px 22px 4px;
    margin:0;
    user-select:none;
    line-height:1.2;
}

.sidebar .sidebar-section-label:first-child{
    padding-top:4px;
}

.sidebar-collapsed .sidebar .sidebar-section-label{
    text-align:center;
    padding:12px 0 4px;
    font-size:0;
    overflow:hidden;
}

.sidebar-collapsed .sidebar .sidebar-section-label::after{
    content:'';
    display:block;
    width:20px;
    height:1px;
    background:var(--border, #e9ecef);
    margin:4px auto;
}

html.monetix-dark .sidebar .sidebar-section-label{
    color:#6b7a90;
}

/* ===================== Sidebar label entrance (left → right) =====================
   Only plays when the drawer is expanded via the toggle — never on page load. */

.sidebar .nav-link .sidebar-label{
    display:inline-block;
    white-space:nowrap;
}

.sidebar .nav-link .sidebar-label.sidebar-label-anim{
    animation:monetixLabelSlide .35s cubic-bezier(.22,1,.36,1) .5s both;
}

@keyframes monetixLabelSlide{
    from{
        opacity:0;
        transform:translateX(-14px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

/* ===================== Mobile drawer ===================== */

.sidebar-backdrop{
    display:none;
}

@media(max-width:768px){
.layout{
    overflow-x:hidden;
}
.sidebar-backdrop{
    display:block;
    position:fixed;
    inset:54px 0 0 0;
    background:rgba(255,255,255,.08);
    z-index:1040;
    opacity:0;
    visibility:hidden;
    backdrop-filter:blur(0) saturate(100%);
    -webkit-backdrop-filter:blur(0) saturate(100%);
    will-change:opacity, backdrop-filter;
    transform:translateZ(0);
    backface-visibility:hidden;
    transition:opacity .35s cubic-bezier(.22,1,.36,1), visibility .35s cubic-bezier(.22,1,.36,1), backdrop-filter .35s cubic-bezier(.22,1,.36,1), background .35s ease;
}
.sidebar-backdrop.show{
    opacity:1;
    visibility:visible;
    background:rgba(255,255,255,.08) !important;
    background-image:linear-gradient(135deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.04) 35%, transparent 65%) !important;
    backdrop-filter:blur(5px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(5px) saturate(150%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18) !important;
}
html.monetix-dark .sidebar-backdrop.show{
    background:rgba(15,23,42,.28) !important;
    background-image:linear-gradient(135deg, rgba(255,255,255,.07) 0%, transparent 45%) !important;
}
div.topbar{
    position:fixed;
    left:0;
    right:0;
}
.sidebar{
    display:flex;
    position:fixed;
    top:54px;
    bottom:0;
    left:0;
    width:0;
    min-width:0;
    height:auto;
    z-index:1045;
    flex:none;
    transform:translateX(-100%);
    box-shadow:0 0 30px rgba(0,0,0,.15);
    transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.sidebar-open .sidebar{
    width:240px;
    transform:translateX(0);
}
/* Force full labels inside the mobile drawer regardless of desktop collapse state. */
.sidebar-collapsed .sidebar{
    width:240px;
}
.sidebar-collapsed .sidebar .nav-link{
    font-size:14.5px;
    justify-content:flex-start;
    gap:10px;
    padding:11px 22px;
}
.sidebar-collapsed .sidebar .nav-link i{
    font-size:16px;
    width:18px;
}
.sidebar-collapsed .sidebar .nav-link.sub{
    padding:8px 22px 8px 40px;
}
.sidebar-collapsed .sidebar .nav-link .sidebar-label,
.sidebar-collapsed .sidebar .soon-badge,
.sidebar-collapsed .sidebar .nav-link .badge,
.sidebar-collapsed .sidebar .nav-caret{
    display:inline-block;
}
.sidebar-collapsed .sidebar .sidebar-user-card{
    justify-content:flex-start;
    padding:4px 14px;
    margin:2px 10px 10px;
    border:1px solid var(--border);
    box-shadow:0 1px 4px rgba(15,23,42,.06);
}
.sidebar-collapsed .sidebar .sidebar-user-meta,
.sidebar-collapsed .sidebar .sidebar-user-caret{
    display:flex;
}
.sidebar-collapsed .sidebar-user-card .sidebar-user-toggle{
    display:flex;
}
.sidebar-collapsed .sidebar-user-card .sidebar-user-link{
    display:none;
}
.topbar .brand{
    font-size:16px;
    max-width:42vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.content{
    padding:70px 18px 18px;
    width:100%;
    margin:0;
    min-width:0;
    flex:1 1 auto;
}
}

/* ===================== Reduced motion ===================== */

@media (prefers-reduced-motion: reduce){
.sidebar,
.sidebar .nav-link .sidebar-label,
.sidebar-backdrop{
    transition:none !important;
    animation:none !important;
}
}

/* ===================== Skeleton content loader =====================
   Covers ONLY the content area — the topbar and drawer render normally. */

.skeleton-loader{
    position:absolute;
    inset:0;
    z-index:2000;
    background:var(--white);
    padding:80px 30px 26px;
    overflow:hidden;
    transition:opacity .25s ease;
}
.skeleton-loader.hide{
    opacity:0;
    pointer-events:none;
}
.sk{
    position:relative;
    overflow:hidden;
    background:#eceff3;
    border-radius:6px;
}
.sk::after{
    content:'';
    position:absolute;
    inset:0;
    transform:translateX(-100%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
    animation:skShimmer 1.3s infinite;
}
@keyframes skShimmer{
    100%{ transform:translateX(100%); }
}
.sk-line{ height:14px; }
.sk-content{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.sk-title{ width:45%; height:26px; }
.sk-subtitle{ width:60%; height:14px; }
.sk-card{
    padding:20px;
    border:1px solid var(--border);
    border-radius:12px;
    display:flex;
    flex-direction:column;
    gap:14px;
}
.sk-card .sk-line.short{ width:55%; }

@media (max-width:768px){
.skeleton-loader{ padding:70px 18px 18px; }
}

html.monetix-dark .skeleton-loader{ background:#171a22; }
html.monetix-dark .sk{ background:#262b35; }
html.monetix-dark .sk::after{
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);
}

@media (prefers-reduced-motion: reduce){
.sk::after{ animation:none; }
}

/* ===================== Standalone settings pages ===================== */

.standalone-page{
    min-height:100vh;
    background:var(--body-bg, #f4f6fa);
    padding:28px 16px 64px;
    zoom:1.05;
}
.standalone-page-title{
    font-weight:700;
    font-size:16px;
    color:var(--text, #222);
}
.standalone-container{
    max-width:1440px;
    margin:0 auto;
}
.standalone-heading{
    margin-bottom:20px;
}
.standalone-heading h4{
    font-weight:700;
    margin:0 0 4px;
    color:var(--text, #222);
}
.standalone-heading p{
    color:var(--muted, #6c757d);
    margin:0;
}
.settings-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.settings-layout{
    display:grid;
    grid-template-columns:240px 1fr;
    gap:20px;
    align-items:start;
}
.settings-nav{
    background:var(--white, #ffffff);
    border:1px solid var(--border, #e9ecef);
    border-radius:12px;
    padding:10px;
    position:sticky;
    top:74px;
}
.settings-nav-title{
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    color:var(--muted, #6c757d);
    padding:8px 12px;
    margin-bottom:4px;
}

.settings-nav-group-label{
    font-size:0.6rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.08em;
    color:var(--muted, #6c757d);
    padding:14px 12px 4px;
    margin-top:2px;
    opacity:0.7;
}
.settings-nav-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:8px;
    text-decoration:none;
    color:var(--text, #222);
    font-size:14px;
    font-weight:500;
    transition:background-color .15s ease, color .15s ease;
}
button.settings-nav-item{
    width:100%;
    text-align:left;
    border:0;
    background:none;
    font-family:inherit;
    cursor:pointer;
}
.settings-nav-item i{ color:var(--primary, #0D6EFD); }
.settings-nav-item:hover{ background:var(--primary-soft, rgba(13,110,253,.1)); }
.settings-nav-item.active{ background:var(--primary, #0D6EFD); color:#fff; }
.settings-nav-item.active i{ color:#fff; }
.settings-options-card{
    padding:24px;
}
.settings-pane{
    display:none;
}
.settings-pane.active{
    display:block;
}
.settings-options-title{
    font-weight:700;
    margin:0 0 16px;
    color:var(--text, #222);
}
@media (max-width:768px){
    .settings-layout{ grid-template-columns:1fr; }
    .settings-nav{ position:static; }
}
.settings-list-item{
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px 18px;
    background:var(--white, #ffffff);
    border:1px solid var(--border, #e9ecef);
    border-radius:12px;
    text-decoration:none;
    color:var(--text, #222);
    transition:border-color .15s ease, box-shadow .15s ease;
}
.settings-list-item:hover{
    border-color:var(--primary, #0D6EFD);
    box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.settings-list-icon{
    width:44px;
    height:44px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:var(--primary-soft, rgba(13,110,253,.1));
    color:var(--primary, #0D6EFD);
    font-size:20px;
}
.settings-list-body{
    flex:1;
    min-width:0;
}
.settings-list-title{
    font-weight:600;
    color:var(--text, #222);
}
.settings-list-desc{
    font-size:13px;
    color:var(--muted, #6c757d);
}
.settings-list-chevron{
    color:var(--muted, #6c757d);
    flex-shrink:0;
}

html.monetix-dark .standalone-page{ background:#14161c; }
html.monetix-dark .settings-list-item{ background:#1d2129; border-color:#2a2f3a; }
html.monetix-dark .settings-list-icon{ background:rgba(13,110,253,.18); }
html.monetix-dark .settings-nav{ background:#1d2129; border-color:#2a2f3a; }
html.monetix-dark .settings-nav-item{ color:#e9ecef; }
html.monetix-dark .settings-nav-item:hover{ background:rgba(13,110,253,.18); }

/* ===================== Tall navigation (legacy layout) ===================== */

html.monetix-tall-nav div.topbar{
position:sticky;
top:0;
left:auto;
right:auto;
margin:0;
width:100%;
padding:14px 0;
box-sizing:border-box;
}

html.monetix-tall-nav.sidebar-collapsed div.topbar{
left:auto;
width:100%;
}

html.monetix-tall-nav .layout{
min-height:calc(100vh - 65px);
}

html.monetix-tall-nav .sidebar{
height:calc(100vh - 65px);
position:sticky;
top:65px;
overflow:hidden;
min-height:0;
}
html.monetix-tall-nav .sidebar .nav{
max-height:calc(100vh - 65px - 70px);
}

html.monetix-tall-nav .content{
padding:26px 30px;
}

html.monetix-tall-nav .skeleton-loader{
padding:26px 30px;
}

html.monetix-tall-nav .settings-nav{
position:sticky;
top:88px;
}

@media(max-width:768px){
html.monetix-tall-nav div.topbar{
    position:sticky;
    left:auto;
    right:auto;
    width:100%;
    margin:0;
}
html.monetix-tall-nav .sidebar-backdrop{
    inset:65px 0 0 0;
}
html.monetix-tall-nav .sidebar{
    top:65px;
    height:auto;
}
html.monetix-tall-nav .content{
    padding:18px;
}
html.monetix-tall-nav .skeleton-loader{
    padding:18px;
}

/* Feature-locked menu items (Phase 5e) */
.menu-item-locked {
    opacity: 0.6;
    cursor: pointer;
}
.menu-item-locked:hover {
    opacity: 0.85;
}
.lock-badge {
    font-size: 0.7em;
    background: #ffc107;
    color: #333;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 6px;
}
}