:root { color-scheme: dark; --bg:#0e1116; --panel:#171c24; --panel2:#11161d; --line:#2b3542; --text:#e9eef5; --muted:#9aa7b5; --accent:#7dd3fc; --ok:#86efac; --warn:#fcd34d; --danger:#fca5a5; }
    * { box-sizing:border-box; }
    body { margin:0; background:radial-gradient(circle at 20% 0%,#1d2835 0,#0e1116 42%); color:var(--text); font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif; }
    main { max-width:1180px; margin:0 auto; padding:34px 22px 72px; }
    header { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:24px; }
    h1 { margin:0 0 7px; font-size:30px; letter-spacing:-.04em; }
    h2 { margin:0 0 12px; font-size:17px; }
    h3 { margin:0; font-size:15px; }
    p { margin:0 0 14px; color:var(--muted); }
    .version { color:var(--accent); font-size:14px; font-weight:500; vertical-align:middle; }
    .subtle { color:var(--muted); font-size:13px; }
    .panel { background:rgba(23,28,36,.94); border:1px solid var(--line); border-radius:16px; padding:20px; box-shadow:0 16px 40px #0004; }
    .chat { margin-bottom:16px; }
    .chat textarea { min-height:88px; }
    textarea { width:100%; resize:vertical; border-radius:10px; border:1px solid var(--line); background:#0d1218; color:var(--text); padding:13px; font:inherit; }
    select { border-radius:9px; border:1px solid var(--line); background:#0d1218; color:var(--text); padding:8px 10px; font:inherit; }
    button { border-radius:9px; border:1px solid var(--line); background:#0d1218; color:var(--text); padding:9px 12px; font:inherit; cursor:pointer; }
    button.primary { background:#155e75; border-color:#2584a5; font-weight:650; }
    button.primary:hover { background:#1b7894; }
    button.approve { background:#14532d; border-color:#267344; color:#bbf7d0; }
    button.reject { background:#3f1d25; border-color:#75404b; color:#fecaca; }
    button:hover { filter:brightness(1.16); }
    .actions { display:flex; gap:9px; flex-wrap:wrap; margin-top:12px; }
    .status { margin-top:12px; padding:10px 12px; border-radius:9px; background:var(--panel2); color:var(--muted); white-space:pre-wrap; }
    .status.ok { color:var(--ok); }
    .stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:10px; margin:16px 0; }
    .stat { background:var(--panel2); border:1px solid var(--line); border-radius:12px; padding:13px; }
    .stat strong { display:block; font-size:24px; color:var(--accent); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
    .stat span { color:var(--muted); font-size:12px; }
    .stat small { display:block; color:var(--muted); font-size:11px; margin-top:4px; }
    .progress-track { height:5px; margin-top:9px; border-radius:99px; background:#26313d; overflow:hidden; }
    .progress-fill { height:100%; border-radius:inherit; background:linear-gradient(90deg,#38bdf8,#86efac); transition:width .35s ease; }
    .worker-control { padding:10px 0; border-top:1px solid var(--line); }
    .worker-control:first-of-type { border-top:0; }
    .worker-control label { display:flex; justify-content:space-between; gap:12px; color:var(--muted); font-size:13px; }
    .worker-control input[type=range] { width:100%; accent-color:var(--accent); }
    .grid { display:grid; grid-template-columns:1.1fr .9fr; gap:16px; }
    .review { padding:15px 0; border-top:1px solid var(--line); }
    .review:first-child { border-top:0; padding-top:0; }
    .review-path { font-weight:650; overflow-wrap:anywhere; }
    .meta { color:var(--muted); font-size:12px; margin-top:4px; overflow-wrap:anywhere; }
    .badge { display:inline-block; padding:2px 8px; border:1px solid var(--line); border-radius:99px; font-size:11px; color:var(--warn); margin-left:6px; }
    .empty { color:var(--muted); padding:18px 0 4px; }
    .evidence { border-top:1px solid var(--line); margin-top:14px; padding-top:12px; }
    .source { padding:10px 0; border-top:1px solid var(--line); }
    .source:first-child { border-top:0; }
    .source-text { white-space:pre-wrap; max-height:160px; overflow:auto; margin-top:6px; }
    .score { color:var(--accent); font-variant-numeric:tabular-nums; }
    .terminal-panel { margin-top:16px; }
    .terminal { margin:0; min-height:150px; max-height:280px; overflow:auto; padding:14px; border:1px solid #26352c; border-radius:10px; background:#080d0a; color:#a7f3b8; font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; }
    @media (max-width:850px) { .grid { grid-template-columns:1fr; } .stats { grid-template-columns:repeat(2,1fr); } header { flex-direction:column; } }
    @media (max-width:480px) { main { padding:24px 14px 50px; } .stats { grid-template-columns:1fr 1fr; } .actions button { flex:1; } }

[hidden] { display:none !important; }
.recovery-stat { grid-column:1/-1; }
.recovery-top { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 20px; }
.recovery-top strong { font-size:21px; }
.recovery-stat .progress-track { margin:12px 0; }
.recovery-counts { display:flex; flex-wrap:wrap; gap:6px 20px; }
.recovery-counts span { font-size:14px; }
a { color:var(--accent); text-underline-offset:3px; }
.document-nav { display:flex; gap:8px; margin-bottom:16px; border-bottom:1px solid var(--line); padding-bottom:12px; }
.document-nav [aria-pressed=true] { background:#263746; border-color:var(--accent); }
.library-filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; align-items:end; margin-bottom:16px; }
.library-filters label { display:flex; flex-direction:column; gap:5px; font-size:13px; color:var(--muted); }
input:not([type=range]) { min-width:0; width:100%; padding:8px 10px; border:1px solid var(--line); border-radius:6px; background:#0d1218; color:var(--text); font:inherit; }
.table-scroll { overflow-x:auto; }
.library-table { border-collapse:collapse; width:100%; font-size:14px; }
.library-table th { text-align:left; color:var(--muted); font-weight:500; }
.library-table td,.library-table th { padding:12px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
.library-table td:first-child { min-width:240px; overflow-wrap:anywhere; }
.library-table td:not(:first-child) { white-space:nowrap; }
.pagination { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; color:var(--muted); font-size:13px; }
button:disabled { opacity:.5; cursor:default; }
.file-link { background:transparent; border:0; padding:0; color:var(--accent); text-align:left; text-decoration:underline; text-underline-offset:3px; }
dialog { width:min(1050px,94vw); max-height:90vh; padding:20px; background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:8px; }
dialog::backdrop { background:#000a; }
.detail-toolbar { display:flex; justify-content:space-between; align-items:start; gap:16px; position:sticky; top:-20px; padding:12px 0; background:var(--panel); z-index:1; }
.detail-toolbar h2 { overflow-wrap:anywhere; margin:0; }
.detail-summary { display:flex; flex-wrap:wrap; gap:10px 24px; padding:12px 0; color:var(--muted); }
.segment { margin-top:18px; padding-top:14px; border-top:1px solid var(--line); scroll-margin-top:70px; }
.segment.highlight { outline:2px solid var(--accent); outline-offset:6px; }
.paired-text { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.paired-text pre { font:14px/1.65 system-ui,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; margin:6px 0; }
.issue { padding:14px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.issue pre { white-space:pre-wrap; font-size:12px; }
.issue-heading>p { margin:8px 0; }
.issue-recovery { border:0; padding:0; margin:12px 0 0; min-width:0; }
.issue-recovery legend { color:var(--muted); font-size:12px; margin-bottom:6px; }
.issue-recovery-fields { display:grid; grid-template-columns:minmax(230px,2fr) minmax(130px,1fr) minmax(190px,1fr); gap:12px; }
.issue-recovery-fields label { display:flex; flex-direction:column; gap:5px; min-width:0; font-size:13px; color:var(--muted); }
.issue-recovery-fields select { width:100%; min-width:0; }
.issue-profile-meta,.issue-retry-guidance { margin:7px 0; }
.issue-action-status { min-height:18px; }
.issue-automatic-retry { font-variant-numeric:tabular-nums; white-space:pre-line; }
.generated-evidence { color:var(--warn); font-size:12px; }
#issueOutcome { overflow-wrap:anywhere; }
.system-devices { margin-top:10px; }
.system-watcher { margin-top:12px; }
.system-watcher summary { color:var(--muted); cursor:pointer; font-size:12px; }
#systemState { white-space:normal; }
.device-monitor-toolbar,.device-monitor-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 20px; }
.device-monitor-toolbar { margin-bottom:10px; }
.device-monitor-toolbar h2 { margin:0; }
.device-monitor-reading { padding:18px 0; border-bottom:1px solid var(--line); }
.device-monitor-reading:last-child { border-bottom:0; padding-bottom:0; }
.device-monitor-heading .notice { margin:0; font-size:12px; }
.device-online { color:var(--ok); font-size:12px; }
.device-sensors { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:14px; }
.device-sensors section { min-width:0; }
.device-sensors h4 { margin:0 0 8px; font-size:13px; color:var(--muted); }
.device-sensors dl { display:grid; grid-template-columns:1fr auto; gap:7px 12px; margin:0; font-size:13px; }
.device-sensors dt { color:var(--muted); }
.device-sensors dd { margin:0; font-variant-numeric:tabular-nums; text-align:right; overflow-wrap:anywhere; }
.device-admission { border-top:1px solid var(--line); padding-top:10px; margin-top:14px; font-size:13px; }
@media(max-width:850px) { .device-sensors { grid-template-columns:1fr; gap:14px; } .device-sensors section { border-top:1px solid var(--line); padding-top:10px; } }
@media(max-width:750px) { .issue-recovery-fields { grid-template-columns:1fr 1fr; } .issue-recovery-fields label:first-child { grid-column:1/-1; } }
@media(max-width:420px) { .issue-recovery-fields { grid-template-columns:1fr; } .issue-actions button { flex-basis:100%; } }
.error-text { color:var(--danger); }
.notice { color:var(--warn); margin:12px 0; }
.library-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin-bottom:14px; }
.library-toolbar label { color:var(--muted); font-size:13px; }
.library-mode { margin:0; }
.library-mode [aria-pressed=true] { border-color:var(--accent); background:#263746; }
.folder-navigation { display:flex; gap:14px; align-items:center; margin:12px 0; }
#folderBreadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; overflow-wrap:anywhere; min-width:0; }
.policy-help { max-width:100ch; margin-bottom:8px; }
#policyStatus { margin-bottom:16px; min-height:18px; }
.library-table .policy-heading { min-width:144px; width:144px; }
.library-table .policy-cell { white-space:normal !important; min-width:144px; width:144px; }
.policy-toggle { display:flex; align-items:center; gap:8px; width:fit-content; cursor:pointer; font-size:13px; }
.policy-toggle input[type=checkbox] { appearance:auto; accent-color:var(--accent); width:18px; height:18px; margin:1px 0; padding:0; flex:none; cursor:pointer; }
.policy-origin { color:var(--muted); font-size:11px; overflow-wrap:anywhere; margin-top:5px; line-height:1.4; }
.policy-reset { color:var(--accent); font-size:11px; padding:3px 0; border:0; background:transparent; text-decoration:underline; text-underline-offset:3px; }
.current-folder { background:var(--panel2); }
.folder-link { font-weight:650; }
.detail-policy { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:14px 0; margin:14px 0; }
.detail-policy .library-table td:first-child { min-width:160px; }
#policyUnlock { width:min(460px,94vw); }
#policyUnlock input { margin-top:8px; }
:is(button,input,select,textarea,a):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media(max-width:600px) { .library-toolbar { align-items:stretch; } .library-toolbar>button { flex:1; } .library-mode { width:100%; } .library-mode button { flex:1; } .folder-navigation { align-items:flex-start; } .library-table { font-size:13px; } }
@media(max-width:600px) { .paired-text { grid-template-columns:1fr; } .document-nav { flex-wrap:wrap; } dialog { padding:14px; width:96vw; } .library-filters { grid-template-columns:1fr 1fr; } }
  

.workload-control { margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }
.workload-label { display:flex; justify-content:space-between; gap:12px; font-size:14px; font-weight:600; }
.workload-label output { color:var(--accent); text-align:right; }
.workload-control input[type=range] { width:100%; margin:14px 0 4px; accent-color:var(--accent); }
.workload-ticks { display:flex; justify-content:space-between; color:var(--muted); font-size:12px; }
.workload-status { min-height:18px; margin-top:8px; }
.workload-effective { font-variant-numeric:tabular-nums; }