:root{
  --bg:#f8f4ef; --panel:#fffdfb; --ink:#26221f; --muted:#81766f;
  --line:#e8ded6; --rose:#d9879b; --rose2:#f4dfe5; --blush:#f9ecef;
  --wine:#7e304b; --sage:#4d8a70; --amber:#b97928; --red:#bd4b5e;
  --shadow:0 10px 30px rgba(70,45,40,.07); --radius:18px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
aside{background:#211d1e;color:#fff;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}
.brand{font-weight:850;font-size:18px;padding:4px 10px 25px;letter-spacing:-.03em}
.brand span{color:#d9aab6;font-weight:500}
.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#8f8587;margin:20px 10px 8px}
.nav a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;color:#c9c1c2;text-decoration:none;margin:2px 0}
.nav a.active,.nav a:hover{background:#3a3033;color:#fff}
.nav a .count{margin-left:auto;font-size:10px;background:#45383c;border-radius:999px;padding:2px 7px;color:#e8c6cf}
.dot{width:7px;height:7px;border-radius:50%;background:#777;flex:none}
.active .dot{background:#e8a9b9}
.bottom{margin-top:auto;background:#30282b;border:1px solid #45383c;border-radius:14px;padding:14px;color:#d9d0d2;font-size:12px;line-height:1.5}
.bottom a{color:#e8a9b9;cursor:pointer}
main{padding:28px 34px 60px;max-width:1650px;width:100%;min-width:0}
.top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:16px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--wine);font-weight:800;margin-bottom:5px}
h1{margin:0;font-size:30px;letter-spacing:-.045em}
.hero-sub{color:var(--muted);margin-top:6px}
.quote{font-family:Georgia,serif;font-style:italic;color:var(--wine);font-size:13px;margin-top:9px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
button{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:9px 13px;font-weight:700;cursor:pointer;color:var(--ink);font:inherit;font-weight:700}
button:hover{border-color:var(--rose)}
button.primary{background:var(--wine);color:white;border-color:var(--wine)}
button.small{padding:5px 9px;font-size:11px;border-radius:8px}
button.ghost{background:transparent;border-color:transparent;color:var(--muted)}
button:disabled{opacity:.5;cursor:default}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.kpi{padding:17px}
.kpi .label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.kpi .num{font-size:27px;font-weight:850;margin-top:7px}
.kpi .delta{font-size:11px;margin-top:5px;color:var(--sage);font-weight:650}
.section{margin-top:20px}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;gap:10px}
.section-head h2{font-size:16px;margin:0;letter-spacing:-.02em}
.section-head span{font-size:11px;color:var(--muted)}
.workspace{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}
.panel{padding:18px}
.project{padding:14px;border:1px solid var(--line);border-radius:13px;margin-bottom:9px;background:#fff;cursor:pointer;display:block;color:inherit;text-decoration:none}
.project:hover{border-color:var(--rose)}
.project-top{display:flex;justify-content:space-between;gap:12px}
.project-name{font-weight:750}.project-meta{font-size:11px;color:var(--muted);margin-top:5px}
.status{font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;white-space:nowrap;letter-spacing:.05em;display:inline-block}
.s-green{background:#e7f3ed;color:var(--sage)} .s-amber{background:#fff3df;color:var(--amber)}
.s-red{background:#fbe9ed;color:var(--red)} .s-blue{background:#eee8f5;color:#72548d} .s-grey{background:#f0ebe8;color:var(--muted)}
.progress{height:5px;background:#eee9e5;border-radius:5px;margin-top:12px;overflow:hidden}
.progress i{display:block;height:100%;background:var(--rose);border-radius:5px}
.tags{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}.tag{background:#f5efec;padding:4px 7px;border-radius:6px;font-size:10px;color:#746963}
.agent{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.agent:last-child{border-bottom:0}.avatar{width:30px;height:30px;border-radius:9px;background:var(--rose2);color:var(--wine);display:grid;place-items:center;font-size:10px;font-weight:850;flex:none}
.agent b{font-size:12px}.agent small{display:block;color:var(--muted);margin-top:2px}
.online{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--sage);flex:none}
.online.idle{background:var(--amber)} .online.off{background:#cfc5bf}
.performance{padding:18px}
.performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.perf{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff;margin-bottom:12px;cursor:pointer}
.perf:hover{border-color:var(--rose)}
.perf-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.perf-name{font-weight:800;font-size:13px}.perf-desc{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.35}
.payout{text-align:right}.payout .money{font-size:21px;font-weight:850}.payout small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.bar{height:7px;background:#ece7e2;border-radius:9px;margin:12px 0 7px;overflow:hidden}.bar i{display:block;height:100%;border-radius:9px;background:var(--rose)}
.perf-foot{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.perf-foot b{color:var(--ink)}
.note{margin-top:9px;background:#faf5f1;border-radius:9px;padding:8px;font-size:10px;color:#6e625b;line-height:1.35}
.score-box{background:#2a2224;color:#fff;border-radius:15px;padding:18px}
.score-box .big{font-size:36px;font-weight:900;letter-spacing:-.04em}.score-box .muted{color:#c6b9bc;font-size:10px}
.score-bar{height:8px;background:#4a3a3f;border-radius:9px;margin:13px 0 7px}.score-bar i{display:block;height:100%;background:#e4a0b1;border-radius:9px}
.breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.breakdown div{background:#332a2d;border-radius:10px;padding:9px}.breakdown b{display:block;font-size:12px}.breakdown span{font-size:9px;color:#c6b9bc}
.table-wrap{overflow-x:auto}
.queue{width:100%;border-collapse:collapse}.queue th,.queue td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;font-size:11px;vertical-align:middle}.queue th{text-transform:uppercase;font-size:8px;letter-spacing:.08em;color:var(--muted)}
.queue tr.done td{opacity:.45}.queue tr.done b{text-decoration:line-through}
.queue tbody tr:hover{background:#fcf8f5}
.owner{font-weight:750}
.src{font-size:9px;color:var(--muted);display:block;margin-top:3px}
.check{width:18px;height:18px;border:1.5px solid var(--rose);border-radius:6px;background:#fff;cursor:pointer;display:grid;place-items:center;padding:0;font-size:11px;color:#fff}
.check.on{background:var(--sage);border-color:var(--sage)}
.command{background:#2a2224;color:#fff;padding:18px;border-radius:var(--radius);margin-top:16px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}
.command strong{font-size:14px}.command p{margin:5px 0 0;color:#c5b9bb;font-size:11px}.command button{background:#f5dce2;border-color:#f5dce2;color:var(--wine)}
.empty{color:var(--muted);font-size:12px;padding:16px 4px}
.feed{max-height:520px;overflow:auto}
.event{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
.event time{color:var(--muted);font-size:10px;white-space:nowrap;min-width:84px}
.event .who{font-weight:750;color:var(--wine);white-space:nowrap}
.lvl-alert{color:var(--red)} .lvl-warn{color:var(--amber)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:10px}
.metric{background:#faf5f1;border-radius:10px;padding:9px}.metric span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.metric b{font-size:16px}.metric small{font-size:9px;color:var(--muted)}
.intg{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.intg:last-child{border-bottom:0}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
pre{background:#2a2224;color:#f3e6ea;padding:14px;border-radius:12px;overflow:auto;line-height:1.5}
.keybox{background:#fff3df;border:1px solid #f0d9b0;padding:10px;border-radius:10px;word-break:break-all;margin:10px 0}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.chip{padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:11px;cursor:pointer;font-weight:650}
.chip.on{background:var(--wine);color:#fff;border-color:var(--wine)}
/* modal + drawer */
.overlay{position:fixed;inset:0;background:rgba(33,29,30,.35);display:none;z-index:40}
.overlay.show{display:block}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:var(--panel);border-radius:var(--radius);padding:22px;z-index:50;display:none;box-shadow:0 30px 80px rgba(0,0,0,.2)}
.modal.show{display:block}
.modal h3{margin:0 0 14px;font-size:17px}
label.f{display:block;font-size:11px;font-weight:700;color:var(--muted);margin:10px 0 4px;text-transform:uppercase;letter-spacing:.05em}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--rose2);border-color:var(--rose)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.modal-foot{display:flex;justify-content:space-between;gap:8px;margin-top:18px}
.drawer{position:fixed;top:0;right:0;height:100vh;width:min(440px,100vw);background:var(--panel);z-index:50;transform:translateX(100%);transition:transform .2s;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.12)}
.drawer.show{transform:none}
.drawer-head{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.chat{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.msg{padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.5;white-space:pre-wrap;max-width:92%}
.msg.user{background:var(--wine);color:#fff;align-self:flex-end}
.msg.assistant{background:#f5efec;align-self:flex-start}
.chat-form{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}
.suggest{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 10px}
.modal.wide{width:min(780px,calc(100vw - 32px))}
.lane-btns{display:inline-flex;gap:2px}
.kind-tag{font-size:8px;font-weight:800;letter-spacing:.06em;padding:2px 5px;border-radius:5px;margin-left:6px;vertical-align:middle}
.kind-decision{background:#eee8f5;color:#72548d}.kind-risk{background:#fbe9ed;color:var(--red)}
.perf-hint{font-size:10px;margin-top:7px;color:var(--wine);font-weight:650}
.perf-hint.done{color:var(--sage)}
.src-badge{font-size:9px;color:var(--muted);margin-top:5px}
.calc-row{border-top:1px solid var(--line);padding:11px 0}
.calc-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.calc-head b{font-size:12px}
.calc-pay{font-weight:850;font-size:15px}.calc-pay.up{color:var(--sage)}.calc-pay.down{color:var(--red)}
.calc-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:6px;margin-top:7px}
.calc-inputs label{font-size:9px;color:var(--muted);display:block}.calc-inputs input{padding:6px 8px;font-size:12px;margin-top:2px}
.calc-metric{font-size:10px;color:var(--muted);margin-top:5px}
.calc-total{background:#2a2224;color:#fff;border-radius:12px;padding:12px 14px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}
.calc-total b{font-size:20px}.calc-total span{font-size:11px}
.ed-input{display:grid;grid-template-columns:1.4fr .9fr .8fr 1fr auto;gap:6px;margin-bottom:6px;align-items:center}
.ed-input.linked{grid-template-columns:1.4fr .9fr .8fr 1fr auto}
.ed-input .ed-src{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr;gap:6px;margin:-2px 0 6px}
.ed-input input,.ed-input select{padding:7px 9px;font-size:12px}
.ed-preview{background:#faf5f1;border-radius:10px;padding:11px;margin-top:12px;font-size:12px;line-height:1.5}
.ed-preview b{font-size:15px}
@media(max-width:600px){.ed-input{grid-template-columns:1fr 1fr}}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#2a2224;color:#fff;padding:10px 16px;border-radius:10px;font-size:12px;z-index:60;display:none}
.toast.show{display:block}
/* login */
.login{min-height:100vh;display:grid;place-items:center;padding:16px}
.login .card{padding:28px;width:min(360px,100%)}
.mobile-bar{display:none}
/* ---------- phone / tablet ---------- */
.tabbar,.fab,.qcards{display:none}
html{-webkit-text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}
@media(max-width:1100px){
  .app{grid-template-columns:1fr}
  aside{display:none;position:fixed;inset:0 20% 0 0;z-index:45;height:100vh;height:100dvh;padding-top:calc(22px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  aside.open{display:flex}
  .mobile-bar{display:flex;justify-content:space-between;align-items:center;background:#211d1e;color:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;position:sticky;top:0;z-index:30}
  .mobile-bar button{background:#3a3033;color:#fff;border-color:#45383c}
  .mobile-bar .ask{background:var(--rose2);color:var(--wine);border-color:var(--rose2)}
  .workspace,.two{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:1fr}
  main{padding:18px 16px calc(96px + env(safe-area-inset-bottom))}
  .top{flex-direction:column;gap:12px}
  .hdr-global{display:none}
  /* bottom tab bar */
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:35;background:rgba(33,29,30,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #3a3033}
  .tabbar a,.tabbar button{background:none;border:0;color:#a99b9f;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:650;text-decoration:none;padding:6px 0;position:relative;min-height:48px;justify-content:center;border-radius:12px}
  .tabbar svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .tabbar .on{color:#fff}.tabbar .on svg{stroke:#e8a9b9}
  .tabbar .badge{position:absolute;top:2px;left:calc(50% + 6px);background:var(--rose);color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;padding:0 4px}
  .fab{display:grid;place-items:center;position:fixed;right:18px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:34;width:56px;height:56px;border-radius:50%;background:var(--wine);color:#fff;border:0;font-size:28px;font-weight:400;box-shadow:0 10px 24px rgba(126,48,75,.35);padding:0}
  /* touch-friendly controls */
  button{min-height:40px}
  button.small{min-height:34px;padding:7px 11px;font-size:12px}
  input,select,textarea{font-size:16px}
  .chip{padding:8px 13px;font-size:12px}
  /* bottom-sheet modal */
  .modal{top:auto;bottom:0;left:0;transform:translateY(0);width:100%!important;max-height:calc(100dvh - env(safe-area-inset-top) - 24px);border-radius:20px 20px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));animation:sheet .22s ease-out}
  .modal::before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:#e2d7d0;margin:0 auto 12px}
  .modal-foot{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));background:var(--panel);margin:18px -18px calc(-18px - env(safe-area-inset-bottom));padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
  .modal-foot .actions button{min-width:90px}
  @keyframes sheet{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
  .drawer{width:100vw;padding-top:env(safe-area-inset-top)}
  .chat-form{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(140px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);text-align:center}
  /* action cards instead of the table */
  .queue-table{display:none}
  .qcards{display:block}
  .qcard{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
  .qcard:last-child{border-bottom:0}
  .qswipe{display:flex;gap:12px;align-items:flex-start;padding:13px 2px;background:var(--panel);position:relative;z-index:1;transition:transform .18s ease}
  .qcard.dragging .qswipe{transition:none}
  .qbg{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-weight:800;font-size:12px;color:#fff}
  .qbg .l{color:#fff}.qcard .qbg{background:var(--sage)}.qcard.left .qbg{background:var(--amber)}
  .check{width:28px;height:28px;border-radius:9px;font-size:15px;flex:none;margin-top:1px;min-height:0}
  .qbody{flex:1;min-width:0}
  .qtitle{font-weight:750;font-size:14px;line-height:1.3}
  .qtitle .status{margin-right:6px;vertical-align:1px}
  .qmeta{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.4}
  .qbtns{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
  .qbtns button{background:#f5efec;border-color:transparent;font-size:12px;min-height:32px;padding:6px 10px}
  .qcard.done .qtitle{text-decoration:line-through;opacity:.5}
  /* KPI page order on phone: score, cards, calculator */
  .kpi-layout{display:flex;flex-direction:column;gap:14px}
  .calc-inputs input{font-size:16px;padding:8px}
  .perf:hover{border-color:var(--line)}
  .panel,.performance{padding:14px}
}
@media(max-width:520px){
  .row2{grid-template-columns:1fr}.command{grid-template-columns:1fr}h1{font-size:25px}
  .kpi{padding:14px}.kpi .num{font-size:24px}
  .score-box .big{font-size:32px}
  .payout .money{font-size:19px}
}
@media(min-width:1101px){
  .kpi-layout{display:grid;grid-template-columns:1.4fr .6fr;grid-template-areas:"cards score" "cards calc";gap:16px;align-items:start}
  .k-cards{grid-area:cards}.k-score{grid-area:score}.k-calc{grid-area:calc}
}
/* ---------- people, task detail ---------- */
.av{width:24px;height:24px;border-radius:50%;color:#fff;font-size:10px;font-weight:800;display:inline-grid;place-items:center;flex:none;letter-spacing:0}
.av.lg{width:44px;height:44px;font-size:16px}
.avs{display:inline-flex;vertical-align:middle;margin-right:6px}.avs .av{margin-left:-6px;border:2px solid var(--panel)}.avs .av:first-child{margin-left:0}
.pchips{display:flex;flex-wrap:wrap;gap:6px}
.pchip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 4px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:650;cursor:pointer;min-height:34px;color:var(--ink)}
.pchip.on{background:var(--wine);color:#fff;border-color:var(--wine)}
.pchip.on .av{box-shadow:0 0 0 2px #fff}
.back{display:inline-block;color:var(--wine);text-decoration:none;font-weight:700;margin-bottom:10px;font-size:13px;cursor:pointer}
.task-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:start}
.task-head{display:flex;gap:12px;align-items:flex-start}
.task-head .check{width:30px;height:30px;margin-top:6px;font-size:16px}
.task-title{flex:1;border:0;background:transparent;font:800 26px/1.2 inherit;letter-spacing:-.03em;resize:none;padding:2px 0;color:var(--ink);outline:none;overflow:hidden}
.task-title:focus{background:#fff;outline:2px solid var(--rose2);border-radius:8px}
.task-done .task-title{text-decoration:line-through;color:var(--muted)}
.task-pills{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}
.task-pills select{width:auto;padding:6px 10px;font-size:12px;font-weight:700;border-radius:999px}
.sub{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.sub:last-of-type{border-bottom:0}
.sub .check{width:22px;height:22px;font-size:12px;min-height:0}
.sub input.sub-title{border:0;background:transparent;padding:4px 2px;font-size:14px;flex:1;min-width:0}
.sub input.sub-title:focus{background:#fff}
.sub.done input.sub-title{text-decoration:line-through;color:var(--muted)}
.sub select{width:auto;max-width:120px;padding:5px 8px;font-size:12px}
.sub-new{display:flex;gap:8px;margin-top:10px}
.sub-new input{flex:1}
.sub-new select{width:auto;max-width:130px}
.comment{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}
.comment b{font-size:12px}.comment time{font-size:10px;color:var(--muted);margin-left:6px}
.comment p{margin:3px 0 0;white-space:pre-wrap}
.comment .mention{color:var(--wine);font-weight:700}
.prog{font-size:10px;color:var(--muted);font-weight:650}
.danger-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.person-head{display:flex;gap:14px;align-items:center}
.sublist .sub{padding:9px 0}
.sublist .parent{font-size:11px;color:var(--muted);text-decoration:none;display:block}
.linkbox{display:flex;gap:8px;margin-top:10px}.linkbox input{font-size:12px}
@media(max-width:1100px){
  .task-layout{grid-template-columns:1fr}
  .task-title{font-size:22px}
  .pchip{min-height:38px}
  .sub{padding:10px 0}
  .sub .check{width:26px;height:26px}
}
/* ---------- Alex's list ---------- */
.alex-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.alex-col{border-radius:var(--radius);padding:14px}
.alex-col.solve{background:#f9ebe8}.alex-col.proj{background:#f1ece6}
.alex-col h2{font-size:16px;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.alex-col h2 small{color:var(--muted);font-weight:600;font-size:12px}
.alex-col h2 em{margin-left:auto;font-style:normal;font-size:11px;color:var(--muted);font-weight:600}
.acard{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer;box-shadow:0 2px 8px rgba(70,45,40,.04)}
.acard:hover{border-color:var(--rose)}
.acard .n{font-family:Georgia,serif;color:#c0573f;font-size:20px;min-width:22px;text-align:center;line-height:1.1}
.acard .t{font-weight:650;font-size:14px}
.acard .m{font-size:11px;color:var(--muted);margin-top:4px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.due-badge{background:#c0392b;color:#fff;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700}
.due-badge.soon{background:#e9a23b}.due-badge.later{background:#eee6df;color:var(--ink)}
.rev-pill{background:#e7f3ed;color:var(--sage);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:800}
.label-dot{width:10px;height:10px;border-radius:3px;display:inline-block}
.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;user-select:none}
.switch input{display:none}
.switch i{width:44px;height:26px;border-radius:13px;background:#ddd3cc;position:relative;transition:.15s;flex:none}
.switch i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.15s}
.switch input:checked + i{background:var(--sage)}
.switch input:checked + i::after{left:21px}
.kv{display:grid;grid-template-columns:90px 1fr;gap:10px 14px;align-items:center;font-size:13px;margin:12px 0}
.kv > span{color:var(--muted)}
.bell{position:relative}
.bell .badge{position:absolute;top:-6px;right:-6px;background:#c0573f;color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.notif{padding:11px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px}
.notif.unread{background:#fdf6f3;margin:0 -18px;padding:11px 18px}
.notif b{font-weight:750}.notif small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.notif .txt{color:var(--ink);margin-top:3px}
.alex-strip{background:#f9ebe8;border-radius:var(--radius);padding:14px;margin-top:16px}
@media(max-width:1100px){.alex-cols{grid-template-columns:1fr}.acard{padding:13px}.kv{grid-template-columns:76px 1fr}}
/* ---------- agents & review ---------- */
.review-banner{background:#e7f3ed;border:1px solid #cfe6da;border-radius:14px;padding:12px 14px;margin:12px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.review-banner b{color:var(--sage)}.review-banner .actions{margin-left:auto}
.working-banner{background:#f5efec;border-radius:14px;padding:12px 14px;margin:12px 0;font-size:13px}
.working-banner::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--rose);margin-right:8px;animation:pulse 1s infinite alternate}
@keyframes pulse{from{opacity:.3}to{opacity:1}}
.review-list{background:#eef6f1;border-radius:var(--radius);padding:14px;margin-bottom:16px}
.agent-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;margin-bottom:12px}
.agent-card h3{margin:0 0 4px;font-size:15px;display:flex;align-items:center;gap:8px}
.agent-card ol{margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.6;color:#4a4240}
.agent-card .actions{margin-top:12px}
details.dev summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--muted)}
.instructions{white-space:pre-wrap;font-family:ui-monospace,Menlo,monospace;font-size:11px;background:#2a2224;color:#f3e6ea;border-radius:12px;padding:12px;max-height:280px;overflow:auto;margin-top:10px}