/* Page hierarchy shared by the administrator and tenant consoles. */
:root{--bg:#f3f5f8;--line:#e2e8ef;--shadow:0 1px 3px rgba(20,35,55,.04)}
body{font-size:14px}
header.topbar{height:64px;padding:0 20px;gap:18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:none}
.brand,.who b{color:var(--ink)}
.brand .sub2,.who{color:var(--muted)}
.topnav{min-width:0;align-items:center}
.topnav .ti{color:#546176;background:transparent;border-radius:8px;margin:0;padding:10px 14px;box-shadow:none}
.topnav .ti:hover{background:#f1f5fb;color:var(--brand);transform:none;box-shadow:none}
.topnav .ti.active{background:#eaf1ff;color:var(--brand);box-shadow:none}
.app{height:calc(100dvh - 64px)}
aside.side{width:216px;padding:14px 10px;background:#fff;box-shadow:none}
.side .shead{font-size:12px;letter-spacing:0}
.side .si{width:100%;text-align:left;margin:3px 0;box-shadow:none;background:transparent;font-size:14px}
.side .si:hover{transform:none;box-shadow:none}
main#view{padding:24px;scrollbar-gutter:stable}
.card{padding:24px;margin-bottom:24px;box-shadow:none}
th,td{padding:14px 12px;font-size:14px}
.workspace-head{margin:0 0 24px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 24px 0}
.workspace-head h1{font-size:22px;line-height:1.4;margin:10px 0 18px}
.workspace-crumb{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.workspace-tabs{display:flex;flex-wrap:wrap;gap:0 8px;margin:0;border-top:1px solid var(--line);padding:6px 0 0}
.workspace-tabs .page-tab{font-size:14px;padding:12px 14px}
.workspace-tabs button[aria-selected=true]{border-bottom-color:var(--brand);color:var(--brand);background:#f4f8ff}
.workspace-head .toolbar{margin:0 0 16px}
.workspace-content{min-width:0}
.workspace-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(140px,1fr)) auto;gap:12px;align-items:end;margin:20px 0}
.workspace-filters label{margin:0 0 6px}
.workspace-filters button{margin:0}
.workspace-summary{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);margin:16px 0}
.workspace-empty{padding:48px 20px;text-align:center;background:#fafbfd;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}
.workspace-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}
.workspace-pagination button{margin:0}
.device-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.device-info>div{padding:14px 0;border-bottom:1px solid var(--line);min-width:0;overflow-wrap:anywhere}
.device-info dt{font-size:13px;color:var(--muted);margin-bottom:6px}
.device-info dd{margin:0;font-size:15px}
.device-section{margin-top:24px}
.device-section .grid{margin-bottom:24px}
.device-section h2{font-size:18px;margin:0 0 18px}
.workspace-detail-tabs{margin-top:12px;flex-wrap:wrap}
.config-source-state{color:var(--muted);white-space:nowrap}
.config-source-error{color:#942c27}
.config-source-toggle{white-space:nowrap}
.config-source-detail-row>td{padding:0 12px 14px;background:#fafbfd}
.config-source-panel{min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}
.config-source-versions{display:flex;gap:8px 18px;flex-wrap:wrap;color:var(--muted);margin-bottom:12px}
.config-source-items{display:grid;gap:10px;max-height:460px;overflow:auto;overscroll-behavior:contain}
.config-source-item{display:grid;grid-template-columns:minmax(140px,1.35fr) minmax(100px,.8fr) minmax(140px,1fr) minmax(140px,1fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fafbfd;min-width:0}
.config-source-item>div{min-width:0}
.config-source-item span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.config-source-item strong{display:block;font-weight:500;overflow-wrap:anywhere;word-break:break-word}
.config-source-value{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:inherit;color:inherit}
.config-source-empty{color:var(--muted);margin:0}
.config-source-section .config-source-panel{margin-top:12px}
.workspace-error{padding:20px;background:#fff1f0;color:#942c27;border-radius:10px}
.workspace-mobile-menu{display:none}
.bigscreen{background:radial-gradient(circle at 50% 0,#164d40 0,#082c25 45%,#051c18 100%)}
.bigscreen-panel,.bigscreen-metric{background:rgba(9,52,43,.82);border-color:rgba(61,215,163,.24)}
.bigscreen-metric b{color:#65edbb}.bigscreen h2,.bigscreen h3{color:#e2fff3}
.bigscreen .sub,.bigscreen-metric span{color:#a0cbbd}
.bigscreen .report-chart{background:rgba(3,28,23,.5);border-color:#255a4b}
.bigscreen .report-bar{background:linear-gradient(#50d8ad,#16886b)}
@media(max-width:1150px){.brand .sub2,.who .avatar{display:none}.topnav .ti{padding:10px}.who{gap:6px;font-size:12px}.workspace-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){
 header.topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:8px;padding:10px 12px}
 .brand{font-size:16px}.who{margin-left:auto}.who>span:not(.tag){display:none}
 .topnav{flex-basis:100%;order:3}.topnav .ti{font-size:13px;flex-shrink:0}
 .app{height:calc(100dvh - 114px);position:relative}
 aside.side{width:166px;padding:8px;position:absolute;inset:0 auto 0 0;z-index:15;box-shadow:6px 0 20px #10203018;display:none}
 aside.side.workspace-open{display:block}
 .side .shead{display:block}.side .si{font-size:14px;justify-content:flex-start;padding:12px 10px;border:0}.side .si.active{border:0}
 main#view{padding:12px;width:100%}.card{padding:16px;margin-bottom:16px}
 .workspace-head{padding:16px 16px 0;margin-bottom:16px}.workspace-head h1{font-size:20px}
 .workspace-mobile-menu{display:inline-flex;margin:0;padding:6px 10px;box-shadow:none}
 .workspace-tabs{flex-wrap:nowrap;overflow-x:auto}.workspace-tabs .page-tab{flex-shrink:0;padding:12px}
 .workspace-filters,.device-info{grid-template-columns:1fr}.workspace-filters{gap:12px}
 .device-info>div{padding:12px 0}.workspace-crumb{gap:6px}.device-section{margin-top:16px}
 .workspace-detail-tabs{flex-wrap:nowrap}.workspace-summary{gap:8px 16px}
 .config-source-item{grid-template-columns:1fr 1fr}.config-source-detail-row>td{padding:0 6px 10px}.config-source-panel{padding:10px}
}