/* Version 3, clients (D5): Pipeline, Leads, Saved filters, Likely to sell. Loaded by templates/v3/base.html only when
   v3 is on. Every rule is scoped under body.v3 .v3-cl (the root of each of this area's screens, and the wrapper of each
   sheet it opens), so nothing here reaches another area's screen or today's pages. The rules are the prototype's
   (Redesign_Prototype_v2.1.html), one to one, with v3- in front of each class. */

/* ── the screen ─────────────────────────────────────────────────────────────────────────────────────────────── */
body.v3 .v3-cl{color:var(--ink);font-size:15px;line-height:1.45;letter-spacing:-.011em;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}
body.v3 .v3-cl.v3-wrap{max-width:1640px;margin:0 auto}
body.v3 .v3-cl *{box-sizing:border-box}
body.v3 .v3-cl :where(h1,h2,h3,h4,p,ol,ul,dl,dd,figure){margin:0;padding:0}
body.v3 .v3-cl :where(button){font:inherit;color:inherit;letter-spacing:inherit;background:none;border:0;cursor:pointer;text-align:inherit;padding:0;margin:0}
body.v3 .v3-cl :where(input,select,textarea){font:inherit;color:inherit;letter-spacing:inherit}
body.v3 .v3-cl :where(a){color:inherit;text-decoration:none}
body.v3 .v3-cl :where(form){margin:0}
body.v3 .v3-cl .v3-tnum{font-variant-numeric:tabular-nums}
body.v3 .v3-cl .v3-muted{color:var(--grey)}
body.v3 .v3-cl .v3-dim{color:var(--grey-d)}
body.v3 .v3-cl .v3-fine{font-size:12.5px;color:var(--grey);line-height:1.45}
body.v3 .v3-cl .v3-fine a{text-decoration:underline}
body.v3 .v3-cl .v3-calc{margin:8px 2px 0;color:var(--grey-d)}
body.v3 .v3-cl .v3-calc:empty{display:none}
body.v3 .v3-cl .v3-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.v3 .v3-cl .v3-tap{transition:transform var(--dur-press) var(--ease-out)}
body.v3 .v3-cl .v3-tap:active{transform:scale(var(--press-scale))}
body.v3 .v3-cl :focus-visible{outline:2px solid var(--green);outline-offset:2px}

/* the head of a screen: the avatar (phone) and the screen's own button */
body.v3 .v3-cl .v3-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}
body.v3 .v3-cl .v3-hd .r{display:flex;gap:8px;align-items:center;margin-left:auto}
body.v3 .v3-cl .v3-me{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--white);display:grid;place-items:center;font-weight:750;font-size:15px;flex:none}
body.v3 .v3-cl .v3-cbtn{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--ink) 6%,transparent);display:grid;place-items:center;flex:none}
body.v3 .v3-cl .v3-h1{font-size:32px;line-height:1.05;font-weight:800;letter-spacing:-.04em;margin-top:10px}
body.v3 .v3-cl .v3-h2{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.15}
body.v3 .v3-cl .v3-lede{color:var(--grey-d);font-size:15px;margin-top:6px}
body.v3 .v3-cl .v3-lede a{color:inherit}
body.v3 .v3-cl .v3-link{display:inline-flex;align-items:center;gap:4px;font-weight:650;font-size:14.5px;margin-top:12px}
body.v3 .v3-cl .v3-sec{display:flex;align-items:baseline;justify-content:space-between;margin:26px 0 12px;gap:10px}
body.v3 .v3-cl .v3-sec h2{font-size:19px;font-weight:750;letter-spacing:-.025em}
body.v3 .v3-cl .v3-sec .n{color:var(--grey);font-size:14px;font-weight:550}
body.v3 .v3-cl .v3-sec a,body.v3 .v3-cl .v3-sec .lk{font-size:14px;font-weight:650;color:var(--grey-d)}
body.v3 .v3-cl .v3-kick{font-size:13px;color:var(--grey);font-weight:600}

/* cards, pills, chips, chips of state, bars */
body.v3 .v3-cl .v3-card{display:block;background:var(--white);border-radius:var(--r);padding:18px;box-shadow:0 1px 0 var(--line-soft),0 10px 28px -22px color-mix(in srgb,var(--ink) 40%,transparent)}
body.v3 .v3-cl .v3-card h4{font-size:15px;font-weight:700;letter-spacing:-.015em;margin-bottom:10px}
body.v3 .v3-cl .v3-card+.v3-card{margin-top:10px}
body.v3 .v3-cl .v3-pill{height:40px;padding:0 16px;border-radius:99px;background:var(--ink);color:var(--white);font-weight:650;font-size:14.5px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:0;cursor:pointer;line-height:1}
body.v3 .v3-cl .v3-pill.light{background:var(--sunken);color:var(--ink)}
body.v3 .v3-cl .v3-pill.line{background:var(--white);color:var(--ink);border:1px solid var(--line)}
body.v3 .v3-cl .v3-pill.ghost{background:transparent;color:var(--grey-d);padding:0 10px}
body.v3 .v3-cl .v3-pill.green{background:var(--green);color:var(--ink)}
body.v3 .v3-cl .v3-pill.big{height:52px;font-size:16px;padding:0 22px}
body.v3 .v3-cl .v3-pill.sm{height:34px;font-size:13.5px;padding:0 12px}
body.v3 .v3-cl .v3-pill.full{width:100%}
body.v3 .v3-cl .v3-pill[disabled],body.v3 .v3-cl .v3-pill.busy{opacity:.5;pointer-events:none}
body.v3 .v3-cl .v3-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
body.v3 .v3-cl .v3-chips::-webkit-scrollbar{display:none}
body.v3 .v3-cl .v3-chips.wrapc{flex-wrap:wrap;overflow:visible}
body.v3 .v3-cl .v3-chip{height:34px;padding:0 13px;border-radius:99px;background:var(--white);border:1px solid var(--line);font-weight:600;font-size:13.5px;
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex:none;cursor:pointer;line-height:1}
body.v3 .v3-cl .v3-chip .c{color:var(--grey);font-weight:550}
body.v3 .v3-cl .v3-chip.on,body.v3 .v3-cl label.v3-chip:has(input:checked){background:var(--ink);color:var(--white);border-color:var(--ink)}
body.v3 .v3-cl .v3-chip.on .c,body.v3 .v3-cl label.v3-chip:has(input:checked) .c{color:color-mix(in srgb,var(--white) 60%,transparent)}
body.v3 .v3-cl .v3-chip .x{opacity:.6;margin-left:2px}
body.v3 .v3-cl label.v3-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
body.v3 .v3-cl label.v3-chip:has(input:focus-visible){outline:2px solid var(--green);outline-offset:2px}
body.v3 .v3-cl .v3-st{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:99px;font-size:12px;font-weight:650;
  background:var(--sunken);color:var(--grey-d);white-space:nowrap;--c:var(--grey);flex:none;line-height:1}
body.v3 .v3-cl .v3-st::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}
body.v3 .v3-cl .v3-st.amber{--c:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--white));color:var(--ink)}
body.v3 .v3-cl .v3-st.green{--c:var(--green);background:color-mix(in srgb,var(--green) 14%,var(--white));color:var(--ink)}
body.v3 .v3-cl .v3-st.ink{--c:var(--ink)}
body.v3 .v3-cl .v3-bar{position:relative;height:8px;border-radius:99px;background:color-mix(in srgb,var(--ink) 7%,transparent);overflow:hidden}
body.v3 .v3-cl .v3-bar>i{position:absolute;inset:0;border-radius:99px;background:var(--ink);transform:translateX(calc((var(--p) - 1) * 100%));will-change:transform;
  transition:transform var(--dur-shared) var(--spring-smooth)}
body.v3 .v3-cl .v3-bar.green>i{background:var(--green)}
body.v3 .v3-cl .v3-ico{flex:none;width:40px;height:40px;border-radius:50%;background:var(--sunken);display:grid;place-items:center;color:var(--ink)}
body.v3 .v3-cl .v3-ico.g{background:color-mix(in srgb,var(--green) 18%,var(--white))}
body.v3 .v3-cl .v3-ico.a{background:color-mix(in srgb,var(--amber) 16%,var(--white))}
body.v3 .v3-cl .v3-ico.sm{width:32px;height:32px}
body.v3 .v3-cl .v3-av{width:44px;height:44px;border-radius:50%;background:var(--sunken);display:grid;place-items:center;font-weight:700;font-size:14.5px;flex:none;letter-spacing:-.01em}

/* a tap target 44px tall around a 34px pill or chip (the phone's rule), the pill's own size unchanged */
body.v3 .v3-cl .v3-hit{--h:34px;display:inline-flex;align-items:center;min-height:44px;margin:calc((var(--h) - 44px) / 2) 0;padding:0;background:none;border:0;cursor:pointer;flex:none;font:inherit;color:inherit}
body.v3 .v3-cl .v3-hit.r{--h:40px}
body.v3 .v3-cl .v3-hit>.v3-pill,body.v3 .v3-cl .v3-hit>.v3-chip{pointer-events:none}

/* lists of rows, key and value lines */
body.v3 .v3-cl .v3-list{background:var(--white);border-radius:var(--r);overflow:hidden;box-shadow:0 1px 0 var(--line-soft)}
body.v3 .v3-cl .v3-li{display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--line-soft);width:100%;text-align:left;min-height:44px}
body.v3 .v3-cl .v3-li:first-child{border-top:0}
body.v3 .v3-cl .v3-li .tx{flex:1;min-width:0}
body.v3 .v3-cl .v3-li .t{font-weight:650;font-size:15px}
body.v3 .v3-cl .v3-li .s{font-size:13.5px;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v3 .v3-cl .v3-li .m{font-size:13px;color:var(--grey);text-align:right;flex:none}
body.v3 .v3-cl .v3-li .chev{color:var(--never)}
body.v3 .v3-cl .v3-li .v3-av{width:34px;height:34px;font-size:12px}
body.v3 .v3-cl .v3-kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line-soft);font-size:14.5px}
body.v3 .v3-cl .v3-kv:first-of-type{border-top:0;padding-top:0}
body.v3 .v3-cl .v3-kv>span:first-child{color:var(--grey)}
body.v3 .v3-cl .v3-kv>span:last-child{text-align:right;min-width:0;overflow-wrap:anywhere}
body.v3 .v3-cl .v3-val{font-size:32px;font-weight:800;letter-spacing:-.04em;line-height:1.05}
body.v3 .v3-cl .v3-empty{text-align:center;padding:26px 18px;color:var(--grey-d)}
body.v3 .v3-cl .v3-empty b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
body.v3 .v3-cl .v3-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--amber) 12%,var(--white));font-size:14px;margin-top:12px}
body.v3 .v3-cl .v3-err{color:var(--amber-t);font-weight:650;font-size:13px}

/* forms (the sheets and the pages without JavaScript) */
body.v3 .v3-cl .v3-field{width:100%;height:50px;border:1px solid var(--line);border-radius:14px;background:var(--sunken);padding:0 14px;font-size:16px;outline:0;color:var(--ink)}
body.v3 .v3-cl input[type=search].v3-field{-webkit-appearance:none;appearance:none}
body.v3 .v3-cl input[type=search].v3-field::-webkit-search-cancel-button{-webkit-appearance:none}
body.v3 .v3-cl textarea.v3-field{height:auto;min-height:110px;padding:14px;line-height:1.45;resize:vertical}
body.v3 .v3-cl select.v3-field{appearance:none;-webkit-appearance:none}
body.v3 .v3-cl .v3-field:focus{border-color:var(--ink)}
body.v3 .v3-cl .v3-flabel{font-size:13px;font-weight:650;color:var(--grey-d);margin:14px 0 6px;display:block}
body.v3 .v3-cl .v3-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.v3 .v3-cl .v3-seg{position:relative;display:grid;grid-template-columns:repeat(var(--n,2),1fr);background:color-mix(in srgb,var(--ink) 6%,transparent);border-radius:14px;padding:4px;min-height:44px}
body.v3 .v3-cl .v3-seg label{position:relative;z-index:1;font-weight:650;font-size:14px;color:var(--grey-d);text-align:center;border-radius:10px;white-space:nowrap;display:grid;place-items:center;cursor:pointer;min-height:36px}
body.v3 .v3-cl .v3-seg label:has(input:checked){background:var(--white);color:var(--ink);box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 14%,transparent)}
body.v3 .v3-cl .v3-seg input{position:absolute;opacity:0;width:1px;height:1px}
body.v3 .v3-cl .v3-search{height:48px;border-radius:16px;background:var(--white);border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--grey)}
body.v3 .v3-cl .v3-search input{flex:1;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink);min-width:0;height:44px}
body.v3 .v3-cl .v3-sa{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
body.v3 .v3-cl .v3-sa .v3-pill.big{flex:1}
body.v3 .v3-cl details>summary{list-style:none;cursor:pointer}
body.v3 .v3-cl details>summary::-webkit-details-marker{display:none}
body.v3 .v3-cl .v3-more{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;font-size:15px;min-height:24px}
body.v3 .v3-cl .v3-more .v3-i{color:var(--grey);transition:transform var(--dur-base) var(--spring-smooth)}
body.v3 .v3-cl details[open]>.v3-more .v3-i{transform:rotate(90deg)}

body.v3 .v3-cl .v3-sheetonly{display:none}
body.v3 .v3-sheet .v3-cl .v3-sheetonly{display:block}
body.v3 .v3-sheet .v3-cl .v3-pageonly{display:none}

/* the sheets this area opens (V3.sheet): the wrapper .v3-cl inside the sheet */
body.v3 .v3-sheet .v3-cl h3{font-size:21px;font-weight:800;letter-spacing:-.03em;line-height:1.45}  /* the prototype's .sheet h3 keeps the body's 1.45 */
body.v3 .v3-sheet .v3-cl .v3-opt .when{margin-left:auto;font-size:13px;color:var(--grey)}
body.v3 .v3-sheet .v3-cl .v3-opt.on .tx{font-weight:750}
body.v3 .v3-sheet .v3-cl .v3-picks{display:grid;gap:0;margin-top:8px;max-height:260px;overflow:auto}
body.v3 .v3-sheet .v3-cl .v3-count{display:flex;justify-content:space-between;align-items:center;margin-top:14px;background:var(--sunken);border-radius:var(--r);padding:16px 18px}
body.v3 .v3-sheet .v3-cl .v3-count b{font-size:22px}
body.v3 .v3-sheet .v3-cl .v3-count span.p{display:block;font-size:13px;color:var(--grey);margin-top:2px}

/* ── the checklist (a deal) ─────────────────────────────────────────────────────────────────────────────────── */
body.v3 .v3-cl .v3-ck{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line-soft);width:100%;text-align:left;font-size:14.5px;min-height:44px}
body.v3 .v3-cl .v3-ck:first-of-type{border-top:0}
body.v3 .v3-cl .v3-ck .bx{width:24px;height:24px;border-radius:8px;border:2px solid var(--never);display:grid;place-items:center;flex:none;color:var(--white);
  transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
body.v3 .v3-cl .v3-ck.done .bx{background:var(--green);border-color:var(--green);color:var(--ink)}
body.v3 .v3-cl .v3-ck.done .lbl{color:var(--grey);text-decoration:line-through}
body.v3 .v3-cl .v3-ck .when{margin-left:auto;font-size:13px;color:var(--grey);text-align:right;white-space:nowrap}
body.v3 .v3-cl .v3-ckrow{border-top:1px solid var(--line-soft)}
body.v3 .v3-cl .v3-ckrow:first-of-type{border-top:0}
body.v3 .v3-cl .v3-ckrow>.v3-ck{border-top:0}
body.v3 .v3-cl .v3-ckrow>form{display:contents}
body.v3 .v3-cl .v3-ckline{position:relative}
body.v3 .v3-cl .v3-ckline .v3-ck .when{visibility:hidden;padding-left:8px}
body.v3 .v3-cl .v3-ckline>.v3-ckch.when{position:absolute;right:0;top:0;bottom:0;padding-left:8px;padding-right:0;background:var(--white)}
body.v3 .v3-cl .v3-ckch{font-size:13px;font-weight:650;color:var(--grey-d);min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
body.v3 .v3-cl .v3-ckedit{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:0 0 12px 36px}
body.v3 .v3-cl .v3-ckedit .v3-field{width:auto;flex:1;min-width:150px;height:44px}
html.js body.v3 .v3-cl .v3-ckedit:not(.open){display:none}
body.v3 .v3-cl .v3-ckch.when{font-weight:400;color:var(--grey);margin-left:auto;text-align:right;white-space:nowrap}

/* ── the pipeline ───────────────────────────────────────────────────────────────────────────────────────────── */
body.v3 .v3-cl .v3-pc{padding:15px;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none}
body.v3 .v3-cl .v3-pc .ph{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
body.v3 .v3-cl .v3-pc .pn{font-weight:700;font-size:15.5px;letter-spacing:-.018em}
body.v3 .v3-cl .v3-pc .ps{font-size:13px;color:var(--grey);margin-top:2px}
body.v3 .v3-cl .v3-pc .pb{margin-top:12px}
body.v3 .v3-cl .v3-pc .pf{display:flex;justify-content:space-between;font-size:12.5px;color:var(--grey-d);margin-top:7px;gap:8px}
body.v3 .v3-cl .v3-pc .pf>span:last-child{text-align:right}
body.v3 .v3-cl .v3-pc .pm{margin-top:10px;display:flex;gap:6px}
body.v3 .v3-cl .v3-pc[hidden]{display:none}
body.v3 .v3-cl .v3-pc a.pa{display:block;color:inherit}
body.v3 .v3-cl .v3-stage-h{display:flex;justify-content:space-between;align-items:baseline;gap:0 4px;margin:18px 2px 8px}
body.v3 .v3-cl .v3-stage-h b{font-size:15px}
/* the product audit (18 October 2026): a stage's count and total, 5.6:1 on the board (the grey was 2.8:1) */
body.v3 .v3-cl .v3-stage-h span{font-size:13px;color:var(--grey-d);text-align:right}
body.v3 .v3-cl .v3-board{display:block}
body.v3 .v3-cl .v3-col>.v3-card+.v3-card{margin-top:8px}
body.v3 .v3-cl .v3-col .v3-none{margin:0 2px 6px}
body.v3 .v3-cl .v3-col:has(.v3-pc:not([hidden])) .v3-none{display:none}
body.v3 .v3-cl .v3-pipenote{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:14px;color:var(--grey-d)}
body.v3 .v3-cl .v3-pipenote b{color:var(--ink);text-decoration:underline}
body.v3 .v3-dragghost{position:fixed;z-index:80;pointer-events:none;margin:0!important;box-shadow:0 24px 40px -18px color-mix(in srgb,var(--ink) 50%,transparent)!important}

/* the deal's panel */
body.v3 .v3-cl .v3-pgrid{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
body.v3 .v3-cl .v3-pgrid>.v3-card+.v3-card{margin-top:0}
body.v3 .v3-cl .v3-deal .v3-hd{min-height:0}
body.v3 .v3-cl .v3-deal .v3-h2+p a{text-decoration:underline}
body.v3 .v3-cl .v3-hist{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line-soft);font-size:14px}
body.v3 .v3-cl .v3-hist:first-of-type{border-top:0;padding-top:0}

/* ── leads ──────────────────────────────────────────────────────────────────────────────────────────────────── */
body.v3 .v3-cl .v3-lead{cursor:pointer}
body.v3 .v3-cl .v3-lead .ph{display:flex;justify-content:space-between;gap:10px}
body.v3 .v3-cl .v3-lead .nm{font-weight:700;font-size:16px}
body.v3 .v3-cl .v3-lead .src{font-size:13px;color:var(--grey)}
body.v3 .v3-cl .v3-lead .asked{font-size:14px;margin-top:8px;color:var(--grey-d)}
body.v3 .v3-cl .v3-lead .asked b{color:var(--ink)}
body.v3 .v3-cl .v3-lacts{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap;align-items:center}
body.v3 .v3-cl .v3-lacts form{display:contents}
body.v3 .v3-cl .v3-sortcard{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 16px}
body.v3 .v3-cl .v3-sortcard .tx{flex:1;min-width:0}
body.v3 .v3-cl .v3-lmsg{font-size:15px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}

/* ── the desk's split: a list with the lead or the deal beside it ───────────────────────────────────────────── */
body.v3 .v3-cl .v3-pane-empty{display:none}
body.v3 .v3-cl .v3-two-col,body.v3 .v3-cl .v3-lgrid{display:block}
body.v3 .v3-cl .v3-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:12px}
body.v3 .v3-cl .v3-reasons{margin-top:10px;display:grid;gap:6px}
body.v3 .v3-cl .v3-reasons div{display:flex;gap:8px;font-size:14px;color:var(--grey-d)}
body.v3 .v3-cl .v3-reasons div::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);margin-top:7px;flex:none}

/* saved filters: a row, and Pin and reorder under it */
body.v3 .v3-cl .v3-frow+.v3-frow{border-top:1px solid var(--line-soft)}
body.v3 .v3-cl .v3-frow .v3-li{border-top:0}
body.v3 .v3-cl .v3-farr{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 12px 60px}
body.v3 .v3-cl .v3-farr form{display:contents}
body.v3 .v3-cl p.v3-li{display:block;min-height:0}

/* the saved filter's draft page: which text */
body.v3 .v3-cl .v3-tpl{display:block;border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-align:left;background:var(--white);cursor:pointer}
body.v3 .v3-cl .v3-tpl+.v3-tpl{margin-top:8px}
body.v3 .v3-cl .v3-tpl b{display:block;font-size:14px}
body.v3 .v3-cl .v3-tpl span{font-size:12.5px;color:var(--grey);line-height:1.35;display:block;margin-top:2px}
body.v3 .v3-cl .v3-tpl .body{font-size:14px;color:var(--grey-d);margin-top:8px;white-space:pre-line}
body.v3 .v3-cl .v3-tpl:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
body.v3 .v3-cl .v3-tpl input{position:absolute;opacity:0;width:1px;height:1px}

/* ── the phone: under 900 ───────────────────────────────────────────────────────────────────────────────────── */
@media (max-width:899px){
  body.v3 .v3-cl .v3-desk-only{display:none!important}
  body.v3 .v3-cl button.v3-pill,body.v3 .v3-sheet .v3-cl button.v3-pill{min-height:44px}
  body.v3 .v3-cl .v3-two-col>*+*{margin-top:12px}
  body.v3 .v3-cl .v3-lgrid>*+*{margin-top:10px}
  body.v3 .v3-cl .v3-split>.v3-pane{display:none}
  body.v3 .v3-cl .v3-split>.v3-pane.v3-solo{display:block}
  body.v3 .v3-cl .v3-pipe-split>.v3-pane{display:none}
  body.v3 .v3-cl .v3-pipe-split>.v3-pane.v3-solo{display:block}
}

/* ── the desk: 900 and wider ────────────────────────────────────────────────────────────────────────────────── */
@media (min-width:900px){
  body.v3 .v3-cl .v3-ph-only{display:none!important}
  body.v3 .v3-cl .v3-me{display:none}
  body.v3 .v3-cl .v3-h1{font-size:42px}
  body.v3 .v3-cl .v3-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
  body.v3 .v3-cl .v3-lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body.v3 .v3-cl .v3-lgrid>.v3-card+.v3-card{margin-top:0}
  body.v3 .v3-cl .v3-split{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:24px;align-items:start;margin-top:16px}
  body.v3 .v3-cl .v3-split .v3-pane{position:sticky;top:0;height:calc(100dvh - 56px);overflow-y:auto;border-radius:26px;background:var(--paper);scrollbar-width:none;
    box-shadow:0 0 0 1px var(--line-soft)}
  body.v3 .v3-cl .v3-split .v3-pane::-webkit-scrollbar{display:none}
  body.v3 .v3-cl .v3-pane-empty{display:grid;place-items:center;text-align:center;color:var(--grey-d);height:100%;padding:40px}
  body.v3 .v3-cl .v3-pane-empty b{display:block;font-size:20px;color:var(--ink);margin-bottom:6px;letter-spacing:-.02em}
  body.v3 .v3-cl .v3-pane .v3-panein.deal{padding:22px 24px}
  body.v3 .v3-cl .v3-pane .v3-panein.lead{padding:24px 26px}
  body.v3 .v3-cl .v3-pane .v3-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.v3 .v3-cl .v3-pane .v3-pgrid .wide{grid-column:1/-1}
  body.v3 .v3-cl .v3-pane .v3-deal .v3-pgrid{grid-template-columns:minmax(0,1fr)}
  body.v3 .v3-cl .v3-board{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;align-items:start;margin-top:16px;
    overflow-x:auto}   /* five 190px stages are 998px: where main is narrower (1200) the board scrolls, not the whole screen */
  body.v3 .v3-cl .v3-board .v3-col{background:color-mix(in srgb,var(--ink) 4%,transparent);border-radius:20px;padding:10px;min-height:420px;transition:box-shadow var(--dur-fast) var(--ease-out)}
  body.v3 .v3-cl .v3-board .v3-stage-h{margin:4px 6px 10px}
  body.v3 .v3-cl .v3-board .v3-col.drop{box-shadow:inset 0 0 0 2px var(--green)}
  body.v3 .v3-cl .v3-board .v3-col .v3-none{display:none}
  body.v3 .v3-cl .v3-pipe-split{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
  body.v3 .v3-cl .v3-pipe-split.on{grid-template-columns:minmax(0,1fr) 440px}
  body.v3 .v3-cl .v3-pipe-split>*{min-width:0}
  body.v3 .v3-cl .v3-pipe-split.on .v3-board{grid-template-columns:repeat(5,200px);overflow-x:auto;padding-bottom:6px}
  body.v3 .v3-cl .v3-pipe-split>.v3-pane{display:none}
  body.v3 .v3-cl .v3-pipe-split.on>.v3-pane{display:block;position:sticky;top:0;margin-top:16px;max-height:calc(100dvh - 60px);overflow-y:auto;scrollbar-width:none}
  body.v3 .v3-cl .v3-pipe-split>.v3-pane::-webkit-scrollbar{display:none}
}
@media (min-width:1600px){
  body.v3 .v3-cl .v3-split{grid-template-columns:480px minmax(0,1fr)}
  body.v3 .v3-cl .v3-rows.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.v3 .v3-cl .v3-lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.v3 .v3-cl .v3-pipe-split.on{grid-template-columns:minmax(0,1fr) 520px}
  body.v3 .v3-cl .v3-pipe-split.on .v3-board{grid-template-columns:repeat(5,minmax(170px,1fr));overflow:visible}
}
@media (prefers-reduced-motion: reduce){
  body.v3 .v3-cl .v3-bar>i,body.v3 .v3-cl .v3-ck .bx{transition:none}
  body.v3 .v3-cl .v3-tap{transition:none}
}

/* ── Round 2: Archive and Restore, deals and lists (v3/views_archive.py). Global v3-arch* names: the card and Lists
   use them too. ── */
body.v3 .v3-archfoot{margin:22px 0 4px;text-align:center}
body.v3 .v3-archfoot .v3-link{display:inline-flex;align-items:center;min-height:44px;margin:0;color:var(--grey-d);font-size:14px;font-weight:600}
body.v3 .v3-archnote{display:flex;align-items:center;gap:12px;background:var(--sunken)}
body.v3 .v3-archnote .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
body.v3 .v3-archbtn{display:inline-flex;align-items:center;min-height:44px;padding:0;background:none;border:0;cursor:pointer;flex:none;font:inherit;color:inherit}
body.v3 .v3-archbtn>.v3-pill{pointer-events:none}
body.v3 .v3-archmore{width:44px;height:44px;display:grid;place-items:center;flex:none;color:var(--ink)}
body.v3 .v3-archcard>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;font-size:15px;min-height:44px;cursor:pointer;list-style:none}
body.v3 .v3-archcard>summary::-webkit-details-marker{display:none}
body.v3 .v3-archcard>summary .v3-i{color:var(--grey);transition:transform var(--dur-base) var(--spring-smooth)}
body.v3 .v3-archcard[open]>summary .v3-i{transform:rotate(90deg)}
body.v3 .v3-archrow{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line-soft)}
body.v3 .v3-archrow .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;color:inherit;text-decoration:none}
body.v3 .v3-archrow .tx b,body.v3 .v3-archrow .tx .v3-fine{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v3 [data-v3-archive-page] .v3-sl{font-size:14px;color:var(--grey-d);margin-top:4px}
body.v3 [data-v3-archive-page] .v3-note{font-size:12.5px;color:var(--grey);margin-top:10px}
body.v3 [data-v3-archive-page] .v3-sa{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
body.v3 [data-v3-archive-page] h3{font-size:20px;font-weight:700;letter-spacing:-.01em}
/* Leads' and Clients' side pane on the desk, stuck at the top as the page scrolls: 1px down, so its hairline edge is
   never trimmed (the spacing round, 16 October 2026) */
@media (min-width:900px){ body.v3 .v3-cl .v3-split .v3-pane{top:1px} }