:root{--bg: #0f1216;--panel: #171b21;--panel-2: #1e242c;--border: #2a323c;--text: #e6ebf0;--muted: #8b98a8;--accent: #4f8cff;--good: #35c28b;--warn: #f0a742;--danger: #f2555a;--radius: 8px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}code{background:var(--panel-2);padding:1px 5px;border-radius:4px;font-size:12px}.muted{color:var(--muted)}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;cursor:pointer;font-size:14px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font:inherit}textarea{width:100%;resize:vertical}.shell{display:flex;height:100%}.sidebar{width:230px;flex:0 0 230px;background:var(--panel);border-right:1px solid var(--border);padding:18px 12px}.brand{font-weight:700;font-size:18px;padding:6px 10px 18px}.nav-group+.nav-group{margin-top:18px}.nav-group-title{padding:0 12px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.7}.nav-item{display:block;padding:9px 12px;border-radius:var(--radius);color:var(--muted);margin-bottom:2px}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active{background:var(--panel-2);color:var(--text);border-left:2px solid var(--accent)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--border);background:var(--panel)}.spacer{flex:1}.mode-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.mode-badge.oidc{color:var(--good);border-color:var(--good)}.mode-badge.dev{color:var(--warn);border-color:var(--warn)}.identity{color:var(--muted);font-size:13px}.tenant-select{padding:5px 8px}.content{padding:24px 26px;overflow:auto}.login{display:grid;place-items:center;height:100%}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:32px;width:380px}.login-card h1{margin-top:0;font-size:20px}.dev-login{display:flex;flex-direction:column;gap:12px}.dev-login label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.hint{color:var(--muted);font-size:12px}.err{color:var(--danger);background:#f2555a1a;border:1px solid rgba(242,85,90,.35);border-radius:var(--radius);padding:8px 12px;margin:12px 0}.playground h1,.placeholder h1{margin:0 0 4px}.subtitle{color:var(--muted);margin:0 0 18px}.principals-bar{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;margin-bottom:16px}.principals-bar input{min-width:260px}.query-box{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.query-actions{display:flex;gap:10px;margin-top:12px}.result{display:grid;grid-template-columns:1fr 300px;gap:18px;margin-top:20px}.answer{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.citations{list-style:none;padding:12px 0 0;margin:14px 0 0;border-top:1px solid var(--border)}.citations li{padding:4px 0;color:var(--muted);font-size:13px}.cite-idx{color:var(--accent);font-weight:700;margin-right:6px}.score{color:var(--muted)}.trace{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;height:fit-content}.trace-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.trace-row:last-child{border-bottom:none}.trace-row span{color:var(--muted)}.fail-closed{background:#35c28b1a;border:1px solid rgba(53,194,139,.35);color:var(--good);border-radius:var(--radius);padding:8px 10px;font-size:12px;margin:10px 0}.loading{display:grid;place-items:center;height:100%;color:var(--muted)}.thread .turns{list-style:none;margin:0;padding:0}.turn{padding:12px 0;border-bottom:1px solid var(--border)}.turn:last-child{border-bottom:none}.turn-user .turn-body{color:var(--muted)}.turn-open{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px;padding:6px 0 0}.answer-body{display:flex;flex-direction:column;gap:2px}.seg{display:block;border-left:2px solid var(--border);padding-left:10px;margin-bottom:8px}.seg-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.seg-grounded{border-left-color:var(--good)}.seg-grounded .seg-label{color:var(--good)}.seg-recalled{border-left-color:var(--accent)}.seg-recalled .seg-label{color:var(--accent)}.seg-thinking{border-left-color:var(--warn);border-left-style:dashed}.seg-thinking .seg-label{color:var(--warn)}.seg-unlabelled{border-left-color:var(--danger)}.seg-unlabelled .seg-label{color:var(--danger)}.seg-cite{color:var(--accent);margin-left:3px}.seg-abstained{color:var(--muted);border-left:2px solid var(--border);padding-left:10px;margin:0}.thread-expiry{color:var(--muted);font-size:12px;border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.approval-card,.recall-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:14px}.approval-card.decided{opacity:.75}.approval-card.flagged{border-color:var(--warn);border-left-width:3px}.approval-flag{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;padding:10px 12px;border-radius:8px;border:1px solid var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent)}.approval-flag-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--warn)}.approval-flag-reason{margin:0;font-size:13px}.approval-gate-note{margin:10px 0 0;font-size:12px;color:var(--muted)}.approval-head,.recall-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.approval-kind,.recall-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.approval-expiry{font-size:12px;color:var(--warn)}.approval-status.approved{color:var(--good)}.approval-status.declined,.approval-status.expired{color:var(--danger)}.approval-summary{margin:0 0 10px}.approval-meta,.recall-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted);margin-bottom:12px}.approval-actions{display:flex;gap:10px}.approval-decline label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);margin-bottom:10px}.recall-quote{margin:0 0 12px;padding-left:12px;border-left:2px solid var(--accent);font-size:15px}.recall-reopen{border-top:1px solid var(--border);padding-top:10px;font-size:12px;color:var(--muted)}.recall-reopen-met{color:var(--warn)}.recall-conditions{margin:8px 0;padding-left:18px}.recall-conditions li.met{color:var(--warn)}.recall-note{margin:8px 0 0;font-style:italic}.cite-chip{background:none;border:none;padding:0 2px;font:inherit;font-size:11px;vertical-align:super;color:var(--accent);cursor:pointer}.cite-chip:hover{text-decoration:underline}.cite-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.cite-status{margin-left:6px;font-size:12px;color:var(--muted)}.cite-passage{display:block;margin:6px 0 6px 12px;padding:8px 12px;border-left:2px solid var(--accent);background:var(--panel-2);border-radius:0 var(--radius) var(--radius) 0;font-size:13px;color:var(--text)}.receipt{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.receipt-count{font-weight:600;color:var(--text)}.receipt-absent{font-weight:400;color:var(--muted);font-style:italic}.receipt-faith:before{content:"·";margin-right:8px;opacity:.5}.receipt-faith-pass{color:var(--good)}.receipt-faith-fail{color:var(--warn)}.proposal-snapshot{margin:8px 0 4px}.snapshot-toggle{background:none;border:none;padding:0;font:inherit;font-size:12px;color:var(--accent);cursor:pointer}.snapshot-toggle:hover{text-decoration:underline}.snapshot-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.snapshot-status{display:block;margin:6px 0 0;font-size:12px;color:var(--muted)}.snapshot-unreadable{color:var(--warn)}.snapshot-lines{margin:8px 0 0;padding:8px 12px;list-style:none;border-left:2px solid var(--border);background:var(--panel-2);border-radius:0 var(--radius) var(--radius) 0;font-size:13px}.snapshot-line+.snapshot-line{margin-top:6px}.snapshot-role{margin-right:8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.recall-verdict{font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.recall-verdict-revisit{color:var(--warn);border-color:var(--warn)}.proposal-diff{margin:8px 0 4px}.diff-toggle{background:none;border:none;padding:0;font:inherit;font-size:12px;color:var(--accent);cursor:pointer}.diff-toggle:hover{text-decoration:underline}.diff-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.diff-status{display:block;margin:6px 0 0;font-size:12px;color:var(--muted)}.diff-unavailable{color:var(--warn)}.diff-body{margin:8px 0 0;padding:10px 12px;border-left:2px solid var(--border);background:var(--panel-2);border-radius:0 var(--radius) var(--radius) 0}.diff-count{margin:0 0 8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.diff-fields{margin:0}.diff-field+.diff-field{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.diff-field dt{display:flex;align-items:baseline;gap:8px;margin:0 0 6px}.diff-label{font-size:12px;color:var(--text)}.diff-state{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.diff-changed .diff-state{color:var(--accent)}.diff-unknown .diff-state{color:var(--warn)}.diff-field dd{margin:0}.diff-field pre{margin:0;padding:6px 8px;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.diff-sides{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 640px){.diff-sides{grid-template-columns:1fr}}.diff-side-label{display:block;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.diff-unknown-note{margin:0;font-size:12px;color:var(--warn)}.diff-note{margin:10px 0 0;font-size:12px;color:var(--muted)}.access h1{margin:0 0 4px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h2{font-size:15px;margin:0}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid{width:100%;border-collapse:collapse;font-size:13px}.grid th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;border-bottom:1px solid var(--border)}.grid td{padding:10px;border-bottom:1px solid var(--border);vertical-align:top}.user-email{font-weight:600}.small{font-size:11px}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:2px 4px 2px 10px;font-size:12px}.chip-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:0 4px}.chip-x:hover{color:var(--danger)}.add-picker{padding:3px 6px;font-size:12px;color:var(--muted)}.simple-list{list-style:none;padding:0;margin:0 0 12px}.simple-list li{padding:5px 0;border-bottom:1px solid var(--border);font-size:13px}.inline-form{display:flex;gap:8px;align-items:center}.inline-form.wrap{flex-wrap:wrap;margin-top:12px}.status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.status.active{color:var(--good);border-color:var(--good)}.status.revoked{color:var(--danger);border-color:var(--danger)}.status.expired{color:var(--warn);border-color:var(--warn)}.status.partial{color:var(--muted);border-color:var(--muted)}.btn.small{padding:4px 10px;font-size:12px}.key-callout{background:#f0a7421a;border:1px solid rgba(240,167,66,.4);border-radius:var(--radius);padding:12px 14px;margin-bottom:12px;font-size:13px}.key-value{display:flex;gap:8px;align-items:center;margin-top:8px}.key-value code{flex:1;overflow-x:auto;white-space:nowrap;padding:6px 10px}.verify-bar{display:flex;align-items:center;gap:12px}.err.inline{margin:0;padding:4px 10px}.filters{display:flex;gap:10px;margin-bottom:14px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.load-more{display:flex;justify-content:center;margin-top:14px}