:root { color-scheme: dark; --ink:#e8ece7; --muted:#98a49d; --panel:#111917; --line:#2b3b36; --mint:#82d5b7; --amber:#e0b66b; --danger:#e4887f; }
* { box-sizing:border-box; }
body { margin:0; background:#080d0c; color:var(--ink); font:15px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
main { width:min(1120px,94vw); margin:0 auto; padding:40px 0 80px; }
.masthead,.proposal header,.toolbar,.actions,.status { display:flex; align-items:center; justify-content:space-between; gap:16px; }
h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:0; font-size:clamp(2rem,5vw,4rem); letter-spacing:-.07em; } h2 { margin:0; font-size:1.35rem; } h3 { color:var(--muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; }
.eyebrow,.proposal-id { color:var(--mint); text-transform:uppercase; letter-spacing:.12em; font-size:.75rem; margin-bottom:5px; }
.status { align-items:flex-end; flex-direction:column; }.status small { color:var(--muted); } #linkDot { width:9px;height:9px;border-radius:50%;background:var(--amber);position:absolute;margin:7px 98px 0 0; }.is-live #linkDot { background:var(--mint); }
.doctrine { border:1px solid var(--line); padding:14px 18px; margin:26px 0; display:flex; gap:18px; flex-wrap:wrap; background:#0d1412; }.doctrine span { color:var(--muted); }
.toolbar { justify-content:flex-start; margin:22px 0; }.toolbar label { color:var(--muted); }
button,select,input,textarea { font:inherit; color:var(--ink); background:#16211e; border:1px solid #40544d; border-radius:3px; padding:9px 12px; } button { cursor:pointer; } button:hover { border-color:var(--mint); } button:disabled { opacity:.5;cursor:not-allowed; }
.proposal-list { display:grid; gap:18px; }.proposal { border:1px solid var(--line); background:var(--panel); padding:22px; box-shadow:0 12px 30px #0004; }.class-tag { color:var(--amber); border:1px solid #6c5937; padding:4px 8px; text-transform:uppercase;font-size:.75rem; }
.change { font-size:1.08rem; margin:18px 0; }.excerpt { border-left:3px solid var(--mint);margin:14px 0;padding:8px 14px;background:#0b1210;color:#ced8d2; }
.metrics { display:flex;gap:20px;color:var(--muted);font-size:.8rem; }.risk { color:var(--danger); }.columns { display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px; }.columns section { border-top:1px solid var(--line);padding-top:12px; } pre { white-space:pre-wrap;color:#bec9c2; } .conflicts { color:var(--danger);padding-left:20px; }.no-conflict { color:var(--muted); }
details { margin-top:16px;border-top:1px solid var(--line);padding-top:12px; } summary { cursor:pointer;color:var(--mint); } label { display:grid;gap:6px;margin-top:12px;color:var(--muted);font-size:.8rem; } textarea { width:100%;min-height:90px;resize:vertical; }
.actions { justify-content:flex-start;flex-wrap:wrap;margin-top:18px; }.actions [data-action=approve] { border-color:var(--mint); }.actions [data-action=reject] { border-color:var(--danger); }.feedback { border:1px solid var(--mint);padding:10px 14px; }.feedback.error { border-color:var(--danger); }.empty { color:var(--muted);text-align:center;padding:50px; }
dl { display:grid;grid-template-columns:max-content 1fr;gap:6px 16px; } dt { color:var(--muted); } dd { margin:0;word-break:break-word; }
@media (max-width:700px) { .masthead { align-items:flex-start; }.columns { grid-template-columns:1fr; }.proposal { padding:16px; }.status { display:none; } }