/* Monitor-only surfaces: override legacy fixed white panels; preserve data and status semantics. */
html[data-refine-page="monitor"] body.monitor-page {
  --monitor-canvas:var(--paper-canvas,#f6f7fb);--monitor-surface:var(--paper-sheet,#fff);
  --monitor-soft:var(--paper-sheet-2,#f1f3f8);--monitor-hover:var(--paper-sheet-hover,#eceff6);
  --monitor-ink:var(--paper-ink,#242135);--monitor-muted:var(--paper-muted,#615e70);
  --monitor-line:var(--paper-border,#dce0e9);--monitor-focus:var(--paper-accent,#7354d9);
  --monitor-good:#176c50;--monitor-warn:#805b10;--monitor-bad:#b83e38;
  --monitor-gap:12px;--monitor-pad:24px;--monitor-radius:10px;--monitor-control:36px;
  --monitor-small:12px;--monitor-text:13px;--monitor-title:22px;--monitor-number:28px;
  background:var(--monitor-canvas)!important;color:var(--monitor-ink)!important;
  font-size:var(--monitor-text);color-scheme:light;
}
html[data-refine-page="monitor"][data-theme="studio"] body.monitor-page {--monitor-canvas:#f4f0fb;--monitor-surface:#fdfbff;--monitor-soft:#eee7f7;--monitor-line:#d7cde5;--monitor-ink:#2c2240;--monitor-muted:#645570}
html[data-refine-page="monitor"][data-theme="dark"] body.monitor-page {--monitor-good:#6ee7b7;--monitor-warn:#facc75;--monitor-bad:#fda4af;color-scheme:dark}
html[data-refine-page="monitor"] .monitor-header {
  width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;
  gap:16px 24px;flex-wrap:wrap;padding:18px var(--monitor-pad);
  background:var(--monitor-surface)!important;border-color:var(--monitor-line)!important;
}
html[data-refine-page="monitor"] .monitor-title {flex:1 1 260px;min-width:0}
html[data-refine-page="monitor"] .monitor-title h1 {display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--monitor-title)!important;line-height:1.4;margin:0;letter-spacing:0!important}
html[data-refine-page="monitor"] .monitor-title #nodeBadge {flex:none;white-space:nowrap;font-family:inherit;font-size:var(--monitor-small);font-weight:500;line-height:1.5;padding:3px 8px;background:var(--monitor-soft);color:var(--monitor-muted);-webkit-text-fill-color:currentColor;border:1px solid var(--monitor-line);border-radius:6px}
html[data-refine-page="monitor"] .monitor-title #viewer {color:var(--monitor-muted);font-size:var(--monitor-small);line-height:1.6;overflow-wrap:anywhere;margin:5px 0 0}
html[data-refine-page="monitor"] .monitor-nav {display:flex;flex:0 1 auto;min-width:0;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
html[data-refine-page="monitor"] .monitor-nav > :is(a,button) {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;white-space:nowrap;position:static!important;inset:auto!important;min-height:var(--monitor-control);height:var(--monitor-control);padding:0 10px;font-size:var(--monitor-small);line-height:1.3;border:1px solid var(--monitor-line);border-radius:8px;background:var(--monitor-surface)!important;color:var(--monitor-ink)!important;text-decoration:none;box-shadow:none}
html[data-refine-page="monitor"] .monitor-header :is(svg,.brand-mark-svg) {width:20px;height:20px;min-width:20px;flex-shrink:0}
html[data-refine-page="monitor"] .monitor-nav #themeSwitch {position:static!important;height:var(--monitor-control);min-height:var(--monitor-control);padding:0 10px;font-size:var(--monitor-small);border-color:var(--monitor-line)}
html[data-refine-page="monitor"] :is(.monitor-main,#detailDialog) {--refine-control:var(--monitor-control);--refine-body:var(--monitor-text)}
html[data-refine-page="monitor"] .monitor-main {min-width:0;width:100%;max-width:1900px;padding:20px var(--monitor-pad);margin:auto}
html[data-refine-page="monitor"] body.monitor-page .stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--monitor-gap);margin:0 0 18px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
html[data-refine-page="monitor"] .stat-card {min-width:0;min-height:82px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px;border:1px solid var(--monitor-line);border-inline-start:3px solid var(--monitor-focus);border-radius:var(--monitor-radius);background:var(--monitor-surface);color:var(--monitor-ink)}
html[data-refine-page="monitor"] .stat-card:last-child {border-right:1px solid var(--monitor-line)}
html[data-refine-page="monitor"] .stat-card span {font-size:var(--monitor-text);color:var(--monitor-muted)}
html[data-refine-page="monitor"] .stat-card strong {max-width:100%;overflow-wrap:anywhere;font-size:var(--monitor-number);font-weight:650;line-height:1.2;color:var(--monitor-ink);font-variant-numeric:tabular-nums}
html[data-refine-page="monitor"] .stat-card.is-running {border-inline-start-color:var(--monitor-good)}
html[data-refine-page="monitor"] .stat-card.is-stopped {border-inline-start-color:var(--monitor-warn)}
html[data-refine-page="monitor"] .stat-card.is-errors {border-inline-start-color:var(--monitor-bad)}
html[data-refine-page="monitor"] .stat-card.is-running strong {color:var(--monitor-good)}
html[data-refine-page="monitor"] .stat-card.is-stopped strong {color:var(--monitor-warn)}
html[data-refine-page="monitor"] .stat-card.is-errors strong {color:var(--monitor-bad)}
html[data-refine-page="monitor"] .monitor-main .toolbar {display:flex;gap:var(--monitor-gap);padding:14px 16px;border:1px solid var(--monitor-line);border-radius:var(--monitor-radius);background:var(--monitor-surface);margin-bottom:12px}
html[data-refine-page="monitor"] .toolbar label,html[data-refine-page="monitor"] .detail-filter label {min-width:0;color:var(--monitor-muted);font-size:var(--monitor-small)}
html[data-refine-page="monitor"] .toolbar .auto {color:var(--monitor-ink)}
html[data-refine-page="monitor"] body.monitor-page :is(.toolbar,.detail-filter) :is(select,input[type="search"]) {min-height:var(--monitor-control);height:var(--monitor-control);background:var(--monitor-surface)!important;color:var(--monitor-ink)!important;border:1px solid var(--monitor-line)!important;border-radius:7px;font-size:var(--monitor-text);box-shadow:none}
html[data-refine-page="monitor"] .toolbar input::placeholder {color:var(--monitor-muted);opacity:1}
html[data-refine-page="monitor"] .toolbar input[type="checkbox"] {accent-color:var(--monitor-focus);width:16px;height:16px;min-height:16px;flex:none}
html[data-refine-page="monitor"] .monitor-page :is(.message,.cell-muted,.progress-numbers,.empty,.monitor-footer,.detail-summary) {color:var(--monitor-muted)}
html[data-refine-page="monitor"] .monitor-page .message.error {color:var(--monitor-bad)}
html[data-refine-page="monitor"] .monitor-page .message:empty {min-height:0;margin-bottom:10px}
html[data-refine-page="monitor"] .monitor-page .table-wrap {min-width:0;max-width:100%;overflow:auto;background:var(--monitor-surface)!important;color:var(--monitor-ink);border:1px solid var(--monitor-line);border-radius:var(--monitor-radius);max-height:min(64vh,720px)}
html[data-refine-page="monitor"] .monitor-page table {min-width:1120px;color:var(--monitor-ink);font-variant-numeric:tabular-nums}
html[data-refine-page="monitor"] .monitor-page th {position:sticky;top:0;z-index:2;background:var(--monitor-soft)!important;color:var(--monitor-muted)!important;padding:10px 12px;font-size:var(--monitor-small);font-weight:600;border-bottom:1px solid var(--monitor-line)}
html[data-refine-page="monitor"] .monitor-page td {background:var(--monitor-surface);color:var(--monitor-ink);border-color:var(--monitor-line);padding:12px;line-height:1.6;font-size:var(--monitor-text)}
html[data-refine-page="monitor"] .monitor-page tbody tr:hover td {background:var(--monitor-hover)}
html[data-refine-page="monitor"] .monitor-page :is(th,td):last-child {position:sticky;right:0;z-index:1}
html[data-refine-page="monitor"] .monitor-page th:last-child {z-index:3}
html[data-refine-page="monitor"] .monitor-page td[colspan] {position:static}
html[data-refine-page="monitor"] .monitor-page .empty {text-align:left;max-width:calc(100vw - 64px);padding:24px 12px;overflow-wrap:anywhere}
html[data-refine-page="monitor"] .monitor-page :is(.cell-strong,.detail-summary b:not(.badge)) {color:var(--monitor-ink)}
html[data-refine-page="monitor"] .monitor-page .badge {background:var(--monitor-soft);color:var(--monitor-muted);border:1px solid var(--monitor-line);white-space:nowrap;padding:2px 7px}
html[data-refine-page="monitor"] .monitor-page .badge:is(.running,.completed) {color:var(--monitor-good);background:color-mix(in srgb,var(--monitor-good) 10%,var(--monitor-surface));border-color:color-mix(in srgb,var(--monitor-good) 25%,var(--monitor-line))}
html[data-refine-page="monitor"] .monitor-page .badge.partial {color:var(--monitor-bad);background:color-mix(in srgb,var(--monitor-bad) 10%,var(--monitor-surface));border-color:color-mix(in srgb,var(--monitor-bad) 25%,var(--monitor-line))}
html[data-refine-page="monitor"] .monitor-page .badge:is(.stopped,.unknown) {color:var(--monitor-warn);background:color-mix(in srgb,var(--monitor-warn) 10%,var(--monitor-surface));border-color:color-mix(in srgb,var(--monitor-warn) 25%,var(--monitor-line))}
html[data-refine-page="monitor"] .monitor-page progress,html[data-refine-page="monitor"] .monitor-page progress::-webkit-progress-bar {background:var(--monitor-soft)}
html[data-refine-page="monitor"] .monitor-page progress::-webkit-progress-value {background:var(--monitor-focus)}
html[data-refine-page="monitor"] .monitor-page progress::-moz-progress-bar {background:var(--monitor-focus)}
html[data-refine-page="monitor"] .monitor-page .progress-numbers .good {color:var(--monitor-good)}
html[data-refine-page="monitor"] .monitor-page .progress-numbers .bad {color:var(--monitor-bad)}
html[data-refine-page="monitor"] body.monitor-page :is(.monitor-main,#detailDialog) button {min-height:32px;padding:5px 10px;border:1px solid var(--monitor-line);border-radius:7px;background:var(--monitor-surface)!important;color:var(--monitor-ink)!important;font-size:var(--monitor-small);box-shadow:none}
html[data-refine-page="monitor"] body.monitor-page :is(.monitor-nav,.monitor-main,#detailDialog) :is(button,a):hover {background:var(--monitor-hover)!important}
html[data-refine-page="monitor"] .monitor-page #detailDialog {background:var(--monitor-surface)!important;color:var(--monitor-ink)!important;border-color:var(--monitor-line);border-radius:var(--monitor-radius);max-width:calc(100vw - 24px);padding:20px}
html[data-refine-page="monitor"] .monitor-page #detailDialog::backdrop {background:var(--paper-mask,#17203366)}
html[data-refine-page="monitor"] .dialog-head h2 {min-width:0;overflow-wrap:anywhere;font-size:18px;line-height:1.5;color:var(--monitor-ink)}
html[data-refine-page="monitor"] #detailClose {flex:none}
html[data-refine-page="monitor"] .detail-table-wrap table {min-width:900px}
html[data-refine-page="monitor"] #detailDialog a {color:var(--monitor-ink);text-decoration:underline}
html[data-refine-page="monitor"] .detail-filter select {color-scheme:inherit}
@media(max-width:1100px){
  html[data-refine-page="monitor"] .monitor-title {flex-basis:100%}
  html[data-refine-page="monitor"] .monitor-nav {width:100%;justify-content:flex-start}
  html[data-refine-page="monitor"] .toolbar .search {min-width:200px}
}
@media(max-width:720px){
  html[data-refine-page="monitor"] body.monitor-page {--monitor-pad:14px;--monitor-gap:10px;--monitor-title:20px;--monitor-number:26px}
  html[data-refine-page="monitor"] .monitor-header {padding:14px var(--monitor-pad);gap:12px}
  html[data-refine-page="monitor"] .monitor-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  html[data-refine-page="monitor"] .monitor-nav > :is(a,button),html[data-refine-page="monitor"] .monitor-nav #themeSwitch {padding:0 8px}
  html[data-refine-page="monitor"] body.monitor-page .stats {grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}
  html[data-refine-page="monitor"] .stat-card {padding:12px;min-height:78px}
  html[data-refine-page="monitor"] .monitor-main .toolbar {padding:12px;gap:10px}
  html[data-refine-page="monitor"] .toolbar > label:not(.auto) {flex:1 1 calc(50% - 10px);min-width:0}
  html[data-refine-page="monitor"] .toolbar :is(select,input[type="search"]) {width:100%;min-width:0!important;max-width:100%!important}
  html[data-refine-page="monitor"] .toolbar .auto {flex-basis:100%;white-space:normal}
  html[data-refine-page="monitor"] .monitor-page #detailDialog {padding:14px}
  html[data-refine-page="monitor"] .monitor-footer {gap:10px}
}