:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f0f2f6;--border:#d8dce4;--text:#16181d;--text-muted:#5b6373;--accent:#1f5fa9;--accent-contrast:#fff;--ok:#1b6e3c;--warn:#8a5a00;--danger:#a32020;--synthetic-bg:#fff4d6;--synthetic-fg:#6b4a00;--radius:8px;--focus:#0b63ce}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--surface:#1c1f25;--surface-2:#23272f;--border:#363b45;--text:#e9ecf1;--text-muted:#a3abb9;--accent:#6ea8f0;--accent-contrast:#10131a;--ok:#66c98c;--warn:#e5b45c;--danger:#f08a8a;--synthetic-bg:#3a3214;--synthetic-fg:#f0d79a;--focus:#8cc2ff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{background:var(--accent);color:var(--accent-contrast);z-index:100;padding:.6rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.banner{background:var(--synthetic-bg);color:var(--synthetic-fg);text-align:center;border-bottom:1px solid var(--border);padding:.55rem 1rem;font-size:.86rem;font-weight:600}header.app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}header.app-header h1{margin:0;font-size:1.1rem}.brand-lockup{flex-wrap:wrap;flex:auto;align-items:center;gap:.5rem .75rem;min-width:0;display:flex}.brand-lockup h1{flex:none}.brand-lockup .identity-chip{flex-basis:100%}.login picture img{margin:0 auto .75rem;display:block}@media (width<=620px){.brand-lockup img{width:220px!important}.login picture img{width:240px!important}}.identity-chip{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}main{max-width:1180px;margin:0 auto;padding:1rem}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}label{margin-bottom:.25rem;font-size:.82rem;font-weight:600;display:block}select,input,textarea,button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .6rem}textarea{resize:vertical;width:100%;min-height:4.5rem}fieldset input:not([type=radio]):not([type=checkbox]),fieldset textarea,fieldset select,details.card>label+input,details.card>label+textarea{box-sizing:border-box;width:100%;max-width:100%}fieldset{border:1px solid var(--border);border-radius:var(--radius);min-width:0;margin:0 0 1rem;padding:.75rem .9rem 1rem}fieldset>legend{padding:0 .35rem;font-size:.85rem;font-weight:700}fieldset input+label,fieldset textarea+label,fieldset select+label,fieldset p+label{margin-top:.75rem}textarea.reason{min-height:3.5rem}@media (width<=620px){fieldset{padding:.6rem .65rem .8rem}fieldset input:not([type=radio]):not([type=checkbox]),fieldset textarea{padding:.55rem .6rem;font-size:16px}}button{cursor:pointer;background:var(--accent);color:var(--accent-contrast);border-color:#0000;font-weight:600}button.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}button:disabled{opacity:.55;cursor:not-allowed}[role=tablist]{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}[role=tab]{color:var(--text-muted);background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;padding:.6rem .85rem;font-weight:600}[role=tab][aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:.85rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem}.card h3{margin:0 0 .35rem;font-size:.9rem}.metric-value{letter-spacing:-.02em;font-size:1.85rem;font-weight:700}.metric-value.unavailable{color:var(--text-muted);font-size:1.05rem;font-weight:600}.delta{margin-top:.15rem;font-size:.86rem;font-weight:600}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}.delta.none{color:var(--text-muted);font-weight:500}.meta{color:var(--text-muted);margin-top:.5rem;font-size:.74rem;line-height:1.45}.meta dt{font-weight:600;display:inline}.meta dd{margin:0 0 0 .25rem;display:inline}.meta div{margin-bottom:.1rem}.comparisons{margin:.4rem 0 .2rem}.comparison{border-top:1px solid var(--border);padding:.3rem 0}.comparison:first-child{border-top:none}.comparison-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.72rem;font-weight:700;display:block}.comparison .delta{margin:.1rem 0 0}.comparison .meta{margin-top:.15rem}h4{margin:1.25rem 0 .5rem;font-size:.95rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.tag{text-transform:uppercase;letter-spacing:.03em;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:.12rem .4rem;font-size:.68rem;font-weight:700;display:inline-block}.tag.synthetic{background:var(--synthetic-bg);color:var(--synthetic-fg);border-color:#0000}.tag.live{background:var(--surface-2);color:var(--text-muted)}.tag.ok{color:var(--ok)}.tag.warn{color:var(--warn)}.tag.danger{color:var(--danger)}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.5rem .6rem}th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.76rem}.table-scroll{overflow-x:auto}.notice{border-left:4px solid var(--accent);background:var(--surface);border-radius:var(--radius);margin-bottom:.6rem;padding:.6rem .8rem;font-size:.87rem}.notice.warning{border-left-color:var(--warn)}.notice.error{border-left-color:var(--danger)}.state{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:2rem 1rem}.login{max-width:560px;margin:2.5rem auto}.login ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.login button.identity{text-align:left;background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);padding:.7rem .85rem}.login button.identity strong{display:block}.login button.identity span{color:var(--text-muted);font-size:.8rem;font-weight:400}.field-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=620px){header.app-header{flex-direction:column;align-items:flex-start}main{padding:.75rem}.grid{grid-template-columns:1fr}}label[for=mode-template],label[for=mode-ai]{justify-content:flex-start;align-items:center;gap:.75rem;min-height:44px;display:flex}label[for=mode-template] input,label[for=mode-ai] input{flex:none;order:0;width:auto;margin:0;padding:0}button.link{color:var(--accent);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;min-height:auto;margin:0;padding:0;font-weight:600;text-decoration:underline}button.link:hover{text-decoration:none}.row{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.runs,.observations{margin:.5rem 0;padding:0;font-size:.85rem;line-height:1.55;list-style:none}.runs li,.observations li{border-left:3px solid var(--border);background:var(--surface-2);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:.5rem;padding:.5rem .65rem}.card h4{margin:0 0 .35rem;font-size:.88rem}@media (width<=480px){.row{flex-direction:column}.row button{width:100%}}.connector-card{margin-bottom:1rem}.connector-state{border-radius:var(--radius);border-left:3px solid var(--border);background:var(--surface-2);margin:0 0 .5rem;padding:.5rem .65rem;font-size:.85rem;line-height:1.5}.connector-state-unavailable{border-left-color:var(--danger)}.connector-state-mock{border-left-color:var(--warn);background:var(--synthetic-bg);color:var(--synthetic-fg)}.connector-state-ready{border-left-color:var(--ok)}.connector-blockers{color:var(--text-muted);margin:.25rem 0 .75rem;padding-left:1.1rem;font-size:.8rem;line-height:1.5}.connector-blockers li{margin-bottom:.2rem}.connector-facts{grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:0 0 .75rem;font-size:.8rem;display:grid}.connector-facts dt{color:var(--text-muted)}.connector-facts dd{margin:0;font-weight:600}.connector-history{margin:.5rem 0 0;padding-left:1.1rem;font-size:.8rem;line-height:1.55}.connector-history li{margin-bottom:.35rem}@media (width<=480px){.connector-facts{grid-template-columns:1fr;gap:0}.connector-facts dd{margin-bottom:.4rem}}