:root { --bg:#0f1115; --panel:#1a1d24; --ink:#e6e8ee; --muted:#8b90a0; --line:#2a2e38; --accent:#4c8bf5; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; }
.oc-header { padding:16px 24px; border-bottom:1px solid var(--line); }
.oc-header h1 { margin:0; font-size:18px; }
.oc-sub { margin:2px 0 0; color:var(--muted); font-size:12px; }
.oc-main { padding:24px; }
.oc-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; }
.panel { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:16px; }
.panel h2 { margin:0 0 12px; font-size:14px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); }
.empty { color:var(--muted); font-style:italic; }
@media (max-width:600px){ .oc-main{ padding:16px; } }
.attn-list,.approval-list,.run-list,.blocked-list,.activity-list{list-style:none;margin:0;padding:0;}
.attn,.run,.blk,.act{padding:6px 0;border-bottom:1px solid var(--line);font-size:14px;}
.attn.urgent a{color:var(--accent);font-weight:600;text-decoration:none;}
.attn.warn,.act.level-error{color:#ff6b6b;}
.badge{background:var(--line);border-radius:4px;padding:1px 6px;font-size:11px;margin-right:6px;text-transform:uppercase;}
.draft{background:#0d0f14;border:1px solid var(--line);border-radius:6px;padding:8px;white-space:pre-wrap;font-size:12px;color:var(--muted);max-height:120px;overflow:auto;}
.approval-actions{display:flex;gap:8px;margin-top:8px;}
.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px;}
.btn.approve{border-color:#2e7d46;} .btn.reject{border-color:#7d2e2e;}
.reason{color:#ff6b6b;margin-left:6px;font-size:12px;}
.cat{color:var(--accent);margin-right:6px;} .who{color:var(--muted);margin-right:6px;}
.since,.ref{color:var(--muted);font-size:11px;margin-left:6px;}
.login{max-width:360px;margin:40px auto;} .login label{display:block;margin:10px 0;}
.login input{width:100%;padding:8px;background:#0d0f14;border:1px solid var(--line);border-radius:6px;color:var(--ink);}
.error{color:#ff6b6b;} .logout{margin-top:8px;}
.oc-nav{margin-top:8px;display:flex;gap:14px;}
.oc-nav a{color:var(--accent);text-decoration:none;font-size:13px;}
.funnel{margin-bottom:12px;} .funnel h3{margin:0 0 6px;font-size:12px;color:var(--muted);text-transform:uppercase;}
.funnel-list,.discovery-list,.followup-list{list-style:none;margin:0;padding:0;}
.funnel-stage{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--line);font-size:14px;}
.funnel-stage .stage-count{font-weight:600;}
.discovery,.followup{padding:6px 0;border-bottom:1px solid var(--line);font-size:14px;}
.discovery .meta,.followup .due{color:var(--muted);font-size:12px;margin-left:6px;}
.discovery .fit{color:var(--accent);font-size:12px;margin-left:6px;}
.note{color:var(--muted);font-size:13px;} .note a{color:var(--accent);}