/* Super Admin — shared orange, black and white presentation. */
:root{--orange:#ff7a00;--orange-d:#ff7a00;--orange-400:#ff7a00;--orange-500:#ff7a00;--orange-600:#ff7a00;--orange-700:#000;--orange-50:rgba(255,122,0,.06);--orange-100:rgba(0,0,0,.15);--orange-200:rgba(0,0,0,.2);--ink:#000;--slate:rgba(0,0,0,.65);--muted:rgba(0,0,0,.55);--line:rgba(0,0,0,.14);--bg:#fff;--card:#fff;--gray-50:rgba(0,0,0,.025);--gray-100:rgba(0,0,0,.06);--gray-200:rgba(0,0,0,.14);--gray-300:rgba(0,0,0,.25);--gray-500:rgba(0,0,0,.55);--gray-600:rgba(0,0,0,.65);--gray-700:#000;--gray-800:#000;--gray-900:#000;--green:#000;--red:#000;--blue:#000;--violet:#000;--yellow:#ff7a00;--sh:none;--sh-sm:none;}
html body{background:#fff;color:#000;font-family:var(--ods-font);}
html body .sidebar{width:280px;border-right:1px solid var(--line);background:#fff;}
html body .s-mark{background:#ff7a00;color:#fff;border-radius:10px!important;box-shadow:none!important;}
html body .s-brand{padding:24px;}
html body .s-menu{padding:16px 12px;gap:6px;}
html body .s-menu a{padding:14px 16px;letter-spacing:0;font-size:13px;border-radius:8px!important;}
html body .s-menu a.active{background:rgba(0,0,0,.025)!important;color:#ff7a00!important;box-shadow:inset 3px 0 #ff7a00!important;}
html body .s-menu a.active::after{display:none;}
html body .content{min-width:0;background:#fff;}
html body .topbar{background:#fff;border-bottom:1px solid var(--line);box-shadow:none;padding:18px 28px;}
html body .topbar h2{font-size:23px;letter-spacing:-.4px;}
html body .main{padding:28px;min-width:0;}
html body :is(.panel,.kpi,.login-card,.modal,.tbl-wrap){border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:none!important;}
html body .panel{overflow:hidden;background:#fff;}
html body .panel-h{padding:20px 24px;border-bottom:1px solid var(--line);gap:16px;flex-wrap:wrap;}
html body .panel-h h3{font-size:17px;}
html body .kpis{gap:20px;}
html body .kpi{padding:24px;}
html body .kpi .v{font-size:32px;font-weight:700;letter-spacing:-1px;color:#000;}
html body .kpi .badge{background:#fff!important;color:#000!important;border:1px solid var(--line);border-radius:10px!important;box-shadow:none;}
html body .kpi .badge *{color:#000!important;}
html body .grid-2{gap:24px;}
html body table th{background:rgba(0,0,0,.025);padding:16px;font-size:11px;border-bottom:1px solid var(--line);}
html body table td{padding:16px;border-bottom:1px solid rgba(0,0,0,.08);line-height:1.5;}
html body .tbl-wrap{overflow-x:auto;max-width:100%;}
html body :is(.t-actions,.toolbar,.modal-foot){gap:12px;}
html body .btn{background:#ff7a00;color:#fff;border-color:#ff7a00;border-radius:8px!important;min-height:42px;box-shadow:none!important;}
html body .btn *{color:inherit!important;}
html body .btn:hover{background:#ff7a00;color:#fff;}
html body .btn.ghost{background:#fff!important;color:#000!important;border:1px solid rgba(0,0,0,.25)!important;}
html body .btn.danger{background:#000!important;color:#fff!important;border-color:#000;}
html body .t-actions .btn.danger{background:#000!important;color:#fff!important;}
html body :is(input,select,textarea){border:1px solid rgba(0,0,0,.25);border-radius:8px;min-height:44px;}
html body input[type=checkbox]{min-height:0;}
html body .pill{border:1px solid var(--line);border-radius:6px!important;background:#fff!important;color:#000!important;}
html body .pill.r{background:#000!important;color:#fff!important;}
html body .login-wrap{background:#fff;}
html body .login-card{padding:36px;}
html body .lc-icon{background:#ff7a00;color:#fff;box-shadow:none;border-radius:12px;}
html body .avatar{background:#ff7a00;color:#fff;border-radius:8px;}
html body .ods-icon{display:inline-flex;align-items:center;justify-content:center;font-style:normal;}
html body .ods-icon::before{display:none!important;}
html body .ods-icon svg{width:1.15em;height:1.15em;}
html body .ods-id-column{display:none!important;}
.sa-shimmer{display:flex;flex-direction:column;gap:24px;padding:4px;}
.sa-shimmer-heading{width:40%;height:30px;}
.sa-shimmer-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.sa-shimmer-cards div{height:150px;}
.sa-shimmer-table{height:330px;}
.sa-shimmer-block{position:relative;overflow:hidden;background:rgba(0,0,0,.055);border-radius:12px;}
.sa-shimmer-block::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:translateX(-100%);animation:sa-shimmer 1.25s linear infinite;}
@keyframes sa-shimmer{to{transform:translateX(100%)}}
@media(max-width:900px){html body .main{padding:20px;}html body .topbar{padding:16px 20px;}.sa-shimmer-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){html body .main{padding:16px;}html body .panel-h{padding:16px;}html body .kpi{padding:20px;}html body .topbar h2{font-size:19px;}html body .modal-foot{flex-wrap:wrap;}html body .t-actions{flex-wrap:wrap;}html body .who{display:none;}}
@media(prefers-reduced-motion:reduce){.sa-shimmer-block::after{animation:none;}html body *{scroll-behavior:auto!important;}}

html body .modal-overlay .modal{background:#fff!important;padding:0;}
html body .modal-head,html body .modal-foot{background:#fff;}
html body .t-actions .btn.ghost:hover{background:#fff!important;}

html body .s-menu a i{color:inherit!important;opacity:1;}
html body .chart-box{border:0!important;box-shadow:none!important;}
html body .kpi .k{color:rgba(0,0,0,.6);}

html body .topbar .only-mobile{display:inline-flex!important;}
html body #burger{border:1px solid rgba(0,0,0,.25);border-radius:8px;background:#fff;}
@media(min-width:821px){
html body.menu-compact .sidebar{width:76px;}
html body.menu-compact .s-brand{padding:24px 0;justify-content:center;}
html body.menu-compact :is(.s-brand-txt,.s-menu a>span){display:none!important;}
html body.menu-compact .s-menu{padding:12px 8px;}
html body.menu-compact .s-menu a{padding:14px 0;justify-content:center;gap:0;}
html body.menu-compact .s-menu a i{margin:0;}
html body.menu-compact .s-foot{padding:12px 8px;}
html body.menu-compact #logoutBtn{font-size:0;padding:12px;justify-content:center;gap:0;}
html body.menu-compact #logoutBtn i{font-size:18px;}
}

/* Give Chart.js the full card width rather than a square aligned left. */
html body .chart-box.sm{height:300px;width:100%;min-width:0;}
html body .chart-box canvas{display:block;}

@media(min-width:821px){
html body.menu-compact .sidebar #logoutBtn>span{display:none!important;}
html body.menu-compact .sidebar #logoutBtn{display:flex!important;align-items:center;justify-content:center;padding:12px!important;gap:0!important;min-width:0;width:100%;}
html body.menu-compact .sidebar #logoutBtn i{font-size:18px!important;margin:0!important;flex:none;}
}