@import url('/preview/styles.css');

.demo-banner a { color: inherit; text-decoration: underline; }
.topbar .nav[hidden], [hidden] { display: none !important; }
.main { max-width: 1280px; }
.page-head { display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px; }
.page-head h1 { margin: 5px 0 8px; }
.user-chip { border:1px solid var(--border);border-radius:999px;padding:8px 14px;color:var(--muted);font-size:13px;white-space:nowrap; }
.view-grid { display:grid;grid-template-columns:minmax(260px, .8fr) minmax(0, 1.6fr);gap:18px;align-items:start; }
.card { background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:0 10px 35px rgba(0,0,0,.05);animation:build-surface var(--motion-page) var(--ease) both; }
.card h2 { margin-bottom:12px; }
.card p { margin-bottom:12px; }
.login-card { max-width:560px;margin:60px auto; }
.login-card h1 { margin:10px 0 16px; }
form { display:grid;gap:10px;margin-top:18px; }
label { font-weight:600;font-size:13px; }
input,select,textarea { display:block;width:100%;min-height:44px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-2);padding:10px 12px;color:var(--text); }
textarea { min-height:125px;resize:vertical; }
form .btn { justify-self:start;margin-top:6px; }
.candidate-list { display:grid;gap:9px; }
.candidate-item { display:block;width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px;min-height:60px; }
.candidate-item:hover,.candidate-item[aria-current="true"] { border-color:var(--lilac);box-shadow:0 0 0 3px var(--glow); }
.candidate-item strong,.candidate-item small { display:block; }
.candidate-item small { color:var(--muted);margin-top:4px; }
.stack { display:grid;gap:18px; }
.fact-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.fact { border:1px solid var(--border);border-radius:10px;padding:12px;min-width:0; }
.fact small { display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em; }
.fact strong { display:block;margin-top:4px;overflow-wrap:anywhere; }
.evidence-list { display:grid;gap:9px;list-style:none;padding:0;margin:0; }
.evidence-list li { border-left:3px solid var(--lilac);background:var(--surface-2);border-radius:0 9px 9px 0;padding:10px 12px; }
.evidence-list li[data-state="UNKNOWN"] { border-color:var(--warning); }
.evidence-list li[data-state="CONFLICTING"] { border-color:var(--danger); }
.evidence-list small { display:block;color:var(--muted); }
.decision-section { display:grid;gap:14px;border-top:1px solid var(--border);padding-top:18px; }
.decision-columns { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.decision-card { border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:14px;min-width:0; }
.decision-card h4 { margin:0 0 8px; }
.decision-card ul { margin:0;padding-left:18px; }
.decision-card p:last-child { margin-bottom:0; }
.fine-state { color:var(--muted);font-size:12px;font-family:var(--mono);overflow-wrap:anywhere; }
.decision-review { border:1px dashed var(--border-strong);border-radius:12px;padding:14px; }
.inline-note { background:var(--banner-bg);border:1px solid var(--border);border-radius:10px;padding:12px; }
.button-row { display:flex;gap:10px;flex-wrap:wrap; }
.status-bar { position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:40;pointer-events:none;max-width:min(90vw,700px); }
.status-bar:not(:empty) { background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:12px;padding:12px 16px;box-shadow:0 12px 30px var(--glow); }
.fine-print { margin-top:24px;color:var(--muted);font-size:13px; }
.fine-print a { color:var(--lilac); }
.audit-list { display:grid;gap:10px;padding-left:20px; }
.receipt { white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:14px;max-height:420px;overflow:auto;font-family:var(--mono);font-size:12px; }
@media(max-width:850px) { .topbar { grid-template-columns:1fr auto;gap:8px; } .topbar .nav { grid-column:1/-1;grid-row:2;overflow-x:auto; } .view-grid { grid-template-columns:1fr; } .page-head { flex-direction:column; } .decision-columns { grid-template-columns:1fr; } }
@media(max-width:520px) { .topbar { padding:10px; } .topbar-right .pill-status { display:none; } .main { padding:18px 14px 80px; } .card { padding:16px; } .fact-grid { grid-template-columns:1fr; } .nav-item { padding:0 10px; } }
@media(prefers-reduced-motion:reduce) { .card { animation:none; } }