/* iSUPER Intelligence Center — shared application shell v2 */
:root{--ops-sidebar:276px;--ops-sidebar-compact:78px;--ops-pagebar:72px}
body.premium-ops:not(.login-body){font-family:Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;transition:padding-left .24s cubic-bezier(.22,.61,.36,1)}
body.premium-ops:not(.login-body) .topbar{width:var(--ops-sidebar);padding:18px 15px 15px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;transition:width .24s cubic-bezier(.22,.61,.36,1),transform .24s ease,box-shadow .24s ease}
body.premium-ops:not(.login-body) .wordmark{min-height:64px;padding:5px 8px 18px}
body.premium-ops:not(.login-body) .top-actions{gap:5px;margin-top:15px}
body.premium-ops:not(.login-body) .top-actions .ghost-link{min-height:44px;gap:12px;overflow:hidden;transition:color .17s ease,background .17s ease,box-shadow .17s ease,transform .17s ease}
body.premium-ops:not(.login-body) .top-actions .ghost-link:hover{transform:translateX(2px)}
body.premium-ops:not(.login-body) .top-actions .nav-icon{width:19px;height:19px;flex:0 0 19px;opacity:.86}
body.premium-ops:not(.login-body) .top-actions .active-nav .nav-icon{opacity:1;filter:drop-shadow(0 0 7px rgba(226,76,100,.42))}
body.premium-ops:not(.login-body) .top-actions .nav-label{margin:18px 12px 7px;color:#6f737d;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}

.suite-pagebar{position:sticky;top:0;z-index:96;min-height:var(--ops-pagebar);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px clamp(24px,3vw,42px);border-bottom:1px solid var(--ops-border);background:color-mix(in srgb,var(--ops-bg) 86%,transparent);box-shadow:0 10px 34px rgba(0,0,0,.08);backdrop-filter:blur(20px) saturate(135%)}
.suite-pagebar-title{min-width:0;display:grid;gap:4px}.suite-pagebar-title small{color:var(--ops-accent);font-size:8px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.suite-pagebar-title strong{overflow:hidden;color:var(--ops-heading);font-size:17px;line-height:1.15;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}
.suite-pagebar-meta{display:flex;align-items:center;gap:10px}.suite-module-badge,.suite-live{min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--ops-border);border-radius:999px;color:var(--ops-muted);background:color-mix(in srgb,var(--ops-surface) 72%,transparent);font-size:9px;font-weight:750}.suite-module-badge{color:var(--ops-heading);border-color:color-mix(in srgb,var(--ops-accent) 25%,var(--ops-border));background:var(--ops-accent-soft);letter-spacing:.08em;text-transform:uppercase}.suite-live i{width:6px;height:6px;border-radius:50%;background:#3ec98c;box-shadow:0 0 0 4px rgba(62,201,140,.1),0 0 10px rgba(62,201,140,.42)}
body.suite-shell-v2:not(.login-body) .container{width:min(1540px,100%);padding-top:clamp(28px,3vw,46px)}
body.premium-ops :is(a,button,input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--ops-accent) 76%,white);outline-offset:3px}
body.premium-ops .panel{box-shadow:0 12px 34px rgba(0,0,0,.08)}
body.premium-ops tbody tr,body.premium-ops .stack-item,body.premium-ops .financial-grid>div{transition:border-color .17s ease,background .17s ease,transform .17s ease}
body.premium-ops tbody tr:hover,body.premium-ops .stack-item:hover,body.premium-ops .financial-grid>div:hover{border-color:color-mix(in srgb,var(--ops-accent) 22%,var(--ops-border))}

body.premium-ops:not(.login-body) .top-status-zone .ops-status,body.premium-ops:not(.login-body) .top-utility .ops-status{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#aeb2bc;background:rgba(255,255,255,.035);font-size:10px}
body.premium-ops:not(.login-body) .ops-status .live-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#36c98f;box-shadow:0 0 0 4px rgba(54,201,143,.11),0 0 12px rgba(54,201,143,.55)}
body.premium-ops:not(.login-body) .ops-status strong{margin-left:auto;color:#6ee7b7;font-size:8px;letter-spacing:.1em}

@media(min-width:901px){
body.premium-ops.sidebar-hidden:not(.login-body){padding-left:var(--ops-sidebar-compact)}
body.premium-ops.sidebar-hidden:not(.login-body) .topbar{width:var(--ops-sidebar-compact);padding-inline:10px;transform:none;overflow:hidden}
body.premium-ops.sidebar-hidden:not(.login-body) .wordmark{justify-content:center;padding-inline:0}
body.premium-ops.sidebar-hidden:not(.login-body) .brand-logo{width:50px;flex-basis:50px}
body.premium-ops.sidebar-hidden:not(.login-body) .brand-divider,body.premium-ops.sidebar-hidden:not(.login-body) .brand-product,body.premium-ops.sidebar-hidden:not(.login-body) .top-actions::before,body.premium-ops.sidebar-hidden:not(.login-body) .top-actions .nav-label,body.premium-ops.sidebar-hidden:not(.login-body) .top-status-zone,body.premium-ops.sidebar-hidden:not(.login-body) .top-utility,body.premium-ops.sidebar-hidden:not(.login-body) .topbar::after{opacity:0;pointer-events:none}
body.premium-ops.sidebar-hidden:not(.login-body) .top-actions .ghost-link{width:48px;min-width:48px;max-width:48px;justify-content:center;align-self:center;gap:0;padding:0;font-size:0}
body.premium-ops.sidebar-hidden:not(.login-body) .top-actions .ghost-link.active-nav::before{left:-10px}
body.premium-ops.sidebar-hidden:not(.login-body) .premium-sidebar-peek-zone{width:var(--ops-sidebar-compact);display:block}
body.premium-ops.sidebar-hidden:not(.login-body) .premium-menu-toggle{left:calc(var(--ops-sidebar-compact) - 1px);transform:translate(-50%,-50%)}
body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .topbar{width:var(--ops-sidebar);padding-inline:15px;transform:none;overflow-x:hidden;overflow-y:auto;box-shadow:22px 0 60px rgba(0,0,0,.36)}
body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .wordmark{justify-content:flex-start;padding-inline:8px}body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .brand-logo{width:102px;flex-basis:102px}
body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .brand-divider,body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .brand-product,body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .top-actions::before,body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .top-actions .nav-label,body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .top-status-zone,body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .top-utility,body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .topbar::after{opacity:1;pointer-events:auto}
body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .top-actions .ghost-link{width:100%;min-width:0;max-width:none;justify-content:flex-start;align-self:stretch;gap:12px;padding:0 13px;font-size:12px}
body.premium-ops.sidebar-hidden.sidebar-peek:not(.login-body) .top-actions .ghost-link.active-nav::before{left:-16px}body.premium-ops.sidebar-hidden.sidebar-peek .premium-menu-toggle{left:calc(var(--ops-sidebar) - 1px)}
}

@media(max-width:900px){.suite-pagebar{position:fixed;inset:0 0 auto 0;min-height:64px;padding:10px 14px 10px 68px}.suite-pagebar-meta{display:none}.suite-pagebar-title small{font-size:7px}.suite-pagebar-title strong{font-size:15px}}
@media(max-width:560px){.suite-pagebar-title small{display:none}body.suite-shell-v2:not(.login-body) .container{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.suite-pagebar,body.premium-ops:not(.login-body) .topbar{transition:none!important}}

/* Compact rail: keep the iSUPER mark optically centered despite legacy shell rules. */
@media(min-width:901px){
body.premium-ops.sidebar-hidden:not(.sidebar-peek):not(.login-body) .wordmark{width:50px;min-width:50px;align-self:center;justify-content:center;gap:0}
body.premium-ops.sidebar-hidden:not(.sidebar-peek):not(.login-body) .brand-logo{display:block;margin-inline:auto}
body.premium-ops.sidebar-hidden:not(.sidebar-peek):not(.login-body) :is(.brand-divider,.brand-product){display:none}
}