.ut-shell { min-width:0; }
.ut-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; padding:36px 32px 28px; }
.ut-eyebrow { color:var(--gold); font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; text-decoration:none; }
.ut-head h1 { font-family:var(--serif); font-size:40px; font-weight:400; letter-spacing:-.035em; margin-top:9px; }
.ut-source-state { display:grid; gap:8px; text-align:right; }
.ut-status-label { font-size:12px; color:var(--amber); font-weight:600; }
.ut-status-label::before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:currentColor; margin-right:8px; }
.ut-caption { color:var(--muted); font-size:11px; line-height:1.6; }
.ut-tabs { display:flex; overflow-x:auto; border-block:1px solid var(--hairline-2); padding:0 24px; gap:5px; scrollbar-width:thin; }
.ut-tab { display:block; flex-shrink:0; padding:16px 12px 14px; color:var(--muted); font-size:12px; text-decoration:none; border-bottom:2px solid transparent; }
.ut-tab[aria-current="page"] { color:var(--gold); border-bottom-color:var(--gold); background:var(--gold-wash); }
.ut-tab:hover,.ut-system:hover { color:var(--cream); background:var(--gold-wash); }
.ut-shell :is(a,button,select,summary):focus-visible { outline:2px solid var(--gold); outline-offset:-3px; }
.ut-body { padding:26px 32px 40px; display:grid; gap:24px; }
.ut-notice { display:grid; grid-template-columns:1fr auto; gap:5px 24px; padding:17px 20px; border:1px solid var(--gold-line); border-left:3px solid var(--gold); background:var(--gold-wash); border-radius:8px; }
.ut-notice strong { font-size:12px; font-weight:600; }
.ut-notice p { color:var(--muted); font-size:12px; line-height:1.65; max-width:85ch; }
.ut-notice .ut-button { grid-column:2; grid-row:1/3; align-self:center; }
.ut-button { background:var(--card); color:var(--cream); border:1px solid var(--control-line); border-radius:6px; padding:10px 13px; font:500 11px var(--font); cursor:pointer; }
.ut-button:disabled { cursor:wait; }
.ut-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.ut-section-heading h2,.ut-section-title { font-size:19px; font-weight:500; }
.ut-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.ut-kpi { min-width:0; border:1px solid var(--hairline-2); background:var(--card); border-radius:10px; padding:19px 17px; }
.ut-kpi-top { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.ut-code { font:10px var(--mono); color:var(--faint); }
.ut-kpi h3 { font-size:12px; font-weight:500; line-height:1.65; margin-top:15px; min-height:40px; }
.ut-reading { font-size:32px; line-height:1.3; font-weight:500; margin-top:13px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ut-unit { display:block; font-size:11px; color:var(--muted); font-weight:400; margin-top:2px; }
.ut-missing,.ut-observed { font-size:11px; color:var(--faint); line-height:1.6; margin-top:10px; }
.ut-compare { font-size:11px; line-height:1.6; color:var(--red); margin-top:10px; }
.ut-compare[data-favorable="true"] { color:var(--emerald); }
.ut-references { display:grid; grid-template-columns:1fr auto; gap:6px; font-size:10px; color:var(--muted); border-top:1px solid var(--hairline-2); padding-top:12px; margin-top:14px; }
.ut-references dd { font-family:var(--mono); }
.ut-overview-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr); gap:20px; }
.ut-panel { min-width:0; border:1px solid var(--hairline-2); background:var(--card); border-radius:10px; overflow:hidden; }
.ut-panel-head { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:baseline; gap:8px; padding:20px; border-bottom:1px solid var(--hairline); }
.ut-panel-head h2 { font-size:14px; font-weight:600; }
.ut-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; min-height:260px; padding:32px 24px; background:var(--gold-wash); border:1px dashed var(--hairline-2); border-radius:10px; }
.ut-panel .ut-empty { margin:20px; min-height:268px; }
.ut-empty-mark { display:grid; place-items:center; border:1px solid var(--hairline-2); border-radius:50%; width:40px; height:40px; color:var(--gold); margin-bottom:17px; }
.ut-empty h3 { font-size:14px; font-weight:500; }
.ut-empty p { font-size:12px; color:var(--muted); line-height:1.8; max-width:46ch; margin-top:10px; }
.ut-systems { padding:0 20px 7px; }
.ut-system { display:grid; grid-template-columns:22px 1fr auto 14px; align-items:center; gap:10px; padding:15px 0; text-decoration:none; color:var(--cream); border-bottom:1px solid var(--hairline); }
.ut-system:last-child { border-bottom:0; }
.ut-system-index { color:var(--faint); font:10px var(--mono); }
.ut-system strong { font-size:12px; font-weight:500; }
.ut-system-status { color:var(--faint); font-size:10px; }
.ut-arrow { color:var(--gold); }
.ut-system-kpis { grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }
.ut-trend-controls { display:flex; flex-wrap:wrap; gap:14px; padding:20px; }
.ut-field { display:grid; gap:6px; font-size:10px; color:var(--muted); flex:1; min-width:160px; }
.ut-select { width:100%; min-width:0; border:1px solid var(--control-line); background:var(--card); color:var(--cream); padding:10px; border-radius:6px; font:12px var(--font); }
.ut-chart { width:100%; display:block; }
.ut-chart-line { stroke:var(--c2); fill:none; stroke-width:2; }
.ut-chart-point { fill:var(--c2); }
.ut-grid-line { stroke:var(--hairline-2); }
.ut-axis { fill:var(--muted); font:11px var(--font); }
.ut-chart + .ut-caption { padding:5px 20px 14px; }
.ut-details summary { padding:16px 20px; cursor:pointer; color:var(--gold); font-size:12px; border-top:1px solid var(--hairline); }
/* Every readings table scrolls in a frozen-panes frame (command-center.html):
   heading row and first column pinned, never taller than the window allows. */
.ut-table-scroll { max-height:min(420px, var(--pane-room)); }
.ut-table { width:100%; font-size:12px; text-align:left; }
.ut-table th,.ut-table td { padding:15px 20px; border-bottom:1px solid var(--hairline); line-height:1.6; vertical-align:top; overflow-wrap:anywhere; }
.ut-table th { color:var(--muted); font-size:10px; font-weight:500; background-image:linear-gradient(var(--gold-wash), var(--gold-wash)); }
.ut-table td { color:var(--cream); }
.rail-utilities .group-btn[aria-current="true"] { color:var(--gold); }
@media(max-width:1250px) { .ut-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } .ut-overview-grid { grid-template-columns:1fr; } }
@media(max-width:620px) {
  .ut-head { padding:26px 18px 22px; } .ut-head h1 { font-size:34px; } .ut-source-state { text-align:left; }
  .ut-tabs { padding:0 8px; } .ut-body { padding:20px 16px 28px; gap:20px; }
  .ut-notice { grid-template-columns:1fr; padding:16px; } .ut-notice .ut-button { grid-column:1; grid-row:auto; justify-self:start; margin-top:8px; }
  .ut-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .ut-kpi { padding:16px 12px; }
  .ut-kpi .ut-eyebrow { font-size:9px; letter-spacing:.08em; } .ut-system-status { font-size:10px; }
  .ut-panel-head { padding:16px; } .ut-table th,.ut-table td { padding:12px; }
}

/* The source workspace keeps the existing Command Center theme and rail. */
.uw-workspace .ut-body { grid-template-columns:repeat(6,minmax(0,1fr)); }
.uw-workspace .ut-body > * { grid-column:1/-1; min-width:0; }
.uw-workspace .ut-body > .uw-panel-kpi { grid-column:span 2; }
.uw-panel { padding:22px; display:grid; gap:16px; align-content:start; }
.uw-panel > h2 { font-size:15px; font-weight:600; line-height:1.5; }
.uw-panel > .ut-caption { margin-top:-8px; }
.uw-panel .ut-kpi { border:0; padding:0; background:transparent; }
.uw-panel .ut-kpi h3 { margin-top:0; min-height:0; }
.uw-panel .ut-kpis { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }
.uw-subtabs { display:flex; gap:8px; flex-wrap:wrap; }
.uw-subtab { background:transparent; border:1px solid var(--hairline-2); border-radius:20px; color:var(--muted); padding:9px 14px; font:500 11px var(--font); cursor:pointer; }
.uw-subtab[aria-pressed="true"] { color:var(--gold); border-color:var(--gold-line); background:var(--gold-wash); }
.uw-table-tools,.uw-pagination { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:12px 0; }
.uw-table-tools input { flex:1; max-width:380px; min-width:160px; }
.uw-table-tools .ut-button { margin-left:auto; }
.uw-sort { background:transparent; border:0; color:inherit; padding:0; font:inherit; text-align:left; cursor:pointer; }
.uw-pagination { justify-content:flex-end; }
.uw-pagination button:disabled { cursor:default; opacity:.45; }
.uw-workspace .ut-table { min-width:650px; }
.uw-workspace .ut-table-scroll { max-height:min(650px, var(--pane-room)); border:1px solid var(--hairline-2); border-radius:8px; }
.uw-workspace .ut-table th { position:sticky; top:0; background:var(--card); z-index:1; }
.uw-workspace .uw-latest-table .ut-table td:last-child { min-width:190px; max-width:380px; font-size:10px; color:var(--muted); }
.uw-workspace .ut-table th { min-width:150px; }
.uw-workspace .ut-table :is(th,td):first-child { position:sticky; left:0; background:var(--card); box-shadow:1px 0 var(--hairline-2); }
.uw-workspace .ut-table th:first-child { z-index:2; }
.uw-legend { display:flex; flex-wrap:wrap; gap:12px 18px; padding:12px 0; }
.uw-legend-entry { display:grid; gap:5px; max-width:310px; }
.uw-legend-button { border:0; border-left:4px solid; background:transparent; color:var(--cream); padding:3px 8px; font:500 11px var(--font); text-align:left; cursor:pointer; }
.uw-legend-button[aria-pressed="false"] { opacity:.4; text-decoration:line-through; }
.uw-chart-group { padding:14px 0; min-width:0; border-bottom:1px solid var(--hairline-2); }
.uw-chart-group h3 { font-size:12px; font-weight:500; margin-bottom:8px; }
.uw-chart-data,.uw-coverage { border-top:1px solid var(--hairline-2); padding-top:15px; }
.uw-chart-data summary,.uw-coverage summary { cursor:pointer; font-size:12px; color:var(--gold); padding:6px 0; }
.uw-chart-data > div { margin-top:16px; }
.uw-loading { min-height:90px; padding:24px; color:var(--muted); font-size:12px; }
.uw-source-warning { font-size:11px; line-height:1.6; color:var(--red); }
.uw-gauge { display:block; width:100%; max-width:280px; margin:0 auto 12px; }
.uw-diagram { min-width:0; }
.uw-diagram-viewport { overflow:auto; max-height:75vh; border:1px solid var(--hairline-2); border-radius:8px; background:#fff; margin-top:12px; }
.uw-diagram-viewport img { display:block; max-width:none; }
.uw-workspace :is(input,button,a,select,summary,[tabindex]):focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
@media(max-width:1050px) { .uw-workspace .ut-body > .uw-panel-kpi { grid-column:span 3; } }
@media(max-width:620px) { .uw-workspace .ut-body { grid-template-columns:minmax(0,1fr); } .uw-workspace .ut-body > .uw-panel-kpi { grid-column:1; } .uw-panel { padding:16px; } .uw-table-tools { align-items:stretch; } .uw-subtabs { gap:6px; } .uw-subtab { padding:8px 11px; } }

.uw-workspace .ut-head { padding:26px 32px; }
.uw-workspace .ut-head h1 { font-size:36px; margin-top:10px; }
.uw-workspace .ut-tab { font-size:11px; padding-inline:9px; }
.uw-panel-kpi .ut-reading { margin-top:0; }
.uw-panel-kpi .uw-gauge { margin-top:16px; margin-bottom:2px; }
.uw-subtabs[hidden] { display:none; }
@media(max-width:620px) { .uw-workspace .ut-head { padding:22px 16px; } }

.uw-history-controls { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:16px; }
.uw-history-controls > label { max-width:500px; }
.uw-date-filter { margin:4px 0 16px; border:1px solid var(--hairline-2); border-radius:8px; padding:12px 14px; }
.uw-date-filter summary { font-size:11px; color:var(--gold); cursor:pointer; }
.uw-date-filter .uw-history-controls { margin:14px 0 6px; align-items:end; }
.uw-date-filter .ut-field { max-width:230px; }

.uw-panel { grid-template-columns:minmax(0,1fr); }
.uw-panel > *,.uw-history-controls,.uw-table,.uw-chart-data > div { min-width:0; max-width:100%; }

/* Utilities uses the Command Center's theme-aware chart colors and controls. */
.uw-workspace {
  --uw-series-1:var(--c2); --uw-series-2:var(--c5); --uw-series-3:var(--c3); --uw-series-4:var(--c4);
  --uw-series-5:var(--c6); --uw-series-6:var(--c7); --uw-series-7:var(--c9); --uw-series-8:var(--c10);
}
.uw-tab-strip { display:grid; grid-template-columns:34px minmax(0,1fr) 34px; align-items:stretch; border-block:1px solid var(--hairline-2); padding:0 12px; }
.uw-tab-strip .ut-tabs { border:0; padding:0; scrollbar-width:thin; }
.uw-tab-scroll { border:0; background:transparent; color:var(--gold); font-size:24px; cursor:pointer; }
.uw-tab-scroll:disabled { opacity:.22; cursor:default; }
.uw-section-heading { display:flex; flex-wrap:wrap; gap:8px 18px; align-items:baseline; justify-content:space-between; }
.uw-panel > h2,.uw-chart-heading h3,.uw-legend-button,.ut-notice p,.uw-panel-links button { overflow-wrap:anywhere; }
.uw-panel-links { display:flex; flex-wrap:wrap; gap:10px; border-top:1px solid var(--hairline); padding-top:14px; }
.uw-panel-links .ut-button { text-align:left; }
.uw-workspace .ut-button:not(:disabled):hover,.uw-subtab:hover { border-color:var(--gold-line); background:var(--gold-wash); }
.uw-workspace .ut-table { font-variant-numeric:tabular-nums; }
.uw-workspace .ut-table td { padding-block:12px; }
.uw-workspace .ut-table tbody tr:hover td { background:var(--card-2); }
.uw-workspace .ut-table td.uw-number { text-align:right; white-space:nowrap; font-family:var(--mono); font-size:11px; }
.uw-workspace .ut-table td:first-child { min-width:170px; max-width:250px; text-align:left; }
.uw-sort { min-height:26px; line-height:1.5; }
.uw-cell-times summary { color:var(--gold); cursor:pointer; font-size:11px; white-space:nowrap; }
.uw-cell-times dl { display:grid; gap:4px; margin-top:10px; min-width:190px; }
.uw-cell-times dt { font-weight:600; color:var(--cream); }
.uw-cell-times dd { margin:0 0 8px; font-size:10px; }
.uw-chart-group { padding:8px 0 18px; }
.uw-chart-heading { display:flex; justify-content:space-between; align-items:start; gap:12px; margin-bottom:14px; }
.uw-chart-heading h3 { font-size:12px; line-height:1.6; margin:0; }
.uw-chart-unit { flex-shrink:0; max-width:35%; overflow-wrap:anywhere; font:11px var(--mono); color:var(--muted); padding:4px 8px; border:1px solid var(--hairline-2); border-radius:5px; }
.uw-plot-frame,.uw-gauge-frame { position:relative; min-width:0; }
.uw-interactive-chart { touch-action:pan-y; cursor:crosshair; overflow:visible; border-radius:6px; }
.uw-workspace .ut-axis { font:11px var(--font); font-variant-numeric:tabular-nums; }
.uw-zero-line { stroke:var(--control-line); stroke-width:1; }
.uw-chart-crosshair { stroke:var(--muted); stroke-dasharray:4 4; stroke-width:1; }
.uw-chart-highlight { stroke:var(--card); stroke-width:2.5; }
.uw-chart-tooltip {
  position:absolute; z-index:5; width:max-content; max-width:min(330px,calc(100% - 16px)); overflow:auto; overscroll-behavior:contain;
  background:var(--card-2); color:var(--cream); border:1px solid var(--control-line); border-top:3px solid var(--gold);
  border-radius:8px; padding:11px 13px; box-shadow:var(--shadow-pop); font-size:11px; line-height:1.5; overflow-wrap:anywhere;
}
.uw-chart-tooltip[hidden],.uw-chart-hidden[hidden] { display:none; }
.uw-tip-label { font-weight:600; margin-bottom:6px; }
.uw-tip-value { font:600 15px/1.5 var(--mono); margin-bottom:5px; }
.uw-tip-date,.uw-tip-note { color:var(--muted); font-size:10px; }
.uw-tip-note { border-top:1px solid var(--hairline-2); margin-top:8px; padding-top:7px; }
.uw-chart-help { color:var(--muted); font-size:10px; line-height:1.6; padding:6px 0 12px; border-bottom:1px solid var(--hairline); }
.uw-chart-footnote { color:var(--faint); font-size:10px; line-height:1.6; padding-top:4px; }
.uw-legend { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:10px; padding:16px 0 10px; }
.uw-legend-entry { max-width:none; min-width:0; gap:4px; padding:7px 9px; border:1px solid var(--hairline); border-radius:7px; }
.uw-legend-button { display:flex; align-items:flex-start; gap:8px; width:100%; min-width:0; border:0; padding:0; line-height:1.6; }
.uw-legend-button:hover { color:var(--gold); }
.uw-legend-swatch { display:block; width:10px; height:10px; flex:0 0 10px; margin-top:4px; border-radius:3px; }
.uw-legend-stats { padding-left:18px; color:var(--muted); font-size:10px; line-height:1.6; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.uw-chart-hidden { position:absolute; inset:24% 10% auto; padding:16px; border:1px solid var(--hairline-2); border-radius:8px; color:var(--muted); background:var(--card); font-size:12px; line-height:1.6; text-align:center; pointer-events:none; }
.uw-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.uw-gauge-frame { min-height:180px; display:grid; align-items:center; }
.uw-gauge-frame .uw-gauge { margin:12px auto 0; }
.uw-workspace .ut-table-scroll:focus-visible { outline-offset:-3px; }
@media(max-width:620px) {
  .uw-tab-strip { padding:0 4px; grid-template-columns:27px minmax(0,1fr) 27px; }
  .uw-workspace .ut-table td:first-child { min-width:145px; max-width:180px; }
  .uw-panel { gap:14px; }
  .uw-table-tools input { max-width:none; flex-basis:100%; }
  .uw-table-tools .ut-button { margin-left:auto; }
  .uw-pagination { justify-content:space-between; gap:8px; }
  .uw-chart-tooltip { padding:9px 10px; }
  .uw-tip-value { font-size:13px; }
  .uw-workspace .ut-button { min-height:38px; }
}
.uw-tip-precision { color:var(--muted); font:10px/1.5 var(--mono); margin-top:5px; overflow-wrap:anywhere; }
.uw-chart-heading:has(> .uw-chart-unit:only-child) { justify-content:flex-end; margin-bottom:6px; }

/* Compact EverSense-style workspace; all colors stay scoped to Utilities. */
.uw-workspace { --gold:#b1b5ff; --gold-line:#858bd2; --gold-wash:rgba(146,150,235,.09); background:var(--card); }
[data-theme="light"] .uw-workspace { --gold:#3e4397; --gold-line:#868ac0; --gold-wash:#f2f3fa; --card-2:#f5f6fa; --hairline:#e7e9ef; --hairline-2:#dce0e8; --control-line:#8c94a4; }
.uw-live-header { position:sticky; top:var(--topbar-h,0px); z-index:8; background:var(--card); box-shadow:0 1px var(--hairline); }
.uw-workspace .ut-head { gap:12px 24px; padding:16px 20px; }
.uw-workspace .ut-head > div:first-child { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 14px; }
.uw-workspace .ut-head h1 { font:600 22px/1.3 var(--font); letter-spacing:-.02em; margin:0; }
.uw-plant { color:var(--muted); font-size:12px; }
.uw-header-actions { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:10px 16px; }
.uw-captured { color:var(--muted); font-size:11px; line-height:1.5; }
.uw-captured time { color:var(--cream); font-variant-numeric:tabular-nums; }
.uw-workspace .ut-body { padding:18px 20px 28px; gap:16px; }
.uw-workspace .ut-tab { padding:11px 12px 10px; font-size:12px; }
.uw-workspace .ut-tab[aria-current="page"] { background:transparent; }
.uw-workspace .uw-tab-strip { border-top:0; padding-inline:4px; }
.uw-workspace .uw-panel { border-radius:6px; padding:16px; gap:12px; }
.uw-workspace .uw-panel > h2 { font-size:14px; font-weight:500; }
.uw-kpi-heading { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:6px 14px; }
.uw-kpi-value { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; }
.uw-kpi-value .ut-reading { font-size:26px; }
.uw-kpi-refs { color:var(--muted); font-size:10px; line-height:1.7; }
.uw-reading-details summary { color:var(--muted); cursor:pointer; font-size:10px; }
.uw-reading-details p { margin-top:8px; }
.uw-workspace .uw-gauge-frame { min-height:160px; }
.uw-workspace .uw-gauge-frame .uw-gauge { max-width:255px; margin-top:12px; }
.uw-workspace .ut-section-title { font-size:16px; }
.uw-workspace .uw-subtab { border-radius:4px; padding:7px 11px; }
.uw-workspace .ut-table th,.uw-workspace .ut-table th:first-child { background:var(--gold); color:var(--card); }
.uw-workspace .ut-table :is(th,td) { padding:10px 14px; }
.uw-workspace .ut-table tr:nth-child(even),.uw-workspace .ut-table tr:nth-child(even) td:first-child { background:var(--card-2); }
.uw-data-info { border-top:1px solid var(--hairline-2); padding-top:12px; color:var(--muted); font-size:11px; line-height:1.6; }
.uw-data-info summary { cursor:pointer; color:var(--muted); }
.uw-data-info > :not(summary) { margin-top:10px; }
.uw-refresh-warning { color:var(--amber); font-size:12px; line-height:1.6; border-left:2px solid currentColor; padding-left:10px; }
.uw-refresh-warning[hidden] { display:none; }

/* Status appears only while work is underway, on failure, or briefly on success.
   Animation signals activity; only reported work changes the progress value. */
.ur-refresh { min-width:0; }
.ur-refresh .ur-start { display:inline-flex; align-items:center; justify-content:center; gap:6px; margin:0; padding:6px 11px; min-height:32px; border-color:var(--gold-line); color:var(--gold); font-weight:600; white-space:nowrap; }
.ur-refresh .ur-start:disabled { opacity:.65; cursor:default; }
.ur-icon { display:inline-block; font:22px/18px var(--font); }
.ur-refresh[data-running="true"] .ur-icon { animation:ur-turn 1.4s linear infinite; }
.ur-panel { padding:10px 20px 9px; border-top:1px solid var(--hairline); background:var(--gold-wash); }
.ur-panel[hidden],.ur-details[hidden],.ur-explanation[hidden],.ur-recheck[hidden] { display:none; }
.ur-line { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:4px 18px; }
.ur-title { color:var(--cream); font-size:12px; line-height:1.6; font-weight:600; }
.ur-time { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 14px; font:11px/1.6 var(--font); color:var(--muted); font-variant-numeric:tabular-nums; }
.ur-line .ur-time { margin-left:auto; }
.ur-elapsed { color:var(--faint); }
.ur-progress { display:block; appearance:none; width:100%; height:3px; margin:7px 0 5px; border:0; border-radius:4px; overflow:hidden; background:var(--hairline-2); accent-color:var(--gold); }
.ur-progress::-webkit-progress-bar { background:var(--hairline-2); border-radius:4px; }
.ur-progress::-webkit-progress-value { background:var(--gold); border-radius:4px; transition:width .3s ease; }
.ur-progress::-moz-progress-bar { background:var(--gold); }
.ur-progress:indeterminate { background:linear-gradient(90deg,var(--hairline-2) 25%,var(--gold-line) 50%,var(--hairline-2) 75%); background-size:200% 100%; animation:ur-wait 1.5s linear infinite; }
.ur-progress:indeterminate::-webkit-progress-bar { background:transparent; }
.ur-details { font-size:10px; color:var(--muted); line-height:1.6; }
.ur-details summary { width:max-content; cursor:pointer; padding:2px 0; }
.ur-details[open] summary { margin-bottom:5px; }
.ur-details[open] { flex-basis:100%; order:3; }
.ur-detail,.ur-freshness,.ur-explanation { font-size:11px; color:var(--muted); line-height:1.6; overflow-wrap:anywhere; }
.ur-explanation { margin-top:4px; }
.ur-panel[data-state="success"] .ur-title { color:var(--emerald); }
.ur-panel[data-state="error"] { background:var(--red-soft); }
.ur-recheck { margin-top:8px; }
@keyframes ur-turn { to { transform:rotate(360deg); } }
@keyframes ur-wait { to { background-position:-200% 0; } }
@media(max-width:620px) {
  .uw-workspace .ut-head { padding:12px; gap:10px; }
  .uw-header-actions { width:100%; justify-content:space-between; flex-wrap:nowrap; gap:10px; }
  .uw-captured { max-width:calc(100% - 110px); font-size:10px; }
  .uw-workspace .ut-body { padding:14px 12px 24px; gap:14px; }
  .uw-workspace .uw-panel { padding:12px; }
  .uw-workspace .ur-start { min-height:34px; }
  .ur-panel { padding:9px 12px; }
  .ur-title { flex-basis:100%; }
  .ur-line .ur-time { margin:2px auto 0 0; font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .ur-refresh[data-running="true"] .ur-icon,.ur-progress:indeterminate { animation:none; }
  .ur-progress::-webkit-progress-value { transition:none; }
}

/* Compact source cards keep meter readings visible without repeated table controls. */
.uw-workspace .ut-body > .uw-panel-cards { grid-column:span 2; }
.uw-reading-cards { display:grid; gap:12px; }
.uw-reading-card h3 { font-size:12px; color:var(--muted); margin:0 0 8px; overflow-wrap:anywhere; }
.uw-reading-card dl { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:9px 12px; margin:0; }
.uw-reading-card dt { color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.uw-reading-card dd { margin:0; text-align:right; display:flex; gap:5px; justify-content:flex-end; flex-wrap:wrap; overflow-wrap:anywhere; }
.uw-reading-card dd strong { font-size:16px; font-variant-numeric:tabular-nums; }
.uw-reading-card dd .ut-unit { font-size:11px; align-self:center; }
.uw-panel-cards .uw-reading-details { border-top:1px solid var(--hairline); padding-top:8px; }
@media(max-width:1050px) { .uw-workspace .ut-body > .uw-panel-cards { grid-column:span 3; } }
@media(max-width:620px) { .uw-workspace .ut-body > .uw-panel-cards { grid-column:1; } }