body[data-dashboard='super-admin'] {}

.super-admin .sidebar-context { border-left: 3px solid #3d9b65; }
.super-admin .page-title-row .eyebrow { color: #2f8b57; }


/* Super Admin feature-control preview */
.feature-control-panel { margin-top: 18px; overflow: hidden; }
.feature-panel-heading { align-items: flex-start; }
.feature-panel-heading h2 { margin: 0 0 3px; }
.feature-subtitle { margin: 0; color: var(--dt-muted); font-size: 13px; }
.preview-only-label { flex-shrink: 0; padding: 4px 7px; border: 1px solid #d6e3d9; border-radius: 3px; color: #36764d; background: #f1f7f2; font-size: 10px; font-weight: 800; letter-spacing: .06em; }
.feature-warning { margin: 14px 16px 0; padding: 10px 12px; border: 1px solid #ead6a6; background: #fff9e9; color: #72531c; font-size: 13px; }
.feature-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px; border-bottom: 1px solid #e7ecee; }
.feature-toolbar strong { font-size: 14px; }
.feature-toolbar p { margin: 3px 0 0; color: var(--dt-muted); font-size: 12px; }
.feature-list { padding: 0 16px; }
.feature-row { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 15px 0; border-bottom: 1px solid #edf0f1; }
.feature-row:last-child { border-bottom: 0; }
.feature-copy { display: grid; gap: 3px; min-width: 0; }
.feature-copy strong { font-size: 14px; }
.feature-copy span { color: #5e6f78; font-size: 13px; }
.feature-scope { color: #87939a; font-size: 11px; }
.switch-control { display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; cursor: pointer; }
.switch-control input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.switch-track { position: relative; width: 38px; height: 22px; border-radius: 20px; background: #b9c3c8; transition: background .15s; }
.switch-track:after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #0002; transition: transform .15s; }
.switch-control input:checked + .switch-track { background: #328453; }
.switch-control input:checked + .switch-track:after { transform: translateX(16px); }
.switch-control input:focus-visible + .switch-track { outline: 3px solid #83c6ec; outline-offset: 2px; }
.switch-label { min-width: 56px; color: #5f6e76; font-size: 12px; }
.kill-switch-area { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin: 0 16px; padding: 16px; border: 1px solid #efd0cc; background: #fff8f7; }
.kill-switch-eyebrow { color: #a23e36; font-size: 10px; font-weight: 800; letter-spacing: .09em; }
.kill-switch-area h3 { margin: 4px 0; font-size: 15px; }
.kill-switch-area p { max-width: 720px; margin: 0; color: #7b6664; font-size: 12px; }
.btn-danger { min-height: 34px; padding: 7px 12px; border: 1px solid #b83f37; border-radius: 3px; background: #b83f37; color: white; font-weight: 700; cursor: pointer; white-space: nowrap; }
.btn-danger:hover { background: #982e28; }
.feature-feedback { margin: 12px 16px 16px; padding: 9px 11px; border: 1px solid #dbe4e7; background: #f6f8f9; color: #5c6b73; font-size: 12px; }
.feature-feedback.is-warning { border-color: #e9c5c1; background: #fff1ef; color: #8d302a; }
@media (max-width: 620px) { .feature-toolbar, .kill-switch-area { align-items: flex-start; flex-direction: column; } .feature-row { align-items: flex-start; } .switch-control { margin-top: 5px; } .feature-panel-heading { flex-direction: column; } }

/* v0.3.0 feature rollout planning */
.rollout-panel{margin-top:18px}.rollout-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px}.rollout-note{padding:14px;background:#f7f9fa;border:1px solid #e2e8eb}.rollout-note strong{font-size:13px}.rollout-note ol{margin:10px 0 0;padding-left:20px;color:#5f6e76;font-size:12px;line-height:1.9}.rollout-fields{display:flex;flex-direction:column;align-items:stretch;gap:7px}.rollout-fields label{font-size:12px;font-weight:700;color:#50616a}.rollout-fields select{min-height:36px;padding:7px 9px;border:1px solid #cbd6db;border-radius:3px;background:#fff;color:#243a49}.rollout-fields .btn{align-self:flex-start;margin-top:5px}@media(max-width:620px){.rollout-body{grid-template-columns:1fr}}


/* v0.4.0 — distinct Super Admin command-centre treatment */
body.super-admin { background:#edf1f4; }
.super-admin .sidebar { background:#102636; }
.super-admin .sidebar-brand { border-bottom-color:rgba(255,255,255,.12); }
.super-admin .sidebar-context { border-left:3px solid #76c99a; background:rgba(255,255,255,.055); }
.super-admin .sidebar-edition { color:#a8bdc9; }
.super-admin .page-content { max-width:1600px; }
.super-admin .page-title-row { margin-bottom:16px; }
.super-admin .page-title-row h1 { font-size:31px; letter-spacing:-.035em; }
.super-admin .page-title-row .eyebrow { color:#217749; }
.super-admin .page-description { max-width:850px; font-size:16px; }
.super-admin .super-admin-command { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr); gap:24px; margin:0 0 16px; padding:24px; color:#f5f9fb; background:linear-gradient(120deg,#142f42 0%,#1b4055 62%,#215342 100%); border:1px solid #24485b; box-shadow:0 5px 16px rgba(16,38,54,.13); }
.super-admin .command-main { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.super-admin .command-kicker { display:flex; align-items:center; flex-wrap:wrap; gap:9px; color:#c2d5df; font-size:12px; font-weight:800; letter-spacing:.1em; }
.super-admin .command-shield { display:grid; place-items:center; width:28px; height:28px; border:1px solid #5b8e79; background:#275f4b; color:#d6f4e1; }
.super-admin .command-preview { margin-left:4px; padding:4px 7px; border:1px solid rgba(255,255,255,.28); color:#d7e5eb; font-size:10px; letter-spacing:.06em; }
.super-admin .command-main h2 { max-width:630px; margin:17px 0 9px; color:#fff; font-size:27px; font-weight:650; line-height:1.22; letter-spacing:-.025em; }
.super-admin .command-main p { max-width:700px; margin:0; color:#d4e1e7; font-size:16px; line-height:1.65; }
.super-admin .command-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:21px; }
.super-admin .command-action { display:inline-flex; align-items:center; gap:12px; min-height:40px; padding:9px 12px; border:1px solid rgba(255,255,255,.28); color:#f3f8fa; text-decoration:none; font-size:14px; font-weight:650; }
.super-admin .command-action:hover { background:rgba(255,255,255,.09); }
.super-admin .command-action-primary { background:#f3fbf5; border-color:#f3fbf5; color:#1a5437; }
.super-admin .command-action-primary:hover { background:#dff1e5; }
.super-admin .authority-stack { align-self:stretch; padding:15px; background:rgba(7,25,37,.34); border:1px solid rgba(255,255,255,.17); }
.super-admin .authority-level { display:flex; align-items:center; gap:11px; min-width:0; padding:12px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.055); }
.super-admin .authority-root { border-color:#76b894; background:rgba(67,142,99,.23); }
.super-admin .authority-number { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; color:#d3e9df; border:1px solid rgba(255,255,255,.24); font-size:12px; font-weight:800; }
.super-admin .authority-level > span:nth-child(2) { display:grid; gap:3px; min-width:0; }
.super-admin .authority-level strong { color:#fff; font-size:15px; }
.super-admin .authority-level small { color:#c6d7df; font-size:13px; line-height:1.4; }
.super-admin .authority-level b { margin-left:auto; color:#b9ebca; font-size:10px; letter-spacing:.06em; white-space:nowrap; }
.super-admin .authority-connector { height:12px; width:1px; margin-left:31px; background:#79a896; }
.super-admin .authority-footnote { margin:11px 0 0; color:#c1d2db; font-size:12px; line-height:1.5; }
.super-admin .command-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 18px; }
.super-admin .command-shortcuts > a { display:flex; align-items:center; gap:11px; min-width:0; padding:14px; background:#fff; border:1px solid #d5dfe4; border-left:3px solid #3a805a; box-shadow:0 1px 3px rgba(20,42,58,.05); text-decoration:none; }
.super-admin .command-shortcuts > a:hover { border-color:#8bb69b; background:#fbfdfb; }
.super-admin .shortcut-symbol { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; color:#246a45; background:#eaf4ed; border:1px solid #d6e7dc; font-size:20px; }
.super-admin .command-shortcuts > a > span:nth-child(2) { display:grid; gap:3px; min-width:0; }
.super-admin .command-shortcuts strong { font-size:15px; color:#273b48; }
.super-admin .command-shortcuts small { color:#667781; font-size:13px; line-height:1.35; }
.super-admin .command-shortcuts b { margin-left:auto; color:#347650; font-size:19px; }
.super-admin .metric { border-top:3px solid #b9d9c5; padding:17px; }
.super-admin .metric-label { color:#566a75; font-size:15px; }
.super-admin .metric-value { font-size:32px; font-weight:650; }
.super-admin .metric-foot { font-size:13px; }
.super-admin .panel-heading h2 { font-size:20px; }
.super-admin .feature-subtitle { font-size:15px; }
.super-admin .feature-warning { font-size:14px; line-height:1.55; }
.super-admin .feature-toolbar strong,.super-admin .feature-copy strong { font-size:16px; }
.super-admin .feature-toolbar p,.super-admin .feature-copy span { font-size:14px; }
.super-admin .feature-scope { font-size:12px; }
.super-admin .switch-label { font-size:14px; }
.super-admin .kill-switch-area h3 { font-size:17px; }
.super-admin .kill-switch-area p { font-size:14px; line-height:1.55; }
.super-admin .rollout-note strong { font-size:15px; }
.super-admin .rollout-note ol { font-size:14px; }
.super-admin .rollout-fields label { font-size:14px; }
.super-admin .workspace-card h3 { font-size:16px; }
.super-admin .workspace-card p { font-size:14px; }
.super-admin .workspace-card .btn { font-size:14px; }
.super-admin .workspace-footnote { font-size:13px; }
@media(max-width:1100px){.super-admin .super-admin-command{grid-template-columns:1fr}.super-admin .command-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.super-admin .page-title-row h1{font-size:26px}.super-admin .super-admin-command{padding:17px;gap:18px}.super-admin .command-main h2{font-size:23px}.super-admin .command-main p{font-size:15px}.super-admin .command-actions{flex-direction:column;align-self:stretch;width:100%}.super-admin .command-action{justify-content:space-between}.super-admin .command-shortcuts{grid-template-columns:1fr}.super-admin .authority-level b{white-space:normal;text-align:right}}