:root{color-scheme:light dark;--bg: #f7f6f3;--surface: #ffffff;--ink: #1f2a24;--ink-muted: #5c6a61;--line: #dcdfd9;--accent: #1f6f4a;--accent-ink: #ffffff;--warn-bg: #fdf3e0;--warn-ink: #8a5a00;--crit-bg: #fceceb;--crit-ink: #a3271d;--ok-bg: #e9f4ec;--ok-ink: #1f6f4a;--stale-bg: #eef0f4;--stale-ink: #4b5563;--radius: 8px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #171a18;--surface: #212522;--ink: #e8ebe7;--ink-muted: #a3ada5;--line: #373d38;--accent: #58b98a;--accent-ink: #10231a;--warn-bg: #33290f;--warn-ink: #e5b567;--crit-bg: #3a1c19;--crit-ink: #f0928a;--ok-bg: #17301f;--ok-ink: #7fd0a4;--stale-bg: #262b31;--stale-ink: #aab4c0}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}a{color:var(--accent)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--accent-ink);padding:.5rem 1rem;z-index:10}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--line);padding:1rem .75rem;display:flex;flex-direction:column;gap:1rem}.brand{font-weight:700;font-size:1.05rem;letter-spacing:.02em;padding:.25rem .5rem}.brand small{display:block;font-weight:400;color:var(--ink-muted);font-size:.72rem}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:block;padding:.45rem .6rem;border-radius:var(--radius);color:var(--ink);text-decoration:none}.sidebar nav a:hover{background:var(--stale-bg)}.sidebar nav a[aria-current=page]{background:var(--accent);color:var(--accent-ink);font-weight:600}.sidebar .foot{margin-top:auto;font-size:.8rem;color:var(--ink-muted);padding:0 .5rem}main.content{flex:1;padding:1.5rem 2rem 4rem;max-width:1100px}.page-header{margin-bottom:1.25rem}.page-header h1{margin:0 0 .25rem;font-size:1.4rem}.page-header p{margin:0;color:var(--ink-muted);max-width:60ch}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem}.card h2{margin:0 0 .75rem;font-size:1.02rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.metric{display:flex;flex-direction:column;gap:.15rem}.metric .value{font-size:1.5rem;font-weight:650;font-variant-numeric:tabular-nums}.metric .label{color:var(--ink-muted);font-size:.85rem}.metric .meta{font-size:.75rem;color:var(--ink-muted)}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.pill:before{content:"●";font-size:.6rem}.pill.healthy,.pill.info,.pill.completed,.pill.published,.pill.connected,.pill.active{background:var(--ok-bg);color:var(--ok-ink)}.pill.warning,.pill.awaiting_approval,.pill.draft,.pill.recommended{background:var(--warn-bg);color:var(--warn-ink)}.pill.critical,.pill.failed,.pill.error,.pill.disconnected{background:var(--crit-bg);color:var(--crit-ink)}.pill.stale,.pill.unknown,.pill.not_configured,.pill.deferred,.pill.excluded,.pill.superseded,.pill.expired,.pill.cancelled,.pill.resolved,.pill.snoozed{background:var(--stale-bg);color:var(--stale-ink)}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);padding:2rem;text-align:center;color:var(--ink-muted)}.empty-state h3{color:var(--ink);margin:0 0 .35rem}.empty-state p{margin:0 auto 1rem;max-width:46ch}.error-state{background:var(--crit-bg);color:var(--crit-ink);border-radius:var(--radius);padding:1rem 1.25rem}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th,table.data td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--line);vertical-align:top}table.data th{color:var(--ink-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}button,.button{font:inherit;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:.45rem .9rem;cursor:pointer;text-decoration:none;display:inline-block}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}form.stack{display:flex;flex-direction:column;gap:1rem;max-width:480px}label.field{display:flex;flex-direction:column;gap:.3rem;font-weight:600}label.field .help{font-weight:400;color:var(--ink-muted);font-size:.85rem}input[type=text],input[type=email],select,textarea{font:inherit;padding:.5rem .65rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink)}.field-error{color:var(--crit-ink);font-size:.85rem;font-weight:500}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem;margin:0}fieldset legend{font-weight:650;padding:0 .35rem}.option-row{display:flex;align-items:flex-start;gap:.5rem;padding:.3rem 0;font-weight:400}.option-row .desc{color:var(--ink-muted);font-size:.85rem}.provenance{font-size:.75rem;color:var(--ink-muted)}.provenance abbr{text-decoration:none}details.trace{margin-top:.35rem}details.trace summary{cursor:pointer;font-size:.82rem;color:var(--accent)}details.trace ul{margin:.35rem 0 0;padding-left:1.1rem;font-size:.85rem}.toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.spacer{flex:1}.auth-panel{max-width:420px;margin:10vh auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}.auth-panel h1{margin-top:0}.attention-list,.evidence-list,.pill-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.attention-list li{display:flex;gap:.6rem;align-items:flex-start}.attention-list li p{margin:.1rem 0 0}.pill-list li{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;margin:0 0 1rem}dl.kv dt{color:var(--ink-muted);font-size:.85rem}dl.kv dd{margin:0}.live-status{margin:0 0 .75rem;min-height:1em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
