/* v25.15: calm control-room information architecture, no behavior or data changes. */
:root{--cl-canvas:#f6f8fc;--cl-paper:#fff;--cl-ink:#1a293e;--cl-muted:#6c7d96;--cl-hair:#e5ebf3;--cl-accent:#3269b7;--cl-soft:#edf4fd;--cl-shadow:0 2px 11px rgba(26,43,73,.045)}
html,body{background:var(--cl-canvas)!important;color:var(--cl-ink)!important}
.shell{grid-template-columns:222px minmax(0,1fr)!important;background:var(--cl-canvas)!important}
.nav{position:sticky!important;top:0!important;height:100dvh!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:19px 12px 12px!important;background:var(--cl-paper)!important;border-right:1px solid var(--cl-hair)!important;box-shadow:none!important;overflow-y:auto}
.nav h2{font-size:14px!important;padding:11px 13px 24px!important;margin:0!important;letter-spacing:.065em!important;border-bottom:1px solid var(--cl-hair);flex:none}
.admin-nav-group{display:flex;flex-direction:column;gap:3px;padding:14px 0 8px;border-bottom:1px solid #eff2f7}
.admin-nav-group-bottom{margin-top:auto;border:0;padding-bottom:6px}
.admin-nav-label{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#96a3b4;font-weight:850;padding:0 13px 7px}
.nav .admin-nav-group button,.nav .admin-nav-group a{width:100%;display:flex;align-items:center;gap:11px;border:0!important;border-radius:8px!important;min-height:39px;padding:10px 12px!important;margin:0!important;font-size:11.5px!important;font-weight:670!important;color:#647289!important;background:transparent!important;transition:background .15s,color .15s}
.nav .admin-nav-group button svg,.nav .admin-nav-group a svg{flex:0 0 17px;width:17px;height:17px;opacity:.72}
.nav .admin-nav-group button.active{background:#eaf2ff!important;color:#245fa9!important;font-weight:800!important}
.nav .admin-nav-group button.active svg{opacity:1}
.nav .admin-nav-group button:hover,.nav .admin-nav-group a:hover{background:#f0f4fa!important;color:#214e88!important}
.nav small{font-size:9px!important;line-height:1.5;color:#9aabc0!important;margin:0 9px!important;padding-top:10px!important;border-top:1px solid var(--cl-hair)}
.main{background:var(--cl-canvas)!important;padding:29px clamp(19px,2.7vw,44px) 48px!important;max-width:none!important;min-width:0!important}
.main>section{max-width:1560px;margin:0 auto}
.main-head{max-width:1560px;margin:0 auto 21px!important;padding:4px 0 19px;border-bottom:1px solid var(--cl-hair);gap:15px!important;align-items:center!important}
.main-head h1{font-size:25px!important;font-weight:820!important;letter-spacing:-.045em!important;line-height:1.24!important;color:#192940!important;margin:3px 0 5px!important}
.main-head .sub{font-size:11px!important;color:#7f8da3!important}
.main-head .eyebrow{font-size:9px!important;font-weight:780!important;letter-spacing:.17em!important;color:#8394b0!important}
.panel,.profile-card,.account-detail{box-shadow:var(--cl-shadow)!important;border:1px solid var(--cl-hair)!important;border-radius:11px!important;background:var(--cl-paper)!important}
.panel{padding:19px!important;margin-bottom:14px!important;overflow:visible!important}
.panel .split-head{margin-bottom:15px!important;align-items:center!important;gap:10px!important}
.panel h2{font-size:14px!important;letter-spacing:-.02em!important}
.panel h2,.profile-card h3{color:#24334a!important}
.metrics{gap:12px!important;margin-bottom:15px!important}
.metric{min-height:105px!important;padding:17px 18px!important;background:#fff!important;border:1px solid var(--cl-hair)!important;border-radius:10px!important;box-shadow:var(--cl-shadow)!important}
.metric span{font-size:10px!important;color:var(--cl-muted)!important;font-weight:700!important;letter-spacing:0!important}
.metric strong{margin-top:11px!important;font-size:23px!important;letter-spacing:-.045em!important;color:#192b47!important}
.metric:after{display:none!important}
.table-wrap{border-color:var(--cl-hair)!important;border-radius:8px!important;background:#fff!important;overflow:auto!important}
th{background:#f8fafd!important;color:#7c8ba1!important;letter-spacing:.095em!important;font-size:9px!important;border-color:var(--cl-hair)!important;padding:11px 12px!important}
td{padding:12px!important;font-size:11px!important;line-height:1.5!important;border-color:#edf1f7!important;color:#2f4058!important}
tbody tr:hover td{background:#f8fbff!important}
.btn,.head-actions .btn{border-radius:7px!important;font-size:11px!important;font-weight:730!important;min-height:34px!important;box-shadow:none!important}
.btn.primary{background:#2e64a9!important;border-color:#2e64a9!important;color:#fff!important}
.btn.primary:hover{background:#24538d!important}
.tabbuttons{gap:7px!important;border-color:var(--cl-hair)!important;min-width:0;overflow-x:auto}
.tabbuttons button{border-radius:6px 6px 0 0!important;white-space:nowrap!important;padding:10px 13px!important}
.tabbuttons button.active{color:var(--cl-accent)!important;background:var(--cl-soft)!important;border-color:#4778b8!important}
.trade-filter-controls{background:#f9fbfe!important;border:1px solid var(--cl-hair)!important;padding:13px!important;border-radius:9px!important;gap:10px!important}
.trade-edit-form{background:#fbfcff!important;border:1px solid var(--cl-hair)!important}
.account-detail{padding:20px!important}
.profile-card{padding:17px!important}
.profile-metrics>div,.health-item,.permission-grid label{background:#f8fafd!important;border-color:var(--cl-hair)!important}
.settings-hero{box-shadow:none!important;border-color:var(--cl-hair)!important}
.field input,.field select,.trade-filter-controls input,.trade-filter-controls select{border-radius:7px!important}
#notify{border-radius:8px!important}
@media(max-width:1100px){.shell{grid-template-columns:202px minmax(0,1fr)!important}.main{padding:22px 20px 36px!important}}
@media(max-width:850px){
 .shell{display:block!important}
 .nav{position:fixed!important;left:0!important;top:0!important;height:100dvh!important;width:min(282px,88vw)!important;z-index:101!important;padding:13px 10px 18px!important;transform:translateX(-105%);box-shadow:14px 0 35px rgba(24,36,58,.15)!important;transition:transform .2s ease}
 .nav-open .nav{transform:translateX(0)!important}
 .nav-open .mobile-nav-backdrop{z-index:100!important}
 .main{padding:17px 14px 38px!important}
 .main-head{padding-bottom:14px!important;align-items:flex-start!important}
 .main-head h1{font-size:23px!important}
 .admin-nav-group-bottom{margin-top:9px}
}
@media(max-width:600px){
 .main{padding:12px 10px 28px!important}
 .main-head{gap:9px!important;margin-bottom:13px!important}
 .main-head h1{font-size:20px!important}
 .head-actions{display:flex!important;gap:6px!important;align-items:stretch!important}
 .head-actions .btn{flex:1 1 125px!important;max-width:none!important;min-width:0;padding:8px!important;font-size:10px!important}
 .metrics{gap:7px!important;margin-bottom:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .metric{padding:12px!important;min-height:87px!important}
 .metric strong{font-size:clamp(16px,4vw,21px)!important;margin-top:8px!important;overflow:hidden;text-overflow:ellipsis}
 .metric span{font-size:9px!important}
 .panel,.account-detail{padding:12px!important;border-radius:9px!important;margin-bottom:10px!important}
 .panel .split-head{flex-wrap:wrap!important;gap:8px!important}
 .panel h2{font-size:13px!important}
 th{padding:10px 9px!important}
 td{padding:10px 9px!important}
 .trade-filter-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;padding:10px!important}
 .trade-filter-controls input,.trade-filter-controls select{width:100%!important;min-width:0!important}
 .profile-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 .profile-card{padding:12px!important}
 .account-detail .actions{display:flex;flex-wrap:wrap;gap:6px!important}
}
@media(prefers-reduced-motion:reduce){.nav{transition:none!important}}