:root{
  --bg:#f6f5f2; --card:#fff; --ink:#1b1a17; --muted:#7c776e; --line:#e4e1da;
  --accent:#8a5a2b; --hot:#b4402a; --ok:#2f7a49;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#16150f;--card:#1f1e18;--ink:#efece4;--muted:#9c968a;--line:#2f2d25;--accent:#d3a06a;--hot:#e0705a;--ok:#6dbb86}
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,Segoe UI,Roboto,sans-serif;
  padding-bottom:env(safe-area-inset-bottom)}
header{position:sticky;top:0;background:var(--card);border-bottom:1px solid var(--line);
  padding:10px 14px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;z-index:5}
.brand{font-weight:700;text-decoration:none;color:var(--ink)}
nav{display:flex;gap:14px;margin-left:auto;flex-wrap:wrap}
nav a{color:var(--accent);text-decoration:none}
.dot{background:var(--hot);color:#fff;border-radius:9px;padding:0 6px;font-size:12px}
main{max-width:760px;margin:0 auto;padding:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 12px}
.card.alert{border-color:var(--hot)}
h1{font-size:20px;margin:0 0 8px}h2{font-size:16px;margin:0 0 10px}
label{display:block;margin:0 0 10px;color:var(--muted);font-size:13px}
label.check{display:flex;gap:8px;align-items:center;color:var(--ink);font-size:15px}
input,select,textarea{width:100%;font:inherit;font-size:16px;padding:10px;border:1px solid var(--line);
  border-radius:8px;background:var(--bg);color:var(--ink);min-width:0}
label.check input,input[type=checkbox]{width:auto}
button{font:inherit;padding:10px 14px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}
button.ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}
button[disabled]{opacity:.45;cursor:default}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}
.row.actions{margin-top:8px}
.inline{display:flex;gap:6px;flex-wrap:wrap;align-items:center;flex:1;min-width:0}
.inline select{width:auto;flex:1;min-width:120px}
.muted{color:var(--muted)}
.err{color:var(--hot)}
.warn{background:#fff3cd;color:#5c4813;padding:8px 14px;font-size:14px}
.tabs{display:flex;gap:8px;margin-bottom:12px}
.tabs a{padding:6px 12px;border-radius:20px;text-decoration:none;color:var(--muted);border:1px solid var(--line)}
.tabs a.on{color:#fff;background:var(--accent);border-color:var(--accent)}
.lead-title{font-weight:600;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.lead-what{font-size:17px;margin:0 0 10px}
.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0}
.facts dt{color:var(--muted);font-size:13px}
.facts dd{margin:0;overflow-wrap:anywhere}
.note{white-space:pre-wrap;background:var(--bg);padding:10px;border-radius:8px}
.handoffs{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}
.handoffs li{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.handoff{border-top:1px solid var(--line);padding:10px 0}
.who{font-weight:600}
.status{font-size:13px;padding:2px 8px;border-radius:20px;border:1px solid var(--line);color:var(--muted)}
.s-taken,.s-called{color:var(--accent);border-color:var(--accent)}
.s-meeting,.s-contract{color:var(--ok);border-color:var(--ok)}
.s-lost,.s-passed{opacity:.6}
.wait{margin-left:auto;font-size:13px;color:var(--muted)}
.wait.hot{color:var(--hot);font-weight:600}
.builders{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}
.builders li{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.builders label{display:flex;gap:8px;align-items:center;margin:0;color:var(--ink);font-size:15px}
.builders li.done{opacity:.55}
.badge{background:var(--hot);color:#fff;border-radius:6px;padding:1px 7px;font-size:12px}
.events{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:5px;font-size:14px}