/* Videosign security console — dark charcoal with the existing orange brand. */
:root {
  color-scheme: dark;
  --bg: #0c1016;
  --surface: #171d26;
  --ink: #edf1f7;
  --muted: #a3afc1;
  --line: #2b3442;
  --blue: #f68c2b;
  --nav: #10151d;
  --green: #75d6ac;
  --orange: #ffbd72;
  --radius: 12px;
}
body { background: var(--bg); color: var(--ink); }
::selection { background: #f68c2b45; color: #fff; }
a { color: #ffb66e; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid #ffb66e; outline-offset: 4px;
}
.sidebar {
  background: linear-gradient(180deg, #151a22 0%, #0f141c 100%);
  border-color: var(--line); color: #c3ccda;
}
.brand small { color: #9aa8bb; letter-spacing: 2px; }
.brand img { filter: none; }
.workspace { background: #1b222d; border-color: #323c4b; color: #e0e6ef; }
.workspace-icon { background: #f68c2b1c; color: #ffae60; border: 1px solid #f68c2b35; }
.workspace small, .operator small { color: #a0adbf; }
.workspace-dot, .status-dot { background: #75d6ac; box-shadow: 0 0 9px #75d6ac26; }
.nav-label { color: #91a0b6; }
.nav-item { color: #afbbce; border: 1px solid transparent; }
.nav-item:hover { background: #202833; color: #fff; }
.nav-item.active { background: #f68c2b15; color: #ffb66e; border-color: #f68c2b35; }
.nav-count { background: #2b3544; color: #b8c4d5; }
.nav-item.active .nav-count { background: #f68c2b24; color: #ffbf83; }
.sidebar-note { color: #c0ccdc; }
.sidebar-note p { color: #9ba9bc; }
.operator { border-color: var(--line); color: #dce4ef; }
.avatar, .operator .avatar { background: #2c3340; color: #ffc28a; border: 1px solid #41424a; }
.topbar { background: #111720; color: #a8b5c7; border-color: var(--line); }
.topbar strong { color: #e2e8f1; }
.local-pill { color: #b2c0d1 !important; }
.auth-status { color: #b5c2d4; }
main {
  background: radial-gradient(ellipse at 92% 0%, #f68c2b08, transparent 45%);
}
h1 { color: #f5f7fb; font-weight: 650; letter-spacing: -.8px; }
h2, h3 { color: #e8eef7; }
.eyebrow { color: #e5ab77; letter-spacing: 1.8px; }
.subtitle, .section-head p { color: #a3afc1; }
.section-meta { color: #a4b2c5; }
.panel, .stat {
  background: linear-gradient(135deg, #1b222d, #171d26);
  border-color: var(--line); box-shadow: 0 5px 20px #0000001c;
}
.stat { position: relative; }
.stat::before {
  content: ''; position: absolute; inset: 0 20px auto;
  height: 1px; background: linear-gradient(90deg, #f68c2b55, transparent);
}
.stat-top { color: #b0bdd0; font-size: 11px; }
.stat-icon { background: #f68c2b12; border: 1px solid #f68c2b25; color: #eeb17c; }
.stat-number { color: #f3f6fa; font-size: 32px; font-variant-numeric: tabular-nums; }
.stat-foot { color: #9eacc0; font-size: 10px; }
.stat-foot.green { color: var(--green); }
.button {
  background: #222b38; border-color: #3c485b; color: #e5edf8;
  border-radius: 7px; min-height: 39px;
}
.button:hover { background: #2d394a; border-color: #60718a; filter: none; }
.button.primary {
  background: #f68c2b; border-color: #f68c2b; color: #261306;
  box-shadow: 0 3px 12px #f68c2b1a; font-weight: 700;
}
.button.primary:hover { background: #ffa34f; border-color: #ffa34f; }
.button:disabled { cursor: not-allowed; opacity: .55; box-shadow: none; }
.snapshot, .scope-notice {
  background: #182332; border-color: #314258; color: #b8c9df;
}
.snapshot strong, .scope-notice strong { color: #dce8f6; }
.snapshot .snapshot-icon, .snapshot span:last-child { color: #b2c4dc; }
.toolbar, .credential-row, .consumer, .definition, .workflow-action, .alert-row {
  border-color: #2b3442;
}
.search input, .confirmation-input, .change-target select {
  background: #111822; border-color: #3a4659; color: #e8eef6;
}
.search input { font-size: 11px; }
.search input::placeholder { color: #9aaac0; opacity: 1; }
.search span { color: #a1b1c8; }
.filters { background: #111720; border: 1px solid #303b4c; }
.filter { color: #aebbd0; }
.filter.active { background: #30313a; color: #ffc38d; box-shadow: none; }
.credential-row:hover { background: #202a37; }
.credential-row.selected {
  background: linear-gradient(90deg, #f68c2b14, #f68c2b04);
  border-left-color: #f68c2b;
}
.credential-name { color: #e7edf6; font-size: 12px; }
.credential-meta, .row-status, .row-status small { color: #a9b6c9; }
.credential-row .credential-meta code { color: #ffbf83; }
.provider-icon, .provider-icon.aws { background: #f68c2b10; border-color: #f68c2b30; color: #ffbb7b; }
.provider-icon.kc { background: #7ebeff14; border-color: #7ebeff32; color: #9eceff; }
.badge { background: #2b3544; color: #c0ccdd; font-size: 9px; }
.badge.amber { background: #f5b85819; color: #ffcc86; }
.badge.green { background: #51c89718; color: #8ee6ba; }
.badge.blue { background: #73aeff1c; color: #a8ceff; }
.table-footer, .detail-evidence { background: #131a23; color: #a3b1c6; border-color: var(--line); }
.detail-key { color: #ffb66e; font-size: 32px; letter-spacing: 2.5px; }
.detail-header, .detail-action { border-color: var(--line); }
.detail-owner, .detail-label { color: #a8b6c9; }
.detail-name { color: #e7edf7; }
.consumer strong { color: #e0e8f3; font-size: 11px; }
.consumer small { color: #a6b4c9; font-size: 9px; }
.consumer-mark { background: #f5b85818; color: #ffcc86; }
.consumer-mark.done { background: #51c89718; color: #8ee6ba; }
.bottom-note { background: #102b25; border-color: #285347; color: #9de2c3; }
.bottom-note p { color: #accabd; }
.note-icon { color: #8adbb9; }
.bottom-note .button { background: #1d3b32; border-color: #416c5d; color: #c4efdc; }
.empty, .empty p, .loading { color: #aab8cd; }
.empty h2 { color: #e3eaf5; }
.empty .empty-icon { color: #d9a374; }
.plan-row p { color: #aab7ca; }
.progress, progress.progress::-webkit-progress-bar { background: #303b4b; }
.progress span, progress.progress::-webkit-progress-value { background: #f68c2b; }
progress.progress::-moz-progress-bar { background: #f68c2b; border-radius: 3px; }
.audit-dot { background: #ffad65; border-color: #f68c2b1c; }
.audit-row p, .audit-row time { color: #a9b8cd; }
.connection-card p, .definition, .workflow-caption,
.workflow-action p, .workflow-action small, .alert-row small { color: #afbdd0; }
.definition strong { color: #e0e8f5; }
.info-box { background: #19212c; border-color: #344155; color: #b4c2d7; }
.info-box h3 { color: #e1eaf6; }
.workflow-stage { background: #19212c; border-color: var(--line); color: #b5c3d7; }
.workflow-stage > span { background: #2b3544; }
.workflow-stage.done { color: #8ee6ba; border-color: #315f4d; }
.workflow-stage.done > span { background: #244536; }
.success-text { color: #8ee6ba !important; }
.policy-details { color: #c2cfe0; }
.policy-details pre { background: #0e151e; border-color: #344155; color: #d4e1f2; }
.code-next, .blockers { background: #2a2118; border-color: #62452b; color: #f1c799; }
.code-next strong { color: #ffcf9c; }
.code-next p, .code-next small { color: #dfc2a2; }
#confirmation-error { color: #ffb2a5; }
footer { background: #0f141b; border-color: var(--line); color: #a0aec2; }
dialog { background: #171e28; border: 1px solid #435064; color: var(--ink); box-shadow: 0 25px 100px #0009; }
dialog::backdrop { background: #03060bd1; backdrop-filter: blur(6px); }
.dialog-head, .dialog-foot, .check-item { border-color: var(--line); }
.dialog-head p, .dialog-foot small, .check-item small { color: #adbbcf; }
.close { background: #2a3545; color: #d8e4f5; }
.close:hover { background: #3a475b; }
.check-item strong { color: #e4ecf8; }
.steps { color: #b9c9dd; }
code { color: #eec49f; overflow-wrap: anywhere; }
.change-action { background: #1d2633; border-color: #3a4759; color: #e8eef8; }
.change-action:hover, .change-action:focus-visible { background: #f68c2b12; border-color: #f68c2b; }
.change-action strong span { color: #ffb66e; }
.change-action small { color: #b0bfd3; }
.sign-in-card { background: radial-gradient(ellipse at 100% 0%, #f68c2b12, transparent 65%), #171e28; }
.sign-in-card p { color: #b3c0d3; }
#toast { background: #253449; border: 1px solid #526580; color: #eff5ff; box-shadow: 0 8px 30px #0005; }
#toast.error { background: #452b2b; border-color: #9c5a4d; color: #ffe0d9; }
* { scrollbar-color: #475468 #141b24; scrollbar-width: thin; }
@media(max-width:650px) {
  .sidebar { background: #111720; border-bottom-color: var(--line); }
  .topbar { min-height: 65px; height: auto; padding-block: 12px; gap: 10px; flex-wrap: wrap; }
  .topbar-right { gap: 8px; flex-wrap: wrap; }
  .sidebar nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .stat-number { font-size: 28px; }
  .credential-name { font-size: 11px; }
}
@media(prefers-reduced-motion:no-preference) {
  .button, .nav-item, .change-action { transition: background-color .15s ease, border-color .15s ease; }
}

/* Security-first overview and supporting navigation. */
.nav-tools{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.nav-tools summary{font-size:11px;color:#a4b2c6;cursor:pointer;padding:8px 12px;list-style-position:inside}.nav-tools .nav-item{font-size:11px}.nav-tools[open] summary{color:#ffb66e;margin-bottom:6px}
.security-banner{display:flex;gap:18px;align-items:center;background:linear-gradient(110deg,#30241b,#1a222e);border:1px solid #66503b;padding:24px;border-radius:12px;margin-bottom:24px}.security-banner-icon{font-size:36px;color:#ffb66e}.security-banner h2{font-size:19px}.security-banner p{color:#c2bdba;font-size:12px;margin:9px 0 0}
.security-stats .stat-number{font-size:27px}.security-stats .stat:last-child .stat-number{font-size:18px;line-height:1.8;margin-block:6px}.overview-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}.toolbar .workflow-caption{margin:5px 0 0}.attention-row{display:flex;align-items:flex-start;gap:14px;padding:22px;border-top:1px solid var(--line)}.attention-row:first-of-type{border-top:0}.attention-marker{background:#e8b47817;color:#ffd09a;border:1px solid #b57f4850;display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:8px;font-weight:700}.attention-marker.urgent{background:#ee81771a;color:#ffb4a8;border-color:#c36f6355}.attention-copy{min-width:0;flex:1}.attention-copy h3{font-size:13px;line-height:1.6;margin-top:10px;overflow-wrap:anywhere}.attention-copy p{font-size:11px;color:#aebdd1;margin:8px 0 0}.attention-meta{display:flex;gap:10px;align-items:center;font-size:10px;color:#b9c7d9}.attention-row>.button{margin-top:3px}.coverage-row{padding:19px 22px;border-top:1px solid var(--line)}.coverage-row:first-of-type{border-top:0}.coverage-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.coverage-heading h3{font-size:12px}.coverage-row p{font-size:11px;color:#adbbcf;margin:9px 0 0}.coverage-stale{margin:0 16px 16px;font-size:11px}.security-empty{padding:28px}.security-empty p{font-size:12px;color:#aebdd1;margin-bottom:0}.security-next{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:24px}.security-next p{font-size:12px;color:#aebdd1;margin-bottom:0}.environment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.environment-card{padding:24px}.environment-card-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.environment-card h2{font-size:22px}.environment-card p{font-size:12px;color:#b7c5d8}.environment-card .environment-account{font-size:10px;color:#e4b07c;letter-spacing:.4px}.environment-card small{font-size:10px;color:#a0b1c9}
@media(max-width:1200px){.overview-columns{grid-template-columns:1fr}.environment-grid{grid-template-columns:1fr}.attention-row{flex-wrap:wrap}.attention-row>.button{margin-left:42px}}
@media(max-width:650px){.nav-tools{margin-top:12px}.nav-tools .nav-item{font-size:11px;justify-content:flex-start;padding:12px}.security-banner{padding:18px;align-items:flex-start;gap:12px}.security-banner h2{font-size:17px}.security-banner-icon{font-size:26px}.security-stats .stat-number{font-size:24px}.security-stats .stat:last-child .stat-number{font-size:15px}.security-next{align-items:flex-start;flex-direction:column}.attention-row{padding:18px}.coverage-heading{flex-wrap:wrap}}

/* Read-only workload monitoring. */
.monitor-controls{display:flex;gap:18px;justify-content:space-between;align-items:flex-end;padding:18px;border:1px solid var(--line);border-radius:10px;background:#151d28;margin-bottom:9px}.monitor-controls label{display:grid;gap:8px;font-size:11px;color:#b9c8dc;min-width:260px}.monitor-controls select{padding:10px;border:1px solid #3a485e;border-radius:6px;background:#101722;color:#e2ebf8;max-width:100%}.monitor-buttons{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.monitor-caption{font-size:10px;color:#a4b4ca;margin:0 0 24px}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.resource-card{padding:22px}.resource-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.resource-heading h2{font-size:15px;overflow-wrap:anywhere}.resource-card>p{font-size:11px;color:#a9bad1}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-tile{min-width:0;padding:14px;border:1px solid #303e51;border-radius:8px;background:#111924}.metric-label{display:flex;justify-content:space-between;font-size:11px;color:#b7c9df;gap:6px;flex-wrap:wrap}.metric-tile>strong{display:block;font-size:29px;margin-top:10px;color:#f5f7fa}.metric-tile small{display:block;font-size:9px;line-height:1.7;color:#a7b9d1}.metric-chart{width:100%;height:64px;margin:8px 0}.metric-chart line{stroke:#34465e;stroke-width:1}.metric-chart polyline{fill:none;stroke:#f6a14f;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.metric-empty{font-size:10px;color:#92a7c2;min-height:70px;display:flex;align-items:center}.monitor-coverage{padding:20px;margin-top:24px}.monitor-coverage summary{cursor:pointer;font-size:12px;color:#d7e2f2}.monitor-coverage>p{font-size:11px;color:#aabdd6}.monitor-table-wrap{overflow:auto}.monitor-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.monitor-table th{font-size:10px;color:#a9bcd4;padding:16px;background:#111a26}.monitor-table td{padding:18px 16px;border-top:1px solid var(--line);vertical-align:top;max-width:300px;overflow-wrap:anywhere}.monitor-table small{display:block;font-size:10px;color:#9fb2cc;margin-top:7px}.alert-tabs{display:flex;gap:10px;margin-bottom:22px}.read-only [data-plan-credential],.read-only [data-change-credential],.read-only [data-view="plans"],.read-only [data-view="changes"]{display:none}.sidebar{overflow-y:auto}.read-only .nav-tools{margin-top:12px}@media(max-width:1100px){.monitor-grid{grid-template-columns:1fr}.monitor-controls{align-items:flex-start;flex-direction:column}.monitor-controls label{min-width:0;width:100%}}@media(max-width:650px){.metric-pair{grid-template-columns:1fr}.monitor-controls{padding:15px}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.resource-card{padding:16px}}

/* Environment overview: capacity first, then resource trends and security. */
.environment-tabs{display:flex;gap:6px;padding:5px;background:#111822;border:1px solid #334054;border-radius:10px;margin-bottom:16px;max-width:650px}.environment-tab{flex:1;border:1px solid transparent;background:none;color:#aebed4;padding:11px 18px;border-radius:7px;font-weight:650;font-size:12px}.environment-tab.active{background:#f68c2b1c;border-color:#f68c2b55;color:#ffc38d}.environment-tab:hover{background:#253043}.environment-tab small{display:block;font-size:8px;font-weight:400;opacity:.8;margin-top:3px}.scope-context{display:grid;gap:8px;font-size:12px}.scope-context small{color:#a6b9d3;font-size:10px}.scope-context label{margin-top:5px}.workload-stats .stat-top{text-transform:uppercase;letter-spacing:1.1px;font-size:10px}.workload-stats .stat-number{font-size:35px;font-variant-numeric:tabular-nums}.stat-denominator{font-size:22px;color:#8ea2bd;font-weight:450}.capacity-state{font-size:9px;letter-spacing:1.5px;color:#a3d5bf;margin:6px 0 12px}.workload-stats .stat:last-child .capacity-state{color:#e2b680}.workload-stats .stat-foot{font-size:10px;line-height:1.6}.chart-panel{margin-bottom:24px}.chart-panel .toolbar{padding:21px 24px}.chart-body{padding:18px 22px 22px}.large-metric-chart{display:block;width:100%;height:auto;min-height:190px;max-height:330px}.chart-grid{stroke:#2b394b;stroke-width:1;stroke-dasharray:3 5}.chart-axis{fill:#a2b4cd;font-size:10px;font-family:"Segoe UI",Arial,sans-serif}.chart-series polyline{fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.chart-series circle{stroke-width:0}.chart-series.series-0{stroke:#f6a14f;fill:#f6a14f}.chart-series.series-1{stroke:#6dd5c0;fill:#6dd5c0}.chart-series.series-2{stroke:#8ebcff;fill:#8ebcff}.chart-series.series-3{stroke:#d2a4ed;fill:#d2a4ed}.chart-series.series-4{stroke:#f0cc69;fill:#f0cc69}.chart-series.series-5{stroke:#f09eab;fill:#f09eab}.chart-legend{display:flex;gap:16px 28px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:8px}.chart-legend>div{display:grid;grid-template-columns:10px minmax(100px,1fr) auto;gap:7px 9px;align-items:center;font-size:10px;color:#b9c9df;min-width:240px;max-width:100%}.chart-legend small{grid-column:2/4;font-size:9px;color:#9eb1cd}.chart-legend strong{color:#f0f4fa;font-size:12px;font-variant-numeric:tabular-nums}.legend-swatch{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-swatch.series-0{background:#f6a14f}.legend-swatch.series-1{background:#6dd5c0}.legend-swatch.series-2{background:#8ebcff}.legend-swatch.series-3{background:#d2a4ed}.legend-swatch.series-4{background:#f0cc69}.legend-swatch.series-5{background:#f09eab}.large-chart-empty{padding:45px 20px;text-align:center;min-height:210px;display:flex;flex-direction:column;justify-content:center;color:#c7d5e8}.large-chart-empty p{font-size:12px;color:#9fb2cd;max-width:550px;margin:12px auto 0}.graph-toolbar{flex-wrap:wrap}.graph-controls{display:flex;align-items:center;gap:12px;max-width:100%}.graph-controls select{min-width:180px;max-width:390px;background:#111a27;border:1px solid #3d4b60;color:#d9e5f7;border-radius:6px;padding:10px;font-size:11px}.chart-note{padding:0 24px 20px;font-size:10px;color:#9fb2ce;margin:0}.dashboard-security{margin-top:6px}.coverage-footer{padding:17px 22px;font-size:11px;color:#b2c3da;background:#111b28;border-top:1px solid var(--line)}@media(min-width:1450px){.large-metric-chart{max-height:360px}}@media(max-width:900px){.graph-controls{flex-wrap:wrap;width:100%}.graph-controls select{flex:1;min-width:0;max-width:100%;width:100%}.chart-legend>div{min-width:0;width:100%;overflow-wrap:anywhere}}@media(max-width:650px){.environment-tab{padding:10px 7px;font-size:10px}.workload-stats .stat-number{font-size:28px}.stat-denominator{font-size:18px}.chart-body{padding:10px 10px 18px}.chart-panel .toolbar{padding:18px}.large-metric-chart{min-height:150px}.chart-legend{padding-inline:8px}.environment-tabs{gap:3px}.environment-tab small{font-size:7px}}

/* Compact desktop overview; retain values while reads are pending. */
.refresh-spinner{display:inline-block;width:11px;height:11px;margin-left:9px;vertical-align:-1px;border:2px solid #6f839a55;border-top-color:#ffae63;border-radius:50%;animation:reading-spin .8s linear infinite}.workload-stats .stat-top>span{display:inline-flex;align-items:center}@keyframes reading-spin{to{transform:rotate(360deg)}}
.overview-page main{max-width:none;padding:20px 26px;min-height:calc(100vh - 122px)}.overview-page .heading{margin-bottom:14px}.overview-page .heading .eyebrow{margin-bottom:7px}.overview-page .heading h1{font-size:25px;margin-bottom:5px}.overview-page .environment-tabs{margin-bottom:10px;padding:4px}.overview-page .environment-tab{padding:8px 16px}.overview-page .monitor-controls{padding:11px 15px;margin-bottom:6px;align-items:center}.overview-page .scope-context{gap:4px}.overview-page .monitor-caption{margin-bottom:12px;line-height:1.5}.overview-page .stats{gap:12px;margin-bottom:15px}.overview-page .stat{padding:13px 16px}.overview-page .stat-number{font-size:31px;margin:3px 0}.overview-page .capacity-state{margin:4px 0 7px}.overview-page .dashboard-security{margin:0 0 14px}.overview-page .dashboard-security .toolbar{padding:11px 16px;gap:12px;flex-wrap:wrap}.overview-page .dashboard-security .workflow-caption{margin:3px 0 0;font-size:10px}.security-summary-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compact-warning-list{padding:6px 16px}.compact-warning-line{display:flex;gap:9px;align-items:center;padding:5px 0;font-size:11px;line-height:1.5}.compact-warning-line strong{font-weight:500;color:#d9e4f4;overflow-wrap:anywhere}.compact-warning-line small{font-size:9px;color:#9aafca;margin-left:auto;white-space:nowrap}.security-status-line{padding:9px 16px;margin:0;font-size:11px;color:#b0c2da}.overview-page .coverage-footer{padding:8px 16px;font-size:10px}.dashboard-chart-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}.dashboard-chart-grid>.chart-panel{margin:0;min-width:0}.dashboard-chart-grid .toolbar{padding:13px 16px;min-height:96px;align-items:flex-start;flex-wrap:wrap;gap:10px}.dashboard-chart-grid .toolbar .eyebrow{margin-bottom:6px}.dashboard-chart-grid .workflow-caption{margin:5px 0 0}.dashboard-chart-grid .chart-body{padding:10px 14px 14px}.dashboard-chart-grid .large-metric-chart{height:190px;min-height:170px;max-height:210px}.dashboard-chart-grid .large-chart-empty{min-height:190px;padding:20px 12px}.dashboard-chart-grid .chart-legend{margin-top:2px;padding-top:10px;gap:10px}.dashboard-chart-grid .chart-legend>div{min-width:0;width:100%;font-size:10px;grid-template-columns:8px minmax(0,1fr) auto}.dashboard-chart-grid .chart-legend small{font-size:9px}.dashboard-chart-grid .chart-legend span{overflow-wrap:anywhere}.dashboard-chart-grid .graph-controls{width:100%;flex-wrap:nowrap}.dashboard-chart-grid .graph-controls select{min-width:0;width:100%;flex:1;max-width:none;padding:8px;font-size:10px}.dashboard-chart-grid .chart-note{font-size:10px;padding:0 16px 12px;line-height:1.6}.overview-page .monitor-coverage{padding:13px 16px;margin-top:14px}.overview-page footer{height:44px}.overview-page .topbar{height:64px}.sidebar{padding-top:24px}.brand{margin-bottom:21px}.nav-label{margin-top:24px}.nav-item{padding-top:10px;padding-bottom:10px}
@media(min-width:1600px) and (min-height:900px){.dashboard-chart-grid .large-metric-chart{height:230px;max-height:240px}}
@media(max-width:1050px){.dashboard-chart-grid{grid-template-columns:1fr}.overview-page main{padding:20px}.compact-warning-line{flex-wrap:wrap}.compact-warning-line small{margin-left:0}.dashboard-chart-grid .large-metric-chart{height:210px}.overview-page .stat-number{font-size:28px}}
@media(max-width:650px){.overview-page main{padding:18px}.overview-page .heading h1{font-size:23px}.overview-page .monitor-controls{align-items:flex-start}.overview-page .environment-tab{padding:9px 6px}.security-summary-badges{gap:6px}.dashboard-chart-grid .graph-controls{flex-wrap:wrap}.dashboard-chart-grid .graph-controls select{flex-basis:100%}.overview-page .topbar{height:auto;min-height:65px}.overview-page footer{height:auto;min-height:44px}.overview-page .stat{padding:13px}.overview-page .stat-number{font-size:26px}.sidebar{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.refresh-spinner{animation:none;border-top-color:#ffbf83;border-right-color:#ffbf83}}

/* Environment tabs and latest workload status share one desktop row. */
.scope-toolbar{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(600px,1.6fr);gap:12px;align-items:stretch;margin-bottom:7px}.scope-toolbar .environment-tabs,.overview-page .scope-toolbar .environment-tabs{margin:0;max-width:none;min-height:62px}.scope-toolbar .monitor-controls,.overview-page .scope-toolbar .monitor-controls{margin:0;min-width:0;padding:10px 14px}.scope-toolbar .scope-context{min-width:0}.scope-toolbar .scope-context small{overflow-wrap:anywhere}.scope-toolbar .monitor-buttons{flex-shrink:0;gap:7px}.scope-toolbar .environment-tab{padding-inline:12px}.brand{margin-bottom:18px}.brand img{width:210px;max-width:100%;height:auto;border-radius:6px;background:#141a22}
@media(max-width:1250px){.scope-toolbar{grid-template-columns:1fr}.scope-toolbar .environment-tabs,.overview-page .scope-toolbar .environment-tabs{min-height:50px}.scope-toolbar .monitor-controls,.overview-page .scope-toolbar .monitor-controls{flex-direction:row;align-items:center;flex-wrap:wrap}.scope-toolbar .monitor-buttons{flex-shrink:1}}
@media(max-width:650px){.scope-toolbar{gap:9px}.scope-toolbar .monitor-controls,.overview-page .scope-toolbar .monitor-controls{align-items:flex-start;flex-direction:column}.scope-toolbar .environment-tab{padding-inline:5px}.brand img{width:190px}}

/* At-a-glance severity, with text as well as colour. */
.health-glance{display:flex;align-items:center;gap:17px;min-width:330px;max-width:520px;padding:15px 18px;background:#171f2b;border:1px solid #3b485c;border-radius:11px;text-align:left;color:#dbe6f7;box-shadow:0 5px 20px #0002}.health-glance:hover{background:#1d2938;border-color:#77879e}.traffic-lamps{display:flex;gap:8px;padding:9px 11px;border:1px solid #354255;border-radius:24px;background:#0c141f;flex-shrink:0}.traffic-lamp{display:block;width:16px;height:16px;border-radius:50%;background:#2a3545;border:1px solid #455066}.traffic-lamp.lamp-red{background:#523034;border-color:#794147}.traffic-lamp.lamp-amber{background:#51452b;border-color:#7b6535}.traffic-lamp.lamp-green{background:#25483e;border-color:#38685a}.lamp-red.is-active{background:#ff737c;border-color:#ffadb2;box-shadow:0 0 15px #ff596f65}.lamp-amber.is-active{background:#ffbf57;border-color:#ffdb9a;box-shadow:0 0 15px #ffbf5755}.lamp-green.is-active{background:#64dbac;border-color:#a5f3d3;box-shadow:0 0 15px #64dbac55}.health-glance-copy{display:grid;gap:7px}.health-glance-copy strong{font-size:13px;font-weight:650}.health-glance-copy small{font-size:10px;color:#b1c2da}.health-red{border-color:#a45c665c}.health-amber{border-color:#c995475e}.health-green{border-color:#549e835e}.health-red .health-color-label{color:#ff9da5}.health-amber .health-color-label{color:#ffd08c}.health-green .health-color-label{color:#95e9c6}.health-glance-arrow{color:#9cafc9;margin-left:auto;font-size:18px}.overview-page .heading{align-items:center}
@media(max-width:900px){.health-glance{min-width:0;max-width:none;width:100%;padding:13px 15px}.overview-page .heading{flex-wrap:wrap}}@media(max-width:650px){.traffic-lamps{gap:6px;padding:8px}.traffic-lamp{width:13px;height:13px}.health-glance-copy strong{font-size:12px}.health-glance-copy small{font-size:9px}.health-glance{gap:12px}}

.attention-meta{flex-wrap:wrap}.warning-timestamp{font-size:12px;color:#afc1d9;font-weight:400}.compact-warning-line .warning-timestamp{font-size:9px}.operator>div{min-width:0}.operator #operator-name,.operator #operator-detail{display:block;overflow-wrap:anywhere}

.login-controls{display:flex;align-items:center;gap:14px;margin-bottom:18px}.login-controls .environment-tabs{margin:0;flex:1;max-width:650px}.login-spinner{width:14px;height:14px;display:inline-block;border:2px solid #465366;border-top-color:#ff941f;border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}@media(max-width:700px){.login-controls{flex-wrap:wrap}.login-controls .environment-tabs{flex-basis:100%}}