/* Monitoring: one hierarchy, shared edges, and content-sized panels. */
.monitor-workspace{display:grid;gap:14px;min-width:0}
:root body.observatory-interface .monitor-workspace .page-head{margin:0;gap:16px;align-items:center}
:root body.observatory-interface .monitor-workspace .page-head h1{font-size:26px;line-height:1.35;margin:0}
:root body.observatory-interface .monitor-workspace .page-head p{font-size:14px;line-height:1.5;margin:6px 0 0}
.monitor-workspace .card{min-width:0;margin:0}
.monitor-workspace h2{font-size:18px;line-height:1.4;margin:0}
.monitor-workspace .head-actions{gap:8px}
.monitor-basis-notice{background:#fff9ee;border:1px solid #eddfbf;border-radius:10px;color:#86611d;font-size:12px}
.monitor-basis-notice>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:10px 14px}
.monitor-basis-notice>summary span{flex:1}.monitor-basis-notice summary::-webkit-details-marker{display:none}
.monitor-basis-notice>.gate-banner{margin:0;border:0;border-top:1px solid #eddfbf;border-radius:0;background:transparent}
.monitor-workspace .monitor-controls{padding:0;overflow:hidden}
.monitor-workspace .monitor-toolbar{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(320px,1fr) auto;align-items:end;gap:20px;padding:14px 18px;margin:0;border:0;background:transparent;box-shadow:none}
.monitor-toolbar>div{min-width:0!important;flex:none!important}.monitor-toolbar .field{margin:0;gap:6px;font-size:13px}.monitor-toolbar .field>span{font-size:12px;color:#526883}
.monitor-toolbar .form-control{height:40px;min-height:40px;width:100%;font-size:14px}
.monitor-toolbar .segments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
.monitor-toolbar .segments button{white-space:nowrap;padding:8px 12px;min-height:40px;font-size:13px}
.monitor-toolbar>span{font-size:11px;padding-bottom:10px}
.monitor-workspace .tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;margin:0;padding:0 10px;border-top:1px solid #e3eaf4;border-bottom:0;background:#f8faff}
.monitor-workspace .tab{flex-shrink:0;white-space:nowrap;padding:12px 14px;font-size:13px}
.monitor-workspace .monitor-analysis{padding:0;overflow:hidden}
.monitor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.46fr);gap:0;align-items:stretch}
.monitor-layout #monitor-chart{min-width:0;padding:18px;border:0;border-radius:0;box-shadow:none;background:white}
#monitor-chart .chart-panel-heading{margin:0 0 10px;min-height:25px}
#monitor-chart .chart-panel-heading h2{font-size:18px;margin:0}
#monitor-chart .chart-parameters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 12px}
#monitor-chart .chart-parameters button{min-width:0;min-height:36px;padding:7px 6px;justify-content:center;gap:5px;font-size:12px}
#monitor-chart .chart-parameters button strong{font-size:12px}#monitor-chart .chart-parameters button span{display:none}
#monitor-chart .chart-statistics-slot .ob-chart-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 0;margin:0;border-block:1px solid #e7edf6}
#monitor-chart .ob-chart-stats>div{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;padding:0 10px;border-right:1px solid #e7edf6}
#monitor-chart .ob-chart-stats>div:first-child{padding-left:0}#monitor-chart .ob-chart-stats>div:last-child{border:0}
#monitor-chart .ob-chart-stats span{margin:0;font-size:12px;color:#526780}#monitor-chart .ob-chart-stats strong{font-size:21px;line-height:1.4;color:#16375e}
#monitor-chart .ob-chart-stats small{font-size:11px;margin-left:4px}
#monitor-chart .ob-chart-sample-note{font-size:11px;line-height:1.5;margin:7px 0 0;color:#677b94}
#monitor-chart .chart-frame{margin-top:6px}#monitor-chart .chart-frame .chart{width:100%;height:auto;max-height:250px}
#monitor-chart .chart-content .chart-legend{font-size:11px;line-height:1.5;color:#536c89;gap:5px 12px;margin-top:0}
#monitor-chart .chart-interaction-hint{font-size:11px;line-height:1.5;color:#61758d;margin:4px 0 0}
.monitor-layout .monitor-latest{padding:18px;min-width:0;background:#f8faff;border-left:1px solid #e1e9f4;display:flex;flex-direction:column}
.monitor-latest .card-title{margin:0 0 8px}.monitor-latest .card-title h2{font-size:18px}
.monitor-timestamp{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#536c89;padding-bottom:10px;border-bottom:1px solid #e4ebf5}
.monitor-readings{display:block}.monitor-reading{border-bottom:1px solid #e4ebf5}.monitor-reading:last-child{border-bottom:0}
.monitor-reading .monitor-reading-trigger{display:flex;align-items:center;gap:9px;box-sizing:border-box;min-height:55px;padding:7px 0;cursor:pointer;list-style:none}
.monitor-reading .monitor-reading-trigger::-webkit-details-marker{display:none}
.monitor-reading-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--reading-color) 10%,white);color:var(--reading-color)}
.monitor-reading-name{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.4;color:#223d60}.monitor-reading-name>small{display:block;margin-top:3px}
.monitor-reading-name .badge{font-size:10px;padding:2px 5px;line-height:1.2}
.monitor-reading-value{font-size:22px;font-weight:700;line-height:1.3;color:#163b66;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.monitor-reading-value>small{display:block;font-size:11px;font-weight:400;color:#62758c}
.monitor-reading .monitor-reading-trigger>svg{flex-shrink:0;color:#7890ac;transition:transform .2s}.monitor-reading[open] summary>svg{transform:rotate(180deg)}
.monitor-reading-basis{padding:4px 0 12px}.monitor-latest .note{font-size:11px;line-height:1.5;margin:8px 0 0;padding-top:8px;border-top:1px solid #e4ebf5}
.monitor-latest .action-link{font-size:12px;margin-top:8px;text-align:left}
.monitor-workspace .monitor-context{padding:0;display:block;overflow:hidden}
.monitor-context-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #e1e9f4}
.monitor-context-heading h2{display:flex;align-items:center;gap:8px;font-size:17px;color:#23466d}.monitor-context-heading h2>svg{color:#2563eb}
.monitor-context-switch{display:flex;padding:3px;border:1px solid #dee7f4;border-radius:9px;background:#f4f7fc;gap:3px}
.monitor-context-switch button{display:flex;align-items:center;gap:7px;border:0;background:transparent;border-radius:6px;padding:8px 12px;font:inherit;font-size:12px;color:#586f8b;cursor:pointer}
.monitor-context-switch button[aria-pressed=true]{background:white;color:#1e58ae;box-shadow:0 1px 4px #17375c15}
#monitor-context-content{padding:14px 18px}
.monitor-workspace .scroll-table{overflow:auto;max-height:480px}.monitor-workspace .scroll-table th{white-space:nowrap;font-size:12px}
.monitor-workspace .scroll-table thead{position:sticky;top:0;z-index:2;background:#f3f7fd}.monitor-workspace .scroll-table td{font-size:13px}
.monitor-workspace .scroll-table tbody tr:hover{background:#eff6ff}
.monitor-comparison td,.monitor-comparison .badge{white-space:nowrap}.monitor-comparison .note{margin:10px 0 0;font-size:12px}
.monitor-comparison td{padding-block:11px}
.monitor-reading .monitor-reading-trigger:focus-visible,.monitor-context-switch button:focus-visible,.monitor-basis-notice>summary:focus-visible{outline:3px solid #93c5fd;outline-offset:2px;border-radius:8px}
@media(max-width:1199px){.monitor-layout{grid-template-columns:minmax(0,1fr) 320px}#monitor-chart .chart-parameters{grid-template-columns:repeat(3,minmax(0,1fr))}#monitor-chart .ob-chart-stats>div{display:block}#monitor-chart .ob-chart-stats span{display:block;margin-bottom:3px}.monitor-toolbar>span{display:none}.monitor-workspace .monitor-toolbar{grid-template-columns:minmax(200px,.85fr) minmax(280px,1fr)}}
@media(max-width:850px){.monitor-layout{grid-template-columns:1fr}.monitor-layout .monitor-latest{border-left:0;border-top:1px solid #e1e9f4}.monitor-readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}#monitor-chart .chart-parameters{grid-template-columns:repeat(6,minmax(0,1fr))}.monitor-workspace .page-head{flex-wrap:wrap}}
@media(max-width:600px){.monitor-workspace{gap:12px}.monitor-workspace .monitor-toolbar{grid-template-columns:1fr;gap:12px;padding:14px}.monitor-toolbar .segments button{padding:8px 5px;font-size:12px}.monitor-workspace .tab{padding:11px 12px;font-size:12px}.monitor-layout #monitor-chart,.monitor-layout .monitor-latest{padding:14px}#monitor-chart .chart-parameters{grid-template-columns:repeat(3,minmax(0,1fr))}#monitor-chart .chart-frame .chart{max-height:230px}#monitor-chart .ob-chart-stats strong{font-size:19px}#monitor-chart .ob-chart-stats small{display:inline;font-size:10px}.monitor-readings{display:block}.monitor-reading .monitor-reading-trigger{min-height:58px}.monitor-reading-name{font-size:14px}.monitor-reading-value{font-size:23px}.monitor-context-heading{align-items:start;flex-direction:column;gap:10px;padding:14px}.monitor-context-switch{width:100%;box-sizing:border-box}.monitor-context-switch button{flex:1;justify-content:center}#monitor-context-content{padding:12px}.monitor-basis-notice>summary{font-size:11px}:root body.observatory-interface .monitor-workspace .page-head h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.monitor-reading .monitor-reading-trigger>svg{transition:none}}
:root body.observatory-interface .monitor-workspace .monitor-controls,:root body.observatory-interface .monitor-workspace .monitor-analysis,:root body.observatory-interface .monitor-workspace .monitor-context{padding:0}
:root body.observatory-interface .monitor-workspace .monitor-toolbar{padding:14px 18px;margin:0;border:0;box-shadow:none;background:transparent}
:root body.observatory-interface .monitor-workspace .tabs{margin:0;padding:0 10px}
@media(max-width:600px){:root body.observatory-interface .monitor-workspace .monitor-toolbar{padding:14px}}

.monitor-reading-trigger{width:100%;border:0;background:transparent;font:inherit;text-align:left;color:inherit;border-radius:6px;transition:background .15s}
.monitor-reading-trigger:hover{background:#edf3fe}.monitor-reading-detail{display:grid;gap:14px}.monitor-detail-value{display:flex;align-items:center;gap:14px}.monitor-detail-value strong{font-size:32px;color:#163b66}.monitor-detail-value small{font-size:16px;font-weight:400}.monitor-reading-detail .note{margin:0;line-height:1.6}.monitor-reading-detail .measurement-gauge{margin:0}
@media(max-width:600px){:root body.observatory-interface .monitor-workspace .head-actions{display:flex;flex-wrap:nowrap;width:100%;gap:6px}:root body.observatory-interface .monitor-workspace .head-actions>button,:root body.observatory-interface .monitor-workspace .head-actions>.action-menu{flex:1;min-width:0}:root body.observatory-interface .monitor-workspace .head-actions .btn,:root body.observatory-interface .monitor-workspace .action-menu>summary{box-sizing:border-box;width:100%;min-height:40px;padding:8px 6px;font-size:11px;gap:5px;justify-content:center}:root body.observatory-interface .monitor-workspace .head-actions .btn svg{width:14px;height:14px;flex-shrink:0}}
@media(max-width:600px){:root body.observatory-interface .monitor-workspace .action-menu>summary{white-space:nowrap;font-size:10px;height:40px;display:flex;align-items:center;gap:3px}}
/* Stronger contrast, distinct parameter colors, restrained interaction feedback. */
:root body.observatory-interface .monitor-workspace{color:#203755}
:root body.observatory-interface .monitor-workspace .page-head h1{color:#123567;font-weight:750}
:root body.observatory-interface .monitor-workspace .page-head p{color:#405575;font-weight:500}
:root body.observatory-interface .monitor-workspace h2{color:#143d71;font-weight:700}
:root body.observatory-interface .monitor-workspace .card{border-color:#cbdcf1;box-shadow:0 3px 14px #1b4a8710}
.monitor-workspace .monitor-controls{background:linear-gradient(110deg,#fff,#f2f7ff)}
:root body.observatory-interface .monitor-workspace .field>span,:root body.observatory-interface .monitor-workspace .field>label{color:#314b6c;font-weight:650}
:root body.observatory-interface .monitor-workspace .form-control{color:#203c60;border-color:#c6d7ec;font-weight:500}
:root body.observatory-interface .monitor-workspace .segments button{color:#405b7b;font-weight:600}
:root body.observatory-interface .monitor-workspace .segments button.active{color:#1254be;background:#e5efff;box-shadow:inset 0 0 0 1px #9dbfff}
:root body.observatory-interface .monitor-workspace .tab{color:#405777;font-weight:600;transition:background .18s,color .18s}
:root body.observatory-interface .monitor-workspace .tab.active{color:#1559cd;background:#eaf2ff;border-bottom-color:#2563eb}
.monitor-layout .monitor-latest{background:linear-gradient(150deg,#edf4ff,#f7f9ff 70%);border-left-color:#cbdcf1}
:root body.observatory-interface .monitor-workspace .monitor-timestamp{color:#405a7c;font-weight:500}
.monitor-point-state{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #d5e3f5;font-size:11px;color:#405a7c;font-weight:600}
.monitor-point-state .badge{font-size:11px;line-height:1.4;font-weight:650;position:relative;gap:5px}
.monitor-latest[data-point-level="1"] .monitor-point-state{color:#835207}.monitor-latest[data-point-level="2"] .monitor-point-state{color:#9a3c0b}.monitor-latest[data-point-level="3"] .monitor-point-state,.monitor-latest[data-point-level="4"] .monitor-point-state{color:#a91d38}
.monitor-point-state .badge:is(.level-1,.level-2,.level-3,.level-4)::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0;animation:monitor-beacon 2.6s ease-out infinite}
.monitor-latest[data-point-level="2"]{box-shadow:inset 0 3px #f97316}.monitor-latest[data-point-level="3"],.monitor-latest[data-point-level="4"]{box-shadow:inset 0 3px #e11d48}
.monitor-reading-icon{background:color-mix(in srgb,var(--reading-color) 17%,white);border:1px solid color-mix(in srgb,var(--reading-color) 28%,white);box-sizing:border-box;transition:transform .2s,background .2s}
.monitor-reading-name{color:#213c61;font-weight:650}.monitor-reading-value{color:#11376a;font-weight:750}.monitor-reading-value>small{color:#405777;font-weight:500}
.monitor-reading .monitor-reading-trigger{transition:background .2s,box-shadow .2s}
.monitor-reading .monitor-reading-trigger>svg{color:#356199;transition:transform .2s}
.monitor-reading-trigger:hover{background:color-mix(in srgb,var(--reading-color) 8%,white);box-shadow:inset 3px 0 var(--reading-color)}
.monitor-reading-trigger:hover .monitor-reading-icon{transform:scale(1.08) rotate(-4deg)}.monitor-reading-trigger:hover>svg{transform:translateX(3px)}
:root body.observatory-interface #monitor-chart .chart-parameters button{color:var(--chart-accent);background:color-mix(in srgb,var(--chart-accent) 7%,white);border-color:color-mix(in srgb,var(--chart-accent) 25%,white);font-weight:650;transition:transform .18s,box-shadow .18s,background .18s}
:root body.observatory-interface #monitor-chart .chart-parameters button[aria-pressed=true]{background:color-mix(in srgb,var(--chart-accent) 15%,white);border-color:var(--chart-accent);box-shadow:inset 0 -2px var(--chart-accent),0 2px 6px #12356b0b}
#monitor-chart .chart-statistics-slot .ob-chart-stats{gap:8px;border:0;padding:2px 0 0}
#monitor-chart .ob-chart-stats>div{background:#eff5ff;border:1px solid #dde8f8;border-radius:8px;padding:10px!important}
#monitor-chart .ob-chart-stats>div:nth-child(2){background:#f4f0ff;border-color:#e6def9}#monitor-chart .ob-chart-stats>div:nth-child(3){background:#eaf8fc;border-color:#ceeaf1}
#monitor-chart .ob-chart-stats>div:last-child{border:1px solid #ceeaf1}
:root body.observatory-interface #monitor-chart .ob-chart-stats span{color:#3c5577;font-weight:600}
:root body.observatory-interface #monitor-chart .ob-chart-stats small{color:#405777;font-weight:500}
:root body.observatory-interface #monitor-chart .chart .chart-unit-label,:root body.observatory-interface #monitor-chart .chart text{fill:#405778}
:root body.observatory-interface #monitor-chart .ob-chart-sample-note,:root body.observatory-interface #monitor-chart .chart-legend,:root body.observatory-interface #monitor-chart .chart-interaction-hint,:root body.observatory-interface .monitor-latest .note,:root body.observatory-interface .monitor-comparison .note{color:#405a7c}
.monitor-context-heading{background:linear-gradient(110deg,#eff5ff,#fff)}.monitor-context-switch button{color:#395574;font-weight:600;transition:background .18s,box-shadow .18s}
.monitor-context-switch button[aria-pressed=true]{color:#164eb5;box-shadow:0 2px 6px #12356b15}
:root body.observatory-interface .monitor-comparison th{color:#314d71;font-weight:650;background:#edf4ff}
:root body.observatory-interface .monitor-comparison td{color:#263e5d;font-weight:500;transition:background .2s}
:root body.observatory-interface .monitor-comparison tr:has(.level-2)>td{background:#fff5e9}:root body.observatory-interface .monitor-comparison tr:has(.level-3,.level-4)>td{background:#fff0f3}
.monitor-comparison tr:has(.level-2)>td:first-child{box-shadow:inset 3px 0 #f97316}.monitor-comparison tr:has(.level-3,.level-4)>td:first-child{box-shadow:inset 3px 0 #e11d48}
.monitor-comparison .badge:is(.level-2,.level-3,.level-4)>svg{animation:monitor-warning 3s ease-in-out infinite;transform-origin:center}
.monitor-workspace .badge{font-weight:600}.monitor-workspace .badge.level-1{background:#fff0c2;color:#805006}.monitor-workspace .badge.level-2{background:#ffe4c9;color:#9c3908}.monitor-workspace .badge.level-3{background:#ffe1e7;color:#af1633}.monitor-workspace .badge.level-4{background:#ffd9e4;color:#9c1243}
@media(hover:hover){:root body.observatory-interface #monitor-chart .chart-parameters button:hover{transform:translateY(-2px);box-shadow:0 4px 10px color-mix(in srgb,var(--chart-accent) 18%,transparent)}.monitor-workspace .tab:hover{background:#eaf2ff}.monitor-context-switch button:hover{background:#e5efff}.monitor-workspace .btn:hover{box-shadow:0 4px 12px #245bb828}.monitor-comparison tbody tr:hover>td{background:#e8f1ff!important}}
@keyframes monitor-beacon{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 35%,transparent);opacity:1}65%{box-shadow:0 0 0 5px transparent;opacity:.55}100%{box-shadow:0 0 0 0 transparent;opacity:1}}
@keyframes monitor-warning{0%,12%,100%{transform:rotate(0)}3%,9%{transform:rotate(-8deg)}6%{transform:rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.monitor-workspace *,.monitor-workspace *::before{animation:none!important;transition:none!important}.monitor-workspace .monitor-reading-trigger:hover>svg,.monitor-workspace .monitor-reading-trigger:hover .monitor-reading-icon,:root body.observatory-interface #monitor-chart .chart-parameters button:hover{transform:none}}
:root body.observatory-interface #monitor-chart .chart-parameters button[aria-pressed=true]{background:color-mix(in srgb,var(--chart-accent) 72%,#16324f);color:white;border-color:var(--chart-accent);box-shadow:0 3px 9px color-mix(in srgb,var(--chart-accent) 24%,transparent)}
:root body.observatory-interface #monitor-chart .chart-parameters button[aria-pressed=true] svg{color:white}
:root body.observatory-interface .monitor-workspace .monitor-context-heading h2{color:#164b94}
/* Pastel mauve and dusty rose replace saturated amber on KPI surfaces. */
:root body.observatory-interface .ob-design-system .ob-kpi-attention{--tile-color:#b28aa5;background:linear-gradient(135deg,#fbf6fa,#f4eaf1);border-color:#e6d6e2;border-top-color:#b28aa5}
:root body.observatory-interface .ob-design-system .ob-kpi-attention .ob-stat-icon{background:#eee1eb;color:#895d7b}
:root body.observatory-interface .ob-design-system .ob-kpi-attention .ob-kpi-main>strong{color:#76526d}
:root body.observatory-interface .ob-design-system .ob-kpi-attention .ob-stat-top,:root body.observatory-interface .ob-design-system .ob-kpi-attention .ob-kpi-caption,:root body.observatory-interface .ob-design-system .ob-kpi-attention .ob-kpi-main>span{color:#67536a}
:root body.observatory-interface .ob-design-system .ob-kpi-attention .ob-kpi-action{color:#795570;border-color:#e6d6e2}
:root body.observatory-interface .ir-icon.orange,:root body.observatory-interface .ir-icon.amber{background:#f3e9f0;color:#956582}
.monitor-workspace .badge.level-1{background:#eeeaf6;color:#66547f}.monitor-workspace .badge.level-2{background:#f6e6ec;color:#8b4d66}
.monitor-latest[data-point-level="1"] .monitor-point-state{color:#66547f}.monitor-latest[data-point-level="2"] .monitor-point-state{color:#8b4d66}
.monitor-latest[data-point-level="2"]{box-shadow:inset 0 3px #c38da3}
:root body.observatory-interface .monitor-comparison tr:has(.level-2)>td{background:#fbf2f6}.monitor-comparison tr:has(.level-2)>td:first-child{box-shadow:inset 3px 0 #c38da3}
.monitor-basis-notice{background:#f6f3fa;border-color:#e2dbea;color:#675579}.monitor-basis-notice>.gate-banner{border-top-color:#e2dbea;color:#675579}