/* styles.css — Raise OS · warm beige + clay system */
:root{
  --bg:#f0eadf; --surface:#fbf8f2; --surface-2:#f3eee3; --surface-3:#eae2d3;
  --border:#e6ddcc; --border-strong:#d6cab2;
  --ink:#292420; --ink-2:#6a6256; --ink-3:#9b9285;
  --primary:#c96442; --primary-2:#b5552f; --primary-tint:#f4e6dd; --primary-tint-2:#edd6c8;
  --green:#3f9560; --green-tint:#e6f0e3;
  --amber:#c08a2a; --amber-tint:#f6edd6;
  --rose:#c4504f; --rose-tint:#f6e3df;
  --sans:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --mono:'Geist Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --shadow:0 1px 2px rgba(60,45,30,.04),0 2px 8px rgba(60,45,30,.04);
  --shadow-lg:0 8px 30px rgba(60,45,30,.10),0 2px 8px rgba(60,45,30,.05);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;height:100%;background:var(--bg);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;}
#root{height:100%;}
.mono{font-family:var(--mono);font-feature-settings:"tnum" 1;letter-spacing:-.01em;}
button{font-family:inherit;cursor:pointer;}
::selection{background:var(--primary-tint-2);}

/* layout */
.app{display:flex;height:100vh;overflow:hidden;}
.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;}

/* sidebar */
.side{width:238px;flex:none;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;}
.brand{display:flex;align-items:center;gap:11px;padding:18px 18px 15px;}
.logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(150deg,var(--primary),#e08a5f);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:15px;flex:none;}
.brand .bt b{font-size:15px;font-weight:600;letter-spacing:-.02em;display:block;line-height:1.1;}
.brand .bt span{font-size:11px;color:var(--ink-3);font-family:var(--mono);}
.nav{padding:6px 12px;display:flex;flex-direction:column;gap:2px;}
.navi{display:flex;align-items:center;gap:11px;padding:8px 11px;border-radius:9px;color:var(--ink-2);font-size:13px;font-weight:500;background:none;border:none;text-align:left;width:100%;transition:background .12s,color .12s;}
.navi .ic{width:16px;height:16px;flex:none;color:var(--ink-3);transition:color .12s;}
.navi:hover{background:var(--surface-2);color:var(--ink);}
.navi.on{background:var(--primary-tint);color:var(--primary-2);}
.navi.on .ic{color:var(--primary);}
.side-foot{margin-top:auto;padding:12px;border-top:1px solid var(--border);}
.engine{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;background:var(--surface-2);}
.edot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-tint);flex:none;animation:pulse 2.4s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}
.engine small{font-size:11px;color:var(--ink-2);line-height:1.4;font-family:var(--mono);}
.engine small b{color:var(--ink);font-weight:600;}

/* collapsible sidebar */
.side{transition:width .16s ease;}
.side-toggle{margin-left:auto;width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink-2);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer;transition:background .12s,color .12s;}
.side-toggle:hover{background:var(--surface);color:var(--ink);}
.side.collapsed{width:60px;}
.side.collapsed .brand{flex-direction:column;justify-content:center;padding:14px 0 12px;gap:8px;}
.side.collapsed .brand .bt{display:none;}
.side.collapsed .side-toggle{margin-left:0;}
.side.collapsed .nav{padding:6px 8px;}
.side.collapsed .navi{justify-content:center;gap:0;padding:10px 0;}
.side.collapsed .navlbl{display:none;}
.side.collapsed .side-foot{padding:10px 8px;}
.side.collapsed .engine{justify-content:center;padding:10px 0;}
.side.collapsed .engine small{display:none;}

/* topbar */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 26px;border-bottom:1px solid var(--border);background:var(--surface);flex:none;}
.topbar h1{margin:0;font-size:18px;font-weight:600;letter-spacing:-.02em;}
.topsub{font-size:12px;color:var(--ink-3);margin-top:3px;text-transform:uppercase;letter-spacing:.03em;}
.topactions{display:flex;gap:8px;align-items:center;}

/* pills + buttons */
.qpill{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--border);border-radius:9px;font-size:12px;color:var(--ink-2);background:var(--surface);}
.qpill b{font-family:var(--mono);color:var(--ink);font-weight:600;}
.qpill.acc{background:var(--primary);border-color:var(--primary);color:#fff;}
.qpill.acc b{color:#fff;}
.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;transition:background .12s,border-color .12s;}
.btn:hover{background:var(--surface-2);}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;}
.btn.primary:hover{background:var(--primary-2);}
.btn.sm{padding:6px 10px;font-size:12px;}
.btn.ghost{border-color:transparent;background:transparent;color:var(--ink-2);}
.btn.ghost:hover{background:var(--surface-2);color:var(--ink);}

/* card */
.card{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:16px;}
.ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px;}
.ch h3{margin:0;font-size:13px;font-weight:600;letter-spacing:-.01em;}
.ch .tag{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;}

/* badges */
.sbadge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 8px;border-radius:7px;letter-spacing:.01em;white-space:nowrap;}
.sbadge.sm{font-size:11px;padding:2px 6px;}
.icp{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 6px;border-radius:6px;letter-spacing:.02em;}
.avatar{position:relative;width:30px;height:30px;border-radius:8px;background:var(--surface-3);color:var(--ink-2);font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.avatar.anchor{background:var(--primary-tint);color:var(--primary-2);}
.astar{position:absolute;top:-5px;right:-5px;font-size:11px;color:var(--primary);font-style:normal;}
.track{display:block;height:6px;border-radius:5px;background:var(--surface-3);overflow:hidden;width:100%;}
.track i{display:block;height:100%;border-radius:5px;}
.scorepill{display:inline-flex;align-items:baseline;font-size:12px;font-weight:600;padding:2px 7px;border:1px solid;border-radius:6px;}
.scorepill small{font-size:11px;opacity:.6;margin-left:1px;}

/* scrollers */
.scroll{overflow-y:auto;}
.scroll::-webkit-scrollbar{width:9px;}
.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid var(--bg);}
.scroll::-webkit-scrollbar-track{background:transparent;}

/* ── TODAY ─────────────────────────────────────────── */
.today{flex:1;overflow:hidden;padding:18px 22px;display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(280px,1fr) minmax(280px,1fr);gap:16px;}
.tcol{display:flex;flex-direction:column;gap:14px;min-height:0;min-width:0;}
.brief{font-size:13px;line-height:1.6;color:var(--ink-2);}
.brief b{color:var(--ink);font-weight:600;}
.brief .hi{background:var(--primary-tint);color:var(--primary-2);padding:1px 5px;border-radius:5px;font-weight:600;}
.t3{display:flex;flex-direction:column;gap:9px;}
.t3 .row{display:flex;gap:11px;align-items:flex-start;padding:11px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .12s,background .12s;}
.t3 .row:hover{border-color:var(--border-strong);background:var(--surface-2);}
.t3 .n{width:21px;height:21px;border-radius:6px;background:var(--ink);color:var(--surface);font-family:var(--mono);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none;}
.t3 .row.due .n{background:var(--rose);}
.t3 .tx{font-size:13px;font-weight:550;line-height:1.4;}
.t3 .mt{font-size:11px;color:var(--ink-3);font-family:var(--mono);margin-top:3px;}
.scorewrap{display:flex;align-items:center;gap:16px;}
.ring{width:78px;height:78px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.ring .inner{width:60px;height:60px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ring .inner b{font-family:var(--mono);font-size:21px;font-weight:600;line-height:1;}
.ring .inner small{font-size:11px;color:var(--ink-3);font-family:var(--mono);}
.scorewrap .meta{font-size:12px;color:var(--ink-2);line-height:1.55;}
.scorewrap .meta b{color:var(--ink);}
.blocks{display:flex;flex-direction:column;}
.blk{display:flex;gap:12px;padding:8px 0;}
.blk .tm{width:50px;flex:none;font-family:var(--mono);font-size:12px;color:var(--ink-3);padding-top:1px;}
.blk .bar{width:3px;border-radius:2px;background:var(--border-strong);flex:none;}
.blk.now .bar{background:var(--primary);}
.blk .bt2{font-size:13px;font-weight:500;}
.blk.now .bt2{color:var(--primary-2);}
.blk .bs{font-size:11px;color:var(--ink-3);margin-top:2px;}
.q{display:flex;flex-direction:column;gap:11px;}
.qrow{display:flex;align-items:center;gap:10px;}
.qrow .ql{font-size:12px;color:var(--ink-2);width:74px;flex:none;}
.qrow .qn{font-family:var(--mono);font-size:12px;color:var(--ink);width:40px;text-align:right;flex:none;}
.qdiv{height:1px;background:var(--border);margin:2px 0;}
.queue{display:flex;flex-direction:column;gap:8px;}
.qi{display:flex;align-items:center;gap:11px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .12s,background .12s;}
.qi:hover{border-color:var(--border-strong);background:var(--surface-2);}
.qi .qm{flex:1;min-width:0;}
.qi .qn2{font-size:13px;font-weight:550;}
.qi .qs{font-size:11px;color:var(--ink-3);margin-top:2px;}
.chip{font-size:11px;font-family:var(--mono);padding:3px 7px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;flex:none;}
.chip.ready{background:var(--green-tint);color:var(--green);}
.chip.over{background:var(--rose-tint);color:var(--rose);}
.chip.quiet{background:var(--amber-tint);color:var(--amber);}

/* ── PIPELINE ──────────────────────────────────────── */
.pipe{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.funnelbar{display:flex;gap:6px;padding:16px 22px 12px;}
.fseg{flex:1;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--surface);cursor:pointer;transition:border-color .12s,transform .1s;}
.fseg:hover{border-color:var(--border-strong);transform:translateY(-1px);}
.fseg.on{border-color:var(--ink);}
.fseg .fl{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:6px;}
.fseg .fdot{width:7px;height:7px;border-radius:2px;flex:none;}
.fseg .fn{font-family:var(--mono);font-size:20px;font-weight:600;margin-top:5px;}
.fseg .fc{font-size:11px;color:var(--ink-3);font-family:var(--mono);margin-top:1px;}
.subtabs{display:flex;gap:4px;padding:0 22px;border-bottom:1px solid var(--border);}
.subtab{padding:9px 13px;font-size:13px;font-weight:500;color:var(--ink-2);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;}
.subtab.on{color:var(--ink);border-bottom-color:var(--primary);}
.subtab .ct{font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-left:5px;}
.tblwrap{flex:1;overflow:auto;padding:0 22px 22px;}
.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;}
.tbl thead th{position:sticky;top:0;background:var(--bg);text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);padding:11px 12px 9px;border-bottom:1px solid var(--border);z-index:1;}
.tbl thead th.r,.tbl td.r{text-align:right;}
.tbl tbody td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:middle;}
.tbl tbody tr{cursor:pointer;transition:background .1s;}
.tbl tbody tr:hover td{background:var(--surface-2);}
.tbl tbody tr.sel td{background:var(--primary-tint);}
.cname{display:flex;align-items:center;gap:11px;}
.cname .nm{font-weight:600;font-size:13px;line-height:1.2;}
.cname .fm{font-size:12px;color:var(--ink-3);margin-top:1px;}
.muted{color:var(--ink-3);}
.nextstep{font-size:12px;color:var(--ink-2);}

/* intel slide-over */
.sheet-back{position:fixed;inset:0;background:rgba(41,36,32,.28);z-index:60;opacity:0;animation:fade .16s forwards;}
@keyframes fade{to{opacity:1}}
.sheet{position:fixed;top:0;right:0;bottom:0;width:460px;background:var(--surface);border-left:1px solid var(--border);z-index:61;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);transform:translateX(0);animation:slidein var(--sheet-anim,.26s) cubic-bezier(.22,.61,.36,1) forwards;}
@keyframes slidein{from{transform:translateX(var(--sheet-from,34px));opacity:var(--sheet-fade,.4)}to{transform:translateX(0);opacity:1}}
@media (prefers-reduced-motion: reduce){.sheet{animation:none;}}
.sheet-hd{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;gap:13px;align-items:flex-start;}
.sheet-hd .big{width:44px;height:44px;border-radius:11px;font-size:15px;}
.sheet-hd .nm{font-size:17px;font-weight:600;letter-spacing:-.01em;}
.sheet-hd .fm{font-size:13px;color:var(--ink-2);margin-top:2px;}
.sheet-hd .role{font-size:12px;color:var(--ink-3);margin-top:1px;}
.sheet-x{margin-left:auto;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);font-size:15px;display:flex;align-items:center;justify-content:center;flex:none;}
.sheet-x:hover{background:var(--surface-2);}
.sheet-body{flex:1;overflow-y:auto;padding:18px 20px;}
.sheet-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}
.sheet-meta .m{background:var(--surface-2);border-radius:9px;padding:9px 11px;}
.sheet-meta .mk{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em;}
.sheet-meta .mv{font-size:14px;font-weight:600;margin-top:3px;}
.intel-sec{margin-bottom:16px;}
.intel-sec .lab{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:7px;display:flex;align-items:center;gap:7px;}
.intel-sec p{margin:0;font-size:13px;line-height:1.55;color:var(--ink);}
.intel-sec ul{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px;}
.intel-sec li{font-size:13px;line-height:1.45;color:var(--ink);padding-left:16px;position:relative;}
.intel-sec li:before{content:'';position:absolute;left:3px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--primary);}
.intel-sec.angle{background:var(--primary-tint);border:1px solid var(--primary-tint-2);border-radius:10px;padding:12px 13px;}
.intel-sec.angle .lab{color:var(--primary-2);}
.engine-tag{font-size:11px;font-family:var(--mono);color:var(--ink-3);background:var(--surface-2);padding:2px 6px;border-radius:5px;font-weight:500;letter-spacing:0;text-transform:none;}
.nointel{text-align:center;padding:30px 16px;color:var(--ink-3);}
.nointel .btn{margin-top:12px;}

/* ── generic two/three-pane (outreach) ─────────────── */
.panes{flex:1;display:flex;min-height:0;overflow:hidden;}
.pane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);}
.pane:last-child{border-right:none;}
.pane-hd{padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex:none;}
.pane-body{flex:1;overflow-y:auto;padding:14px 18px;}
.seqcard{border:1px solid var(--border);border-radius:11px;padding:13px;margin-bottom:10px;cursor:pointer;transition:border-color .12s,background .12s;}
.seqcard:hover{border-color:var(--border-strong);}
.seqcard.on{border-color:var(--primary);background:var(--primary-tint);}
.seqcard .sh{display:flex;align-items:center;gap:9px;}
.seqcard .stag{width:24px;height:24px;border-radius:7px;background:var(--ink);color:var(--surface);font-family:var(--mono);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none;}
.seqcard .sn{font-size:13px;font-weight:600;}
.seqcard .si{font-size:11px;color:var(--ink-3);margin-top:1px;}
.seqcard .smeta{display:flex;gap:14px;margin-top:10px;font-size:11px;color:var(--ink-2);font-family:var(--mono);}
.stepline{display:flex;gap:9px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border);}
.stepline:last-child{border-bottom:none;}
.stepn{width:20px;height:20px;border-radius:6px;background:var(--surface-3);color:var(--ink-2);font-family:var(--mono);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px;}
.stepmeta{flex:1;}
.stepmeta .sl{font-size:13px;font-weight:500;}
.stepmeta .sd{font-size:11px;color:var(--ink-3);font-family:var(--mono);margin-top:2px;}
.chtag{font-size:11px;font-family:var(--mono);padding:2px 7px;border-radius:20px;background:var(--surface-2);color:var(--ink-2);font-weight:600;flex:none;}

/* composer + rubric */
.composer{display:flex;flex-direction:column;gap:12px;}
.draftbox{border:1px solid var(--border);border-radius:11px;background:var(--surface-2);padding:14px;}
.draftbox .dsub{font-size:13px;font-weight:600;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.draftbox .dbody{font-size:13px;line-height:1.6;color:var(--ink);white-space:pre-wrap;}
.rubric{display:flex;flex-direction:column;gap:6px;}
.rline{display:flex;align-items:center;gap:9px;font-size:13px;padding:6px 9px;border-radius:8px;background:var(--surface-2);}
.rline .rc{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex:none;}
.rline.ok .rc{background:var(--green);}
.rline.no .rc{background:var(--amber);}
.rline.no{color:var(--ink);}
.rscore{display:flex;align-items:baseline;gap:8px;}
.rscore b{font-family:var(--mono);font-size:30px;font-weight:600;}
.diff{font-size:13px;line-height:1.5;}
.diff .add{background:var(--green-tint);color:#2c6e47;border-radius:3px;padding:0 2px;}
.diff .del{background:var(--rose-tint);color:var(--rose);text-decoration:line-through;border-radius:3px;padding:0 2px;}

/* ── MASTER PLAN ───────────────────────────────────── */
.plan{flex:1;overflow-y:auto;padding:20px 26px;}
.planhead{display:flex;gap:8px;margin-bottom:22px;}
.phasebar{flex:1;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--surface);}
.phasebar .ptop{height:5px;}
.phasebar .pin{padding:11px 13px;}
.phasebar .pwk{font-family:var(--mono);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;}
.phasebar .pnm{font-size:14px;font-weight:600;margin-top:3px;}
.phasebar .ppct{font-family:var(--mono);font-size:11px;color:var(--ink-2);margin-top:4px;}
.phaseblock{margin-bottom:20px;}
.phaseblock .pbh{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.phaseblock .pbh h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;}
.phaseblock .pbh .pbw{font-family:var(--mono);font-size:12px;color:var(--ink-3);}
.phaseblock .pbs{font-size:13px;color:var(--ink-2);margin-left:auto;}
.phaseblock.up{opacity:.62;}
.tasks{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.task{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;transition:background .1s;}
.task:hover{background:var(--surface-2);}
.task .tk{width:20px;height:20px;border-radius:6px;border:1.6px solid var(--border-strong);flex:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .12s,border-color .12s;}
.task.done .tk{background:var(--green);border-color:var(--green);}
.task .tl{font-size:13px;font-weight:500;}
.task.done .tl{color:var(--ink-3);text-decoration:line-through;}

/* ── METRICS ───────────────────────────────────────── */
.metrics{flex:1;overflow-y:auto;padding:20px 26px;display:flex;flex-direction:column;gap:16px;}
.capbar{display:flex;flex-direction:column;gap:10px;}
.capbar .big{font-family:var(--mono);font-size:34px;font-weight:600;letter-spacing:-.02em;}
.capbar .big small{font-size:16px;color:var(--ink-3);font-weight:400;}
.captrack{height:14px;border-radius:8px;background:var(--surface-3);overflow:hidden;display:flex;}
.captrack .wired{background:var(--green);height:100%;}
.captrack .soft{background:repeating-linear-gradient(135deg,var(--primary-tint-2),var(--primary-tint-2) 6px,var(--primary-tint) 6px,var(--primary-tint) 12px);height:100%;}
.caplegend{display:flex;gap:18px;font-size:12px;color:var(--ink-2);font-family:var(--mono);}
.caplegend .sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;}
.grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.jump{margin-bottom:14px;}
.jump .jh{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px;}
.jump .jh b{font-family:var(--mono);}
.jumptrack{height:9px;border-radius:6px;background:var(--surface-3);position:relative;overflow:visible;}
.jumptrack .band{position:absolute;top:0;bottom:0;background:var(--surface-3);border-radius:6px;}
.jumptrack .bandfill{position:absolute;top:0;bottom:0;background:var(--primary-tint-2);}
.jumptrack .val{position:absolute;top:-3px;width:3px;height:15px;border-radius:2px;background:var(--ink);}
.jumptrack .marks{position:absolute;top:-4px;bottom:-4px;width:1px;background:var(--border-strong);}
.pboard{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pcell{background:var(--surface-2);border-radius:10px;padding:12px 13px;}
.pcell .pk{font-size:12px;color:var(--ink-2);}
.pcell .pv{font-family:var(--mono);font-size:20px;font-weight:600;margin-top:4px;}
.pcell .pv small{font-size:12px;color:var(--ink-3);}

/* ── SETTINGS ──────────────────────────────────────── */
.settings{flex:1;overflow-y:auto;padding:20px 26px;}
.setgrid{max-width:760px;display:flex;flex-direction:column;gap:16px;}
.field{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--border);}
.field:last-child{border-bottom:none;}
.field .fk{font-size:13px;font-weight:500;}
.field .fd{font-size:12px;color:var(--ink-3);margin-top:2px;}
.field .fc2{flex:none;}
.inp{padding:8px 11px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);font-family:inherit;font-size:13px;color:var(--ink);}
.inp.mono{font-family:var(--mono);}
.seg{display:flex;border:1px solid var(--border-strong);border-radius:9px;overflow:hidden;}
.seg button{padding:7px 13px;font-size:13px;background:var(--surface);border:none;color:var(--ink-2);border-right:1px solid var(--border);}
.seg button:last-child{border-right:none;}
.seg button.on{background:var(--primary);color:#fff;}
.toggle{width:42px;height:24px;flex:none;align-self:center;box-sizing:border-box;border-radius:14px;background:var(--surface-3);border:none;position:relative;transition:background .15s;}
.toggle.on{background:var(--primary);}
.toggle i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.toggle.on i{left:21px;}
.setcard{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:6px 18px;}
.sett-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin:18px 2px 2px;}

/* email settings: stacked signature + connected-account rows */
.field.col{flex-direction:column;align-items:stretch;gap:10px;}
.sett-sig{width:100%;font-size:13px;line-height:1.6;color:var(--ink);background:var(--surface-2);border:1px solid var(--border-strong);
  border-radius:10px;padding:11px 13px;outline:none;resize:vertical;min-height:96px;}
.sett-sig:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);}
.sett-accts{display:flex;flex-direction:column;gap:8px;padding:4px 0 12px;border-bottom:1px solid var(--border);}
.sett-acct{display:flex;align-items:center;gap:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:10px 13px;}
.sett-acct-dot{width:9px;height:9px;border-radius:50%;flex:none;}
.sett-acct-meta{flex:1;min-width:0;}
.sett-acct-meta b{font-size:13px;font-weight:600;color:var(--ink);font-family:var(--mono);display:block;}
.sett-acct-meta small{font-size:11.5px;color:var(--ink-3);}
.sett-acct-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--primary-2);
  background:var(--primary-tint);border:1px solid var(--primary-tint-2);border-radius:6px;padding:3px 8px;flex:none;}
.sett-acct-conn{display:flex;align-items:center;gap:6px;font-size:11.5px;font-family:var(--mono);color:var(--ink-3);flex:none;}

/* ── toast ─────────────────────────────────────────── */
.rtoast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,16px);background:var(--ink);color:var(--surface);font-size:13px;font-weight:500;padding:10px 16px;border-radius:11px;z-index:9998;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;}
.rtoast.show{opacity:1;transform:translate(-50%,0);}

/* ── shared inputs ─────────────────────────────────── */
.addrow{display:flex;gap:7px;margin-top:8px;}
.addinp{flex:1;padding:8px 11px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);font-family:inherit;font-size:13px;color:var(--ink);min-width:0;}
.addinp:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);}
.linkbtn{background:none;border:none;color:var(--primary-2);font-size:12px;font-weight:500;font-family:inherit;padding:0;}
.linkbtn:hover{text-decoration:underline;}
.xbtn{background:none;border:none;color:var(--ink-3);font-size:12px;padding:3px 5px;border-radius:5px;line-height:1;flex:none;}
.xbtn:hover{background:var(--surface-3);color:var(--rose);}

/* ── Today: my-todos under Top 3 ───────────────────── */
.mytodos{margin-top:14px;padding-top:14px;border-top:1px dashed var(--border-strong);}
.mth{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);}
.mtitem{display:flex;align-items:center;gap:9px;padding:8px 2px;}
.mtitem .mtt{flex:1;font-size:13px;}
.mtitem.done .mtt{color:var(--ink-3);text-decoration:line-through;}
.mcheck{width:18px;height:18px;border-radius:6px;border:1.6px solid var(--border-strong);background:var(--surface);flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;transition:background .12s,border-color .12s;}
.mcheck.on{background:var(--green);border-color:var(--green);}
.rmd{font-size:11px;color:var(--amber);background:var(--amber-tint);padding:2px 6px;border-radius:6px;flex:none;}

/* ── Today: checkable blocks ───────────────────────── */
.blk2{display:flex;align-items:center;gap:11px;padding:9px 0;}
.bcheck{width:22px;height:22px;border-radius:7px;border:1.7px solid var(--border-strong);background:var(--surface);flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;transition:transform .12s,background .15s,border-color .15s;}
.bcheck:hover{border-color:var(--primary);}
.bcheck.on{background:var(--green);border-color:var(--green);animation:pop .3s;}
@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.32)}100%{transform:scale(1)}}
.blk2 .btime{width:46px;flex:none;font-size:12px;color:var(--ink-3);}
.blk2 .bmid{flex:1;min-width:0;}
.blk2 .bt2{font-size:13px;font-weight:500;line-height:1.4;}
.blk2 .bs{font-size:11px;color:var(--ink-3);margin-top:2px;line-height:1.4;}
.blk2.now .bt2{color:var(--primary-2);}
.blk2.now .btime{color:var(--primary);font-weight:600;}
.blk2.done .bt2,.blk2.done .bs{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--border-strong);}
.dur{font-size:11px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);padding:3px 7px;border-radius:20px;flex:none;}
.blk2.now .dur{background:var(--primary-tint);border-color:var(--primary-tint-2);color:var(--primary-2);}
.blocknote{font-size:11px;color:var(--ink-3);margin-top:12px;line-height:1.45;border-top:1px solid var(--border);padding-top:10px;}

/* ── Today: due actions w/ buttons ─────────────────── */
.dueq{display:flex;flex-direction:column;gap:9px;}
.dueitem{border:1px solid var(--border);border-radius:11px;padding:11px;}
.dueitem .dtop{display:flex;align-items:center;gap:10px;}
.dperson{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;border:none;padding:0;text-align:left;font-family:inherit;border-radius:8px;transition:opacity .12s;}
.dperson:not(:disabled){cursor:pointer;}
.dperson:not(:disabled):hover .dn{color:var(--primary-2);}
.dperson:disabled{cursor:default;}
.dueitem .dmid{flex:1;min-width:0;}
.dueitem .dn{font-size:13px;font-weight:600;}
.dueitem .da{font-size:12px;color:var(--ink-3);margin-top:1px;}
.dueitem .dbot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid var(--border);flex-wrap:wrap;}
.srctag{font-size:11px;font-family:var(--mono);color:var(--ink-3);background:var(--surface-2);padding:3px 7px;border-radius:6px;}
.srctag.manual{color:var(--primary-2);background:var(--primary-tint);}
.dbtns{display:flex;gap:5px;flex:none;}
.dbtn{font-size:12px;font-weight:500;padding:5px 9px;border-radius:7px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-2);font-family:inherit;}
.dbtn:hover{background:var(--surface-2);color:var(--ink);}
.dbtn.done{color:var(--green);border-color:#bfe0c5;}
.dbtn.done:hover{background:var(--green-tint);}
.dbtn.x{padding:5px 8px;color:var(--ink-3);}
.dbtn.x:hover{background:var(--rose-tint);color:var(--rose);border-color:#e6c2bc;}

/* ── Today: combined scoreboard ────────────────────── */
.sb{display:flex;flex-direction:column;}
.sbrow{display:flex;align-items:center;gap:15px;}
.sbmeta{flex:1;}
.sblab{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);}
.sbdiv{height:1px;background:var(--border);margin:14px 0;}

/* ── TO-DOS tab ────────────────────────────────────── */
.todos{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:20px 24px;min-height:0;overflow:hidden;}
.lane{display:flex;flex-direction:column;min-height:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.lane-hd{display:flex;align-items:center;gap:11px;padding:15px 16px 13px;border-bottom:1px solid var(--border);}
.ldot{width:9px;height:9px;border-radius:50%;flex:none;}
.lane-hd .ltitle{font-size:14px;font-weight:600;letter-spacing:-.01em;}
.lane-hd .lsub{font-size:11px;color:var(--ink-3);margin-top:1px;}
.lcount{margin-left:auto;font-size:13px;font-weight:600;color:var(--ink-2);background:var(--surface-2);min-width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;}
.lane-add{display:flex;gap:7px;padding:12px 16px;border-bottom:1px solid var(--border);}
.lane-add .btn{padding:8px 12px;}
.lane-body{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px;}
.titem{border:1px solid var(--border);border-radius:11px;padding:11px 12px;background:var(--surface);transition:border-color .12s;}
.titem:hover{border-color:var(--border-strong);}
.titem.done{background:var(--surface-2);}
.titem-main{display:flex;align-items:flex-start;gap:10px;}
.tcheck{width:20px;height:20px;border-radius:6px;border:1.7px solid var(--border-strong);background:var(--surface);flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;margin-top:1px;transition:transform .12s;}
.tcheck.on{animation:pop .3s;}
.tdot{width:9px;height:9px;border-radius:50%;flex:none;margin:6px 5px 0;}
.titem .ttext{flex:1;font-size:13px;line-height:1.4;font-weight:500;}
.titem.done .ttext{color:var(--ink-3);text-decoration:line-through;}
.tchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-left:30px;}
.tchip{font-size:11px;font-family:var(--mono);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);padding:4px 8px;border-radius:7px;font-weight:500;}
.tchip:hover{border-color:var(--border-strong);}
.tchip.on{background:var(--primary-tint);border-color:var(--primary-tint-2);color:var(--primary-2);}
.tedit{margin-top:9px;padding-left:30px;}
.tnote-area{width:100%;min-height:58px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);font-family:inherit;font-size:13px;color:var(--ink);resize:vertical;line-height:1.45;}
.tnote-area:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);}
.tnote-show{margin:9px 0 0 30px;font-size:13px;line-height:1.45;color:var(--ink-2);background:var(--surface-2);border-left:2px solid var(--amber);padding:7px 10px;border-radius:0 8px 8px 0;cursor:pointer;}

/* ═══ TO-DOS v2 · Apple-style list columns ═══════════════════════ */
/* segmented toggle in topbar */
.seg2{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:2px;gap:2px;}
.seg2 button{padding:6px 15px;font-size:13px;font-weight:550;font-family:inherit;border:none;background:none;color:var(--ink-2);border-radius:7px;transition:background .12s,color .12s;}
.seg2 button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);}

/* horizontal column scroller */
.lcols{flex:1;display:flex;gap:14px;padding:18px 22px;overflow-x:auto;overflow-y:hidden;align-items:stretch;}
.scroll-x::-webkit-scrollbar{height:9px;}
.scroll-x::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid var(--bg);}
.scroll-x::-webkit-scrollbar-track{background:transparent;}

.lcol{width:308px;flex:none;display:flex;flex-direction:column;min-height:0;background:var(--surface);border:1px solid var(--border);border-radius:15px;transition:box-shadow .15s,border-color .15s;}
.lcol.over{border-color:var(--border-strong);box-shadow:var(--shadow-lg);}
.lcol-hd{display:flex;align-items:center;gap:9px;padding:14px 14px 11px;}
.ldot2{width:10px;height:10px;border-radius:50%;flex:none;}
.lname{font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:text;border-radius:5px;padding:1px 3px;margin:-1px -3px;}
.lname:hover{background:var(--surface-2);}
.lname-edit{font-family:inherit;font-size:15px;font-weight:600;border:1px solid var(--primary);border-radius:7px;padding:3px 7px;background:var(--surface);color:var(--ink);outline:none;min-width:0;flex:1;}
.lcount2{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-3);background:var(--surface-2);min-width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 6px;}
.lmenu-wrap{position:relative;flex:none;}
.lkebab{width:26px;height:26px;border-radius:7px;border:none;background:none;color:var(--ink-3);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;}
.lkebab:hover{background:var(--surface-2);color:var(--ink);}
.menu-back{position:fixed;inset:0;z-index:30;}
.lmenu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:4px;min-width:150px;z-index:31;}
.lmenu button{display:block;width:100%;text-align:left;padding:8px 11px;border:none;background:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink);border-radius:6px;}
.lmenu button:hover{background:var(--surface-2);}
.lmenu button.del{color:var(--rose);}
.lmenu button.del:hover{background:var(--rose-tint);}

.lcol-add{display:flex;gap:7px;padding:0 12px 11px;}
.lcol-body{flex:1;overflow-y:auto;padding:4px 12px 14px;display:flex;flex-direction:column;gap:7px;}
.lcol-empty{font-size:12.5px;color:var(--ink-3);padding:14px 4px;text-align:center;}

.lcol-new{width:200px;flex:none;padding-top:14px;}
.addlist{width:100%;text-align:left;padding:11px 13px;border:1.5px dashed var(--border-strong);border-radius:13px;background:none;color:var(--ink-3);font-family:inherit;font-size:13px;font-weight:550;transition:border-color .12s,color .12s;}
.addlist:hover{border-color:var(--primary);color:var(--primary-2);}

/* to-do row */
.tarow{border:1px solid var(--border);border-radius:11px;background:var(--surface);transition:border-color .12s,box-shadow .12s,opacity .12s;}
.tarow:hover{border-color:var(--border-strong);}
.tarow.dragging{opacity:.4;}
.tarow.done{background:var(--surface-2);}
.tarow-main{display:flex;align-items:flex-start;gap:10px;padding:9px 10px 9px 11px;}
.rcheck{width:21px;height:21px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;margin-top:1px;transition:transform .12s,background .15s;cursor:pointer;}
.rcheck:hover{transform:scale(1.1);}
.rcheck.on{background:var(--green);border-color:var(--green);animation:pop .3s;}
.tarow-mid{flex:1;min-width:0;cursor:pointer;}
.tarow-t{font-size:13.5px;line-height:1.35;font-weight:500;color:var(--ink);text-wrap:pretty;}
.tarow.done .tarow-t{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--border-strong);}
.tarow-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;}
.tarow-chips:empty{display:none;}
.meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);padding:2px 7px;border-radius:20px;font-weight:500;line-height:1.6;white-space:nowrap;}
.meta-chip i{font-style:normal;font-size:10px;opacity:.8;}
.meta-chip.sub{cursor:pointer;}
.meta-chip.sub:hover{border-color:var(--border-strong);}
.meta-chip.note{padding:2px 6px;}
.tarow-grip{flex:none;color:var(--ink-3);font-size:11px;letter-spacing:-2px;opacity:0;cursor:grab;padding-top:3px;transition:opacity .12s;user-select:none;}
.tarow:hover .tarow-grip{opacity:.5;}
.tarow-grip:active{cursor:grabbing;}

/* person chip (cross-tab) */
.pchip{display:inline-flex;align-items:center;gap:5px;background:var(--primary-tint);border:1px solid var(--primary-tint-2);border-radius:20px;padding:1px 8px 1px 2px;font-family:inherit;cursor:pointer;transition:background .12s;max-width:100%;}
.pchip:hover{background:var(--primary-tint-2);}
.pchip-av{width:18px;height:18px;border-radius:50%;background:var(--primary);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none;letter-spacing:0;}
.pchip-av.anchor{background:var(--primary-2);}
.pchip-nm{font-size:11px;font-weight:600;color:var(--primary-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pchip-sub{font-weight:400;color:var(--primary-2);opacity:.7;}
.pchip.self{background:var(--surface-2);border-color:var(--border);}
.pchip.self .pchip-av{background:var(--ink-3);}
.pchip.self .pchip-nm{color:var(--ink-2);}
.tmini.self{background:var(--surface-2);color:var(--ink-3);border:1px solid var(--border);}

/* sub-tasks */
.subs{display:flex;flex-direction:column;gap:1px;padding:0 10px 9px 42px;}
.subs.flush{padding:0;}
.subrow{display:flex;align-items:center;gap:8px;padding:4px 0;}
.subcheck{width:16px;height:16px;border-radius:50%;border:1.6px solid var(--border-strong);background:var(--surface);flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;cursor:pointer;transition:background .12s;}
.subcheck.on{background:var(--ink-3);border-color:var(--ink-3);}
.subt{flex:1;font-size:12.5px;color:var(--ink);min-width:0;}
.subrow.done .subt{color:var(--ink-3);text-decoration:line-through;}

/* expanded editor */
.tedit2{border-top:1px solid var(--border);padding:11px 12px 12px;display:flex;flex-direction:column;gap:9px;animation:fade .14s;}
.ef{display:flex;align-items:center;gap:10px;}
.ef.col{flex-direction:column;align-items:stretch;gap:5px;}
.ef>label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);width:62px;flex:none;}
.ef.col>label{width:auto;}
.efinp{flex:1;min-width:0;padding:6px 9px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);font-family:inherit;font-size:12.5px;color:var(--ink);}
.efinp:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);}
.efinp.num{width:52px;flex:none;text-align:center;}
.recur{display:flex;align-items:center;gap:7px;flex:1;}
.efsel{padding:6px 8px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);font-family:inherit;font-size:12.5px;color:var(--ink);cursor:pointer;}
.efsel.wide{flex:1;min-width:0;}
.efnote{width:100%;min-height:50px;padding:7px 9px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);font-family:inherit;font-size:12.5px;color:var(--ink);resize:vertical;line-height:1.45;}
.efnote:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);}
.ef-foot{display:flex;justify-content:space-between;align-items:center;padding-top:3px;}
.linkbtn.del{color:var(--rose);}

/* drop indicator */
.dropbar{height:2px;background:var(--primary);border-radius:2px;margin:1px 2px;box-shadow:0 0 0 3px var(--primary-tint);}

/* ── search + filter bar (To-Dos & Notes) ── */
.tdbar{display:flex;align-items:center;gap:14px;padding:14px 22px 0;flex-wrap:wrap;}
.tdsearch{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;max-width:380px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:7px 11px;transition:border-color .12s,box-shadow .12s;}
.tdsearch:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);background:var(--surface);}
.tdsearch svg{width:15px;height:15px;color:var(--ink-3);flex:none;}
.tdsearch input{flex:1;min-width:0;border:none;background:none;font-family:inherit;font-size:13px;color:var(--ink);outline:none;}
.tdsearch input::placeholder{color:var(--ink-3);}
.tdclear{border:none;background:none;color:var(--ink-3);font-size:11px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;}
.tdclear:hover{background:var(--surface-3);color:var(--ink);}
.tdfilters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.tdfilters .efsel{padding:6px 9px;}
.tdreset{border:none;background:none;color:var(--primary-2);font-family:inherit;font-size:12px;font-weight:600;padding:5px 4px;white-space:nowrap;}
.tdreset:hover{text-decoration:underline;}
.lcols{padding-top:14px;}
.notesview .tdbar{padding-bottom:0;}
.notesview .notesbar{padding-top:12px;}

/* ═══ NOTES section ══════════════════════════════════════════════ */
.notesview{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.notesbar{display:flex;align-items:center;gap:14px;padding:16px 24px 12px;}
.nfilters{display:flex;gap:6px;flex-wrap:wrap;}
.nfilter{font-size:12px;font-weight:550;font-family:inherit;color:var(--ink-2);background:var(--surface);border:1px solid var(--border);padding:5px 11px;border-radius:20px;}
.nfilter:hover{border-color:var(--border-strong);}
.nfilter.on{background:var(--ink);color:var(--surface);border-color:var(--ink);}
.notesgrid{flex:1;overflow-y:auto;padding:4px 24px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;align-content:start;}
.notecard{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:15px;display:flex;flex-direction:column;min-height:150px;transition:border-color .12s,box-shadow .12s;}
.notecard:hover{border-color:var(--border-strong);box-shadow:var(--shadow);}
.notecard.open{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);}
.nc-title{font-size:14px;font-weight:600;letter-spacing:-.01em;margin-bottom:7px;text-wrap:pretty;}
.nc-body{font-size:12.5px;line-height:1.5;color:var(--ink-2);flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.nc-foot-show{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);}
.nc-date{font-size:11px;color:var(--ink-3);}
.nc-title-edit{font-family:inherit;font-size:14px;font-weight:600;border:none;border-bottom:1px solid var(--border);padding:2px 0 7px;background:none;color:var(--ink);outline:none;margin-bottom:8px;}
.nc-body-edit{flex:1;min-height:80px;border:none;background:none;font-family:inherit;font-size:12.5px;line-height:1.5;color:var(--ink);resize:none;outline:none;}
.nc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);}

/* ═══ NOTES v2 — typed gallery + focused document editor ══════════ */
.seg2.small button{padding:5px 11px;font-size:12px;}
.notesscroll{flex:1;overflow-y:auto;padding:4px 24px 24px;}
.notes-sec{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:14px 2px 9px;}
.notes-sec:first-child{margin-top:4px;}
.notesgrid{flex:none;overflow:visible;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:13px;align-content:start;margin-bottom:6px;}

.notecard{cursor:pointer;min-height:128px;border-top:3px solid var(--ty,var(--border));position:relative;}
.notecard.nc-plan{grid-column:span 2;min-height:150px;}
@media (max-width:760px){ .notecard.nc-plan{grid-column:span 1;} }
.nc-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.nc-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:6px;}
.nc-pin-tag{font-size:10px;font-weight:600;color:var(--amber);letter-spacing:.02em;}
.nc-del{position:absolute;top:9px;right:9px;width:23px;height:23px;border-radius:7px;border:none;background:var(--surface-2);color:var(--ink-3);font-size:11px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s,background .12s,color .12s;z-index:3;}
.notecard:hover .nc-del{opacity:1;}
.nc-del:hover{background:var(--rose-tint);color:var(--rose);}
.nc-top{padding-right:26px;}
.nc-actcount{font-size:11px;color:var(--ink-3);margin-top:8px;}
.nc-plan .nc-body{-webkit-line-clamp:7;white-space:pre-wrap;}

/* new-note menu */
.newnote-wrap{position:relative;}
.newnote-menu{position:absolute;top:100%;left:0;margin-top:6px;background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-lg);padding:5px;min-width:220px;z-index:31;}
.newnote-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border:none;background:none;border-radius:8px;font-family:inherit;color:var(--ink);}
.newnote-menu button:hover{background:var(--surface-2);}
.newnote-menu .nn-dot{width:9px;height:9px;border-radius:50%;flex:none;}
.newnote-menu b{font-size:13px;font-weight:600;display:block;}
.newnote-menu small{font-size:11px;color:var(--ink-3);}

/* focused document editor */
.note-overlay{position:fixed;inset:0;background:rgba(41,36,32,.34);z-index:70;display:flex;align-items:center;justify-content:center;padding:40px 20px;opacity:0;animation:fade .16s forwards;}
.note-doc{width:min(760px,100%);max-height:86vh;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;border-top:3px solid var(--ty,var(--primary));transform:translateY(8px) scale(.99);animation:popin .18s cubic-bezier(.2,.7,.3,1) forwards;}
@keyframes popin{to{transform:none;}}
.note-doc-hd{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--border);flex:none;}
.note-doc-date{font-size:11px;color:var(--ink-3);margin-left:4px;}
.note-pin{margin-left:auto;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink-3);display:flex;align-items:center;justify-content:center;flex:none;}
.note-pin:hover{background:var(--surface-2);color:var(--ink);}
.note-pin.on{color:var(--amber);border-color:var(--amber-tint);background:var(--amber-tint);}
.note-doc-hd .sheet-x{margin-left:0;}
.note-doc-body-wrap{flex:1;overflow-y:auto;padding:18px 22px;}
.note-doc-title{width:100%;border:none;background:none;font-family:inherit;font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--ink);outline:none;margin-bottom:10px;}
.note-doc-title::placeholder{color:var(--ink-3);}
.note-doc-body{width:100%;min-height:200px;border:none;background:none;font-family:inherit;font-size:14px;line-height:1.62;color:var(--ink);outline:none;resize:none;overflow:hidden;white-space:pre-wrap;}
.note-doc-body::placeholder{color:var(--ink-3);}
.note-doc-actions{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);}
.nda-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:9px;display:flex;gap:8px;align-items:center;white-space:nowrap;}
.nda-h .mono{color:var(--ink-2);font-weight:600;}
.nda-row{display:flex;align-items:center;gap:9px;padding:5px 0;}
.nda-t{flex:1;font-size:13px;color:var(--ink);min-width:0;}
.nda-row.done .nda-t{color:var(--ink-3);text-decoration:line-through;}
.nda-push{flex:none;font-size:11px;font-weight:600;font-family:inherit;color:var(--primary-2);background:var(--primary-tint);border:1px solid var(--primary-tint-2);border-radius:7px;padding:3px 8px;}
.nda-push:hover{background:var(--primary-tint-2);}
.nda-pushed{flex:none;font-size:10.5px;color:var(--green);background:var(--green-tint);border-radius:6px;padding:2px 7px;}
.note-doc-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--border);flex:none;}
.note-doc-foot .linkbtn{white-space:nowrap;}
.note-doc-hint{font-size:11px;color:var(--ink-3);}

/* searchable person combo box */
.combo{position:relative;flex:1;min-width:0;}
.ef .combo{flex:1;}
.note-doc-hd .combo{max-width:260px;}
.combo-field{display:flex;align-items:center;gap:7px;width:100%;padding:5px 9px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);font-family:inherit;font-size:12.5px;color:var(--ink);cursor:pointer;transition:border-color .12s;}
.combo-field:hover{border-color:var(--ink-3);}
.combo-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.combo-chev{width:11px;height:11px;color:var(--ink-3);flex:none;}
.combo-av{width:20px;height:20px;border-radius:50%;background:var(--surface-3);color:var(--ink-2);font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none;letter-spacing:0;}
.combo-av.anchor{background:var(--primary-tint);color:var(--primary-2);}
.combo-av.self{background:var(--ink-3);color:#fff;}
.combo-back{position:fixed;inset:0;z-index:200;}
.combo-menu{z-index:201;background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-lg);padding:6px;}
.combo-search{width:100%;padding:7px 9px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-2);font-family:inherit;font-size:12.5px;color:var(--ink);outline:none;margin-bottom:5px;}
.combo-search:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-tint);}
.combo-list{max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;}
.combo-opt{display:flex;align-items:center;gap:9px;padding:6px 7px;border:none;background:none;border-radius:8px;font-family:inherit;text-align:left;cursor:pointer;width:100%;}
.combo-opt:hover{background:var(--surface-2);}
.combo-opt.on{background:var(--primary-tint);}
.combo-opt-nm{min-width:0;display:flex;flex-direction:column;line-height:1.25;font-size:12.5px;font-weight:500;color:var(--ink);}
.combo-opt-nm small{font-size:10.5px;color:var(--ink-3);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.combo-empty{font-size:12px;color:var(--ink-3);padding:10px;text-align:center;}

/* ═══ NOTES v3 — ClickUp pages: tree rail + inline doc ════════════ */
.notesview.pages{flex-direction:row;}
.pgrail{width:256px;flex:none;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--surface);}
.pgrail-hd{display:flex;align-items:center;justify-content:space-between;padding:15px 14px 9px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);}
.pgrail-add{width:22px;height:22px;border-radius:6px;border:none;background:var(--surface-2);color:var(--ink-2);font-size:14px;display:flex;align-items:center;justify-content:center;}
.pgrail-add:hover{background:var(--surface-3);color:var(--ink);}
.pgsearch{display:flex;align-items:center;gap:7px;margin:0 12px 8px;padding:6px 9px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;}
.pgsearch:focus-within{border-color:var(--primary);background:var(--surface);}
.pgsearch svg{width:14px;height:14px;color:var(--ink-3);flex:none;}
.pgsearch input{flex:1;min-width:0;border:none;background:none;font-family:inherit;font-size:12.5px;color:var(--ink);outline:none;}
.pgtree-wrap{flex:1;overflow-y:auto;padding:2px 8px 8px;}
.pg-row{display:flex;align-items:center;gap:5px;padding:5px 7px 5px 6px;border-radius:7px;cursor:pointer;transition:background .1s;position:relative;}
.pg-row[draggable="true"]:active{cursor:grabbing;}
.pg-row:hover{background:var(--surface-2);}
.pg-row.on{background:var(--primary-tint);}
.pg-row.on .pg-title{color:var(--primary-2);font-weight:600;}
/* ── drag-to-nest / reorder affordances ── */
.pg-row.drag-src{opacity:.4;}
.pg-row.dz-into{background:var(--primary-tint);box-shadow:inset 0 0 0 1.5px var(--primary);}
.pg-row.dz-before::after,.pg-row.dz-after::after{content:"";position:absolute;left:6px;right:8px;height:2px;border-radius:2px;background:var(--primary);}
.pg-row.dz-before::after{top:-1px;}
.pg-row.dz-after::after{bottom:-1px;}
.pg-row.dz-before::before,.pg-row.dz-after::before{content:"";position:absolute;width:6px;height:6px;border:1.5px solid var(--primary);border-radius:50%;background:var(--surface);left:3px;}
.pg-row.dz-before::before{top:-3px;}
.pg-row.dz-after::before{bottom:-3px;}
.pg-twist{width:15px;height:15px;border:none;background:none;color:var(--ink-3);display:flex;align-items:center;justify-content:center;flex:none;transition:transform .12s;padding:0;}
.pg-twist.open{transform:rotate(90deg);}
.pg-twist.empty{visibility:hidden;}
.pg-dot{width:7px;height:7px;border-radius:2px;flex:none;}
.pg-title{flex:1;min-width:0;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pg-pin{font-size:9px;color:var(--amber);flex:none;}
.pg-tools{display:flex;gap:1px;flex:none;opacity:0;transition:opacity .1s;}
.pg-row:hover .pg-tools{opacity:1;}
.pg-tool{width:19px;height:19px;border-radius:5px;border:none;background:none;color:var(--ink-3);font-size:11px;display:flex;align-items:center;justify-content:center;}
.pg-tool:hover{background:var(--surface-3);color:var(--ink);}
.pg-row.flat{padding-left:8px;}
.pg-empty{font-size:12px;color:var(--ink-3);padding:12px 8px;}
.pgrail-newpage{margin:6px 12px 12px;padding:8px 10px;border:none;background:none;color:var(--ink-3);font-family:inherit;font-size:12.5px;font-weight:550;text-align:left;border-radius:8px;display:flex;align-items:center;gap:6px;}
.pgrail-newpage:hover{background:var(--surface-2);color:var(--primary-2);}

.pgmain{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);}
.pgempty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ink-3);font-size:13px;}
.pgempty-i{font-size:34px;opacity:.4;}

/* inline doc editor */
.note-doc.embedded{position:static;width:100%;max-width:none;height:100%;max-height:none;background:transparent;border-radius:0;border-top:none;box-shadow:none;transform:none;animation:none;}
.note-doc.embedded .note-doc-hd{background:var(--surface);}
.note-doc.embedded .note-doc-body-wrap{padding:30px 0;}
.note-doc.embedded .note-doc-title,.note-doc.embedded .note-doc-sub,.note-doc.embedded .note-doc-body,.note-doc.embedded .note-doc-actions{max-width:760px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;display:block;width:100%;box-sizing:border-box;}
.note-doc.embedded .note-doc-foot{background:var(--surface);}
.note-doc-sub{font-size:11px;color:var(--ink-3);margin-bottom:18px;}
.note-crumbs{display:flex;align-items:center;gap:3px;font-size:12px;min-width:0;overflow:hidden;}
.note-crumbs .crumb{display:flex;align-items:center;gap:3px;min-width:0;}
.note-crumbs .crumb button{border:none;background:none;font-family:inherit;font-size:12px;color:var(--ink-3);padding:2px 4px;border-radius:5px;white-space:nowrap;}
.note-crumbs .crumb button:hover{background:var(--surface-2);color:var(--ink);}
.note-crumbs .crumb-sep{color:var(--ink-3);opacity:.5;}
.note-crumbs .cur{font-size:12px;font-weight:600;color:var(--ink);padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ═══ PERSON profile drawer additions ════════════════════════════ */
.sheet.person{width:452px;}
.sheet-meta.tight{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0;padding:14px 20px 4px;}
.sheet-meta.tight .m{background:var(--surface-2);border-radius:8px;padding:7px 9px;}
.sheet-meta.tight .mk{font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em;}
.sheet-meta.tight .mv{font-size:13px;font-weight:600;margin-top:2px;}
.psheet-tabs{display:flex;gap:2px;padding:10px 20px 0;border-bottom:1px solid var(--border);}
.psheet-tab{padding:8px 12px;font-size:12.5px;font-weight:550;font-family:inherit;color:var(--ink-2);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;}
.psheet-tab:hover{color:var(--ink);}
.psheet-tab.on{color:var(--primary-2);border-bottom-color:var(--primary);}
.psheet-foot{display:flex;gap:8px;padding:13px 20px;border-top:1px solid var(--border);background:var(--surface);}

.pnext{background:var(--primary-tint);border:1px solid var(--primary-tint-2);border-radius:9px;padding:9px 11px;font-size:12.5px;color:var(--ink);line-height:1.4;margin-bottom:14px;}
.pnext-k{font-size:10px;font-weight:700;color:var(--primary-2);letter-spacing:.06em;margin-right:7px;}

/* activity timeline */
.ptl{display:flex;flex-direction:column;}
.ptl-row{display:flex;gap:12px;}
.ptl-rail{width:12px;flex:none;position:relative;display:flex;justify-content:center;}
.ptl-rail:before{content:'';position:absolute;top:6px;bottom:-12px;left:50%;width:1.5px;background:var(--border);transform:translateX(-50%);}
.ptl-row:last-child .ptl-rail:before{display:none;}
.ptl-dot{width:9px;height:9px;border-radius:50%;margin-top:4px;flex:none;position:relative;z-index:1;box-shadow:0 0 0 3px var(--surface);}
.ptl-body{flex:1;padding-bottom:16px;min-width:0;}
.ptl-text{font-size:13px;line-height:1.4;color:var(--ink);text-wrap:pretty;}
.ptl-meta{font-size:11px;color:var(--ink-3);margin-top:2px;}

/* person to-dos / notes inside sheet */
.ptodos{display:flex;flex-direction:column;gap:7px;}
.prow{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);}
.prow.done{background:var(--surface-2);}
.prow-mid{flex:1;min-width:0;}
.prow-t{font-size:13px;line-height:1.35;font-weight:500;}
.prow.done .prow-t{color:var(--ink-3);text-decoration:line-through;}
.prow-s{font-size:11px;color:var(--ink-3);margin-top:3px;}
.psub{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin:14px 0 4px;}
.pnotes{display:flex;flex-direction:column;}
.pnote{border:1px solid var(--border);border-radius:11px;padding:12px 13px;margin-bottom:9px;background:var(--surface);}
.pnote-title-show{font-size:13.5px;font-weight:600;margin-bottom:5px;}
.pnote-body{font-size:12.5px;line-height:1.5;color:var(--ink-2);}
.pnote-date{font-size:11px;color:var(--ink-3);margin-top:8px;display:block;}
.pnote-title{width:100%;font-family:inherit;font-size:13.5px;font-weight:600;border:none;border-bottom:1px solid var(--border);padding:0 0 7px;background:none;color:var(--ink);outline:none;margin-bottom:8px;}
.pnote-body-edit{width:100%;min-height:70px;border:none;background:none;font-family:inherit;font-size:12.5px;line-height:1.5;color:var(--ink);resize:vertical;outline:none;}
.pnote-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;}
.pnote-foot .mono{font-size:11px;color:var(--ink-3);}

/* ═══ COMPACT DASHBOARD — dense overview, details on expand ═══════ */
.tdbar{padding:11px 16px 0;gap:10px;}
.lcols{gap:9px;padding:11px 16px;}
.lcol{width:300px;flex:none;min-width:300px;border-radius:12px;}
.lcol-hd{padding:9px 10px 6px;gap:7px;}
.ldot2{width:8px;height:8px;}
.lname{font-size:13px;flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lcol-hd .lcount2{margin-left:auto;}
.lcount2{font-size:11px;min-width:19px;height:19px;border-radius:6px;padding:0 5px;}
.lkebab{width:21px;height:21px;font-size:14px;}
.lcol-add{padding:0 9px 7px;gap:6px;}
.lcol-add .addinp{padding:5px 8px;font-size:12px;border-radius:7px;}
.lcol-add .btn{padding:5px 8px;}
.lcol-body{padding:2px 9px 9px;gap:3px;}
.lcol-empty{font-size:11.5px;padding:10px 4px;}

.tarow{border-radius:7px;}
.tarow-main{align-items:flex-start;padding:5px 8px;gap:8px;}
.tarow .rcheck{width:16px;height:16px;border-width:1.7px;font-size:9px;margin-top:1px;}
.tarow .rcheck:hover{transform:scale(1.12);}
.tarow-t{display:block;font-size:12px;font-weight:500;line-height:1.35;white-space:normal;overflow-wrap:break-word;word-break:normal;}
.tarow.done .tarow-t{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--border-strong);}
.tarow-grip{display:none;}
.tarow-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.tarow-ind{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--ink-3);font-size:10px;line-height:1;}
.tarow-ind:empty{display:none;}
.tarow-ind .ti{line-height:1;opacity:.85;}
.tarow-ind .cnt{font-size:9.5px;background:var(--surface-2);border-radius:4px;padding:1px 4px;color:var(--ink-2);}
.tmini{width:16px;height:16px;border-radius:50%;background:var(--surface-3);color:var(--ink-2);font-size:8px;font-weight:600;display:flex;align-items:center;justify-content:center;font-family:var(--sans);letter-spacing:0;flex:none;}
.tmini.anchor{background:var(--primary-tint);color:var(--primary-2);}

/* expanded editor — a touch tighter */
.tedit2{padding:10px 11px 11px;gap:8px;}
.ef-person{margin-bottom:1px;}
.ef>label{width:58px;font-size:10px;}
.efinp,.efsel,.efnote{font-size:12px;}
.subt{font-size:12px;}

.lcol-new{width:118px;padding-top:11px;}
.addlist{padding:9px 11px;font-size:12px;border-radius:11px;}

/* keep at least the list set on screen; only scroll if many lists added */
@media (min-width:900px){ .lcols{overflow-x:auto;} }

/* ═══ RESPONSIVE — flexible across widths ═════════════════════════ */
/* universal long-word guard so narrow columns never break one-word-per-line */
.brief,.t3 .tx,.blk2 .bt2,.blk2 .bs,.dueitem .dn,.dueitem .da,
.mtitem .mtt,.nextstep,.cname .nm,.cname .fm,.notecard,.tarow-t{overflow-wrap:anywhere;}

/* topbar wraps its pills instead of overflowing */
.topbar{flex-wrap:wrap;row-gap:10px;}
.topbar>div:first-child{min-width:0;}
.topbar h1{overflow-wrap:anywhere;}
.topactions{flex-wrap:wrap;justify-content:flex-end;}

/* funnel segments wrap rather than shrink to nothing */
.funnelbar{flex-wrap:wrap;}
.fseg{min-width:128px;}

/* slide-overs never exceed the viewport */
.sheet,.sheet.person{max-width:94vw;}

/* ── TODAY: reflow 3 → 2 → 1 columns ── */
@media (max-width:1180px){
  .today{overflow-y:auto;overflow-x:hidden;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;}
  .tcol{overflow:visible;}
}
@media (max-width:780px){
  .today{grid-template-columns:minmax(0,1fr);}
}

/* ── METRICS / PLAN grids collapse ── */
@media (max-width:1040px){
  .grid3{grid-template-columns:1fr 1fr;}
}
@media (max-width:820px){
  .grid2,.grid3{grid-template-columns:1fr;}
  .tasks{grid-template-columns:1fr;}
  .sheet-meta{grid-template-columns:1fr 1fr;}
}
@media (max-width:520px){
  .pboard{grid-template-columns:1fr;}
}

/* ── OUTREACH panes: let them scroll horizontally before crushing ── */
@media (max-width:900px){
  .panes{overflow-x:auto;}
  .pane{min-width:280px;}
}

/* ── SIDEBAR → icon rail on narrow widths ── */
@media (max-width:900px){
  .side{width:64px;}
  .brand{justify-content:center;padding:16px 0 13px;gap:0;}
  .brand .bt{display:none;}
  .nav{padding:6px 8px;}
  .navi{justify-content:center;gap:0;padding:10px 0;}
  .navlbl{display:none;}
  .side-foot{padding:10px 8px;}
  .engine{justify-content:center;padding:10px 0;}
  .engine small{display:none;}
}