/* Northlem Sales redesign. Every color is a token in :root (hex values live nowhere else). Motion tokens only. */
:root{
 --ink:#0B1F3B;--ink-2:#33415C;--slate:#5B6474;--canvas:#F8F7F4;--surface:#FFFFFF;
 --line:#E6E9EF;--line-strong:#D6DCE5;--table-head:#F7F8FA;--row-hover:#FAFBFC;
 --blue:#2F7BFF;--blue-action:#1E6BF0;--blue-hover:#1A5FD6;--blue-press:#174FB5;--blue-text:#1A5BD0;--blue-tint:#E8F0FF;
 --c-info-bg:#E8F0FF;--c-info-tx:#1D4ED8;--c-info-dot:#2F7BFF;
 --c-warn-bg:#FEF3C7;--c-warn-tx:#92400E;--c-warn-dot:#F59E0B;
 --c-ok-bg:#DCFCE7;--c-ok-tx:#166534;--c-ok-dot:#22C55E;
 --c-risk-bg:#FEE2E2;--c-risk-tx:#B91C1C;--c-risk-dot:#EF4444;
 --c-neutral-bg:#F1F3F6;--c-neutral-tx:#475467;--c-neutral-dot:#98A2B3;
 --c-violet-bg:#EDE9FE;--c-violet-tx:#5B21B6;--li:#0A66C2;
 --callout-warn-bg:#FFFBEB;--callout-ok-bg:#F0FDF4;
 --av0-bg:#E8F0FF;--av0-tx:#1D4ED8;--av1-bg:#F1F3F6;--av1-tx:#475467;--av2-bg:#0B1F3B;--av2-tx:#FFFFFF;
 --av3-bg:#DCFCE7;--av3-tx:#166534;--av4-bg:#FEF3C7;--av4-tx:#92400E;--av5-bg:#EDE9FE;--av5-tx:#5B21B6;
 --ink-rgb:11 31 59;--blue-rgb:47 123 255;--white-rgb:255 255 255;
 --sh-card:0 1px 2px rgb(var(--ink-rgb)/.04);
 --sh-pop:0 12px 32px rgb(var(--ink-rgb)/.12);
 --scrim:rgb(var(--ink-rgb)/.32);--skel:rgb(var(--ink-rgb)/.06);--sheen:rgb(var(--white-rgb)/.6);
 --r-in:10px;--r-card:14px;--font:Inter,system-ui,sans-serif;
 --ease:cubic-bezier(.22,1,.36,1);
 --t-fast:120ms;--t-base:200ms;--t-slow:300ms;
 --side-w:260px;--top-h:100px;--blue-wash:#EAF1FF;--violet:#8B5CF6;--blue-blob:#E3ECFF;--blue-leaf:#DCE8FF;--blue-soft:#7FB2FF;--mint:#A7F3D0;--amber-bg:#FFF8EB;--amber-line:#F7DDB0;--amber-tx:#B45309;--ok-line:#BBF7D0;--sel:#EEF4FF;--ground:#E3E8F0;--panel:#F5F7FB;--line-btn:#C9D6EA;--todo-bg:#E7F8EE;--todo-tx:#15803D;--violet-tx2:#6D28D9;--od:#DC2626;--ink-3:#1F2A3D;--muted:#6B7280;--line-input:#E3E6EB;--line-soft:#ECEEF2;--row-line:#EEF0F3;--cb-line:#C9CED6;--rh:56px;--hmb:24px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--canvas);color:var(--ink);font:400 15px/22px var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:lining-nums}
body.compact{--rh:44px}
h1,h2,h3{text-wrap:balance;margin:0}
h1{font-size:44px;line-height:46px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
h2{font-size:20px;line-height:26px;font-weight:700;color:var(--ink);margin:0 0 12px}
h3{font-size:15px;line-height:22px;font-weight:600}
p{text-wrap:pretty;max-width:68ch;margin:0}
a{color:var(--blue-text);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
.num,.kn,.kd,.kl,.score,.badge,.sc,.when,time,kbd,.cnt,.delta,.dt td,.dt th,.sb td,.tfoot,.statcard,.bigphone,.big,.big2,.cn2,.legend,.days,.est,.fv,.fillcard b,.costbox b,.dl dd,.dmeta,.ready-c,.tt,.timeline .when,.toast,.setup .stitle{font-variant-numeric:tabular-nums lining-nums}
.bn,.bs,.sub,.ttl h1,.e-title,.e-text,.dsec p,.dsec li{font-variant-numeric:lining-nums}
.num{text-align:right}
.ic{flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}
.ic.dots{stroke-width:3}
:focus{outline:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.eyebrow{font-size:13px;line-height:18px;color:var(--slate);font-weight:600}
.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-card);border-radius:var(--r-card);padding:24px}
.muted{color:var(--slate)}
.cap{font-size:13px;line-height:18px}
.err{color:var(--c-risk-tx);font-size:13px;line-height:20px}
.err:empty{display:none}
.err:not(:empty){background:var(--c-risk-bg);padding:8px 12px;border-radius:var(--r-in)}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sect{margin:24px 0 8px;font-size:15px}
.gap{margin-top:16px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;background:var(--blue-action);color:var(--surface);border:1px solid var(--blue-action);border-radius:var(--r-in);font:600 15px/20px var(--font);cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.btn:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:var(--surface);text-decoration:none}
.btn:active{background:var(--blue-press);border-color:var(--blue-press);transform:scale(.98)}
.btn.ghost,.btn.sec{background:var(--surface);color:var(--blue-text);border-color:var(--line-strong)}
.btn.ghost:hover,.btn.sec:hover{background:var(--blue-tint);border-color:var(--line-strong);color:var(--blue-text)}
.btn.text{background:transparent;border-color:transparent;color:var(--blue-text);padding:0 8px}
.btn.text:hover{background:var(--blue-tint)}
.btn.danger{background:var(--c-risk-tx);border-color:var(--c-risk-tx)}
.btn.danger:hover{background:var(--c-risk-tx);border-color:var(--c-risk-tx);opacity:.9}
.btn.small{height:36px;padding:0 14px;font-size:14px}
.btn.icon{width:44px;padding:0}
.btn.small.icon{width:36px;padding:0}
.btn.lg{height:52px;padding:0 28px;font-size:16px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.warn,.btn.warnb{color:var(--c-risk-tx)}
.btn.warn{background:var(--surface);border-color:var(--line-strong)}
.btn.warn:hover{background:var(--c-risk-bg);color:var(--c-risk-tx)}
.btn.block{width:100%}
.btn .lbl{display:inline-block}
.link-btn{background:none;border:0;color:var(--blue-text);font:inherit;cursor:pointer;padding:0}
.link-btn:hover{text-decoration:underline;text-underline-offset:3px}
.kebab{display:inline-grid;place-items:center;width:32px;height:32px;border:0;background:transparent;border-radius:var(--r-in);color:var(--ink-2);cursor:pointer;position:relative}
.kebab:hover{background:var(--table-head)}
/* form */
input,select,textarea{font:400 15px/20px var(--font);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-in);padding:11px 14px;height:44px;width:100%;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}
textarea{height:auto;min-height:44px;resize:vertical}
select{appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--slate) 50%),linear-gradient(135deg,var(--slate) 50%,transparent 50%);background-position:calc(100% - 19px) 55%,calc(100% - 13px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
input::placeholder,textarea::placeholder{color:var(--slate);opacity:.85}
input:hover,select:hover,textarea:hover{border-color:var(--slate)}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgb(var(--blue-rgb)/.18)}
input[type=checkbox],input[type=radio]{appearance:auto;width:18px;height:18px;padding:0;accent-color:var(--blue-action);flex:none;border-radius:4px}
input[type=file]{height:auto;padding:10px 12px}
input[readonly]{background:var(--table-head)}
label{display:block;font:600 14px/20px var(--font);color:var(--ink)}
label input,label select,label textarea{margin-top:6px;font-weight:400}
label.check{display:flex;gap:10px;align-items:flex-start;color:var(--ink);margin-top:8px;font-weight:500}
label.check input{margin:1px 0 0}
.help{display:block;font:400 13px/18px var(--font);color:var(--slate);margin-top:4px}
kbd,.kc{display:inline-block;font:500 12px/18px var(--font);color:var(--ink-2);background:var(--table-head);border:1px solid var(--line-strong);border-radius:6px;padding:1px 7px;margin-right:2px}
/* auth screens */
.login{min-height:100vh;display:grid;place-items:center;padding:16px;align-content:center;gap:24px;position:relative;overflow:hidden}
.login-line{position:absolute;top:24px;right:40px;pointer-events:none}
.login-card{width:100%;max-width:440px;display:grid;gap:16px;padding:36px;position:relative;box-shadow:var(--sh-pop)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.login-card h1{font-size:28px;line-height:34px}
.login-card .btn,.login-card input{height:44px}
.login-card .btn{width:100%}
.gbtn{justify-content:center}
/* logo */
.mark{flex:none;display:block;overflow:visible}
.wm{display:inline-flex;gap:.55em;font-size:15px;line-height:20px;letter-spacing:.2em;white-space:nowrap}
.wm b{font-weight:700;color:var(--ink)}
.wm span{font-weight:400;color:var(--slate)}
/* shell */
.shell{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);grid-template-rows:var(--top-h) minmax(0,1fr);min-height:100vh}
.topbar{grid-column:1/-1;grid-row:1;display:flex;align-items:center;height:var(--top-h);background:var(--surface);border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:20}
.tb-logo{display:flex;align-items:center;gap:16px;width:var(--side-w);padding:0 0 0 28px;height:100%;flex:none;color:var(--ink)}
.tb-logo .wm{flex-direction:column;gap:0;font-size:20px;line-height:20px;letter-spacing:.13em}
.tb-logo .wm span{letter-spacing:.1em;color:var(--ink-2)}
.tb-logo .mark{width:66px;height:45px}
@media(min-width:1024px){.topbar{padding-top:6px}.tb-logo{position:relative;top:8px}}
.tb-logo:hover{text-decoration:none}
.tb-hamb{display:none}
.tb-search{display:flex;align-items:center;gap:3px;width:988px;max-width:calc(100% - var(--side-w) - 400px);height:46px;margin-left:36px;padding:0 16px 0 21px;background:var(--surface);border:1px solid var(--line-input);border-radius:8px;color:var(--muted);font:400 15.5px/22px var(--font);cursor:pointer;text-align:left;flex:0 1 auto}
.tb-search:hover{border-color:var(--slate)}
.tb-search span:first-of-type{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-search .kcs{margin-left:auto;flex:none}
.tb-user{margin-left:0;padding-right:28px;position:relative;flex:none}
.tb-ubtn{display:flex;align-items:center;gap:13px;background:transparent;border:0;cursor:pointer;font:500 15.5px/22px var(--font);color:var(--ink);padding:0 6px;border-radius:var(--r-in)}
.tb-ubtn:hover{background:var(--table-head)}
.av-nav{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--surface);font:600 17px/1 var(--font)}
#whoName{min-width:65px;text-align:left}
.tb-ubtn>.ic{width:16px;height:16px;margin-left:7px}
.menu{position:absolute;right:28px;top:58px;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-pop);padding:8px;z-index:25}
.menu-role{padding:8px 12px;font-size:13px;color:var(--slate);text-transform:capitalize}
.menu button{display:flex;gap:10px;align-items:center;width:100%;height:40px;padding:0 12px;background:transparent;border:0;border-radius:var(--r-in);font:500 15px/20px var(--font);color:var(--ink);cursor:pointer}
.menu button:hover{background:var(--table-head)}
.side{grid-column:1;grid-row:2;background:var(--canvas);border-right:1px solid var(--line-soft);display:flex;flex-direction:column;padding:26.5px 18px 16px 26px;position:sticky;top:var(--top-h);height:calc(100vh - var(--top-h));align-self:start;view-transition-name:sidebar}
.side nav{display:flex;flex-direction:column;gap:8.5px}
.side nav a{display:flex;align-items:center;gap:21px;height:51px;padding:0 12px;border-radius:8px;color:var(--ink-3);font:500 16.5px/24px var(--font);white-space:nowrap;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}
.side nav a .ic{width:24px;height:24px;stroke-width:1.6}
.side nav a:hover{background:var(--line);text-decoration:none}
.side nav a.active{background:var(--blue-tint);color:var(--blue-text);font-weight:600}
.side nav a[data-nav=calls].active .ic{fill:currentColor}
.side-foot{margin-top:auto}
.costbox{width:100%;display:flex;gap:8px;align-items:center;background:transparent;border:0;border-radius:var(--r-in);padding:8px 12px;font:400 14px/18px var(--font);color:var(--slate);cursor:pointer;text-align:left}
.costbox:hover{background:var(--line)}
.costbox b{font:600 14px/18px var(--font);color:var(--ink-2)}
.scrim{position:fixed;inset:0;background:var(--scrim);z-index:28}
/* main + page header */
.main{grid-column:2;grid-row:2;min-width:0;width:100%;padding:var(--pt,32px) var(--pr,40px) 56px var(--pl,40px)}
.main.route-in{animation:vt-in var(--t-base) var(--ease) both}
.main[data-r=calls]{--pl:27px;--pr:30px;--pt:19px;--hmb:25px}
.main[data-r=tasks]{--pl:31px;--pr:36px;--pt:26px;--hmb:22px}
.main[data-r=leads]{--pl:35px;--pr:32px;--pt:31px;--hmb:25px}
.main[data-r=pipeline]{--pl:11px;--pr:24px;--pt:16px;--hmb:21px}
.main[data-r=meetings]{--pl:32px;--pr:32px;--pt:32px;--hmb:24px}
.main[data-r=followups]{--pl:12px;--pr:22px;--pt:28px;--hmb:18px}
.main[data-r=reports]{--pl:15px;--pr:29px;--pt:8px;--hmb:8px}
.main[data-r=team]{--pl:35px;--pr:27px;--pt:30px;--hmb:38px}
.main[data-r=settings]{--pl:11px;--pr:23px;--pt:26px;--hmb:32px}
.head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:var(--hmb)}
.ttl{min-width:0}
.ttl .back{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--slate);margin-bottom:6px}
.ttl .back:hover{color:var(--ink)}
.sub{font-size:18px;line-height:23px;color:var(--slate);margin-top:6px}
.sub strong{color:var(--blue-text);font-weight:600}
.hacts{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.hacts:empty{display:none}
.hacts .btn:not(.small):not(.icon){height:52px;padding:0 24px;font-size:16px}
.rline{position:static;flex:1 1 0;width:0;height:0;pointer-events:none;display:block;min-width:0}
.rline .art-line{position:absolute;left:0;top:-4px;transform-origin:0 0;overflow:visible;z-index:1}
.rline .art-blob.hb{position:absolute;top:0;z-index:0;height:100px}
.art-blob{pointer-events:none}
.art-line .rg{opacity:1}
#main[data-fresh] .art-line path{stroke-dasharray:1;animation:draw .6s var(--ease) both}
#main[data-fresh] .art-line .rg{opacity:0;animation:fadein var(--t-base) var(--ease) both;animation-delay:calc(600ms + var(--n,0)*80ms)}
.main{position:relative}
.main.head-sub .head{margin-bottom:12px}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes fadein{to{opacity:1}}
.card .head{margin-bottom:12px}
/* kpi cards */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:var(--kmb,24px)}
.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpi-card{position:relative;display:flex;align-items:center;gap:20px;min-height:var(--kh,101px);padding:0 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-card);color:var(--ink)}
a.kpi-card:hover{text-decoration:none;border-color:var(--line-strong)}
.disc{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--blue-tint);color:var(--blue-action)}
.disc.t-green{background:var(--c-ok-bg);color:var(--c-ok-tx)}
.disc.t-neutral{background:var(--c-neutral-bg);color:var(--ink-2)}
.disc.t-violet{background:var(--c-violet-bg);color:var(--c-violet-tx)}
.kb{display:flex;flex-direction:column;min-width:0}
.kn{font-size:28px;line-height:34px;font-weight:700;color:var(--ink);text-align:left}
.kl{font-size:14px;line-height:20px;color:var(--slate)}
.kd{font-size:13px;line-height:18px;color:var(--slate)}
.kchev{margin-left:auto;color:var(--ink-2)}
.delta{display:inline-flex;align-items:center;gap:3px;font:500 13px/18px var(--font);white-space:nowrap}
.delta .ic{display:inline-block}
.delta.up{color:var(--c-ok-tx)}.delta.down{color:var(--c-risk-tx)}.delta.flat{color:var(--slate)}
/* table card */
.tcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-card);overflow:hidden}
.tbar{display:flex;align-items:flex-start;gap:12px;min-height:74px;padding:14px 24px 0 24px}
.tbar .tsearch{margin-top:2px}
.utabs{display:flex;flex-wrap:wrap;gap:6px 28px;align-self:stretch}
.utab{background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-0px;padding:0;font:500 15px/20px var(--font);color:var(--ink-2);cursor:pointer;white-space:nowrap;min-height:44px;align-self:flex-end;transition:color var(--t-fast) var(--ease)}
.utab:hover{color:var(--ink)}
.utab.on{color:var(--blue-text);border-bottom-color:var(--blue)}
.utab .cnt{font-weight:500;color:inherit}
.tbar .grow{flex:1}
.tsearch{position:relative;width:280px;flex:none}
.tsearch .ic{position:absolute;left:12px;top:12px;color:var(--slate)}
.tsearch input{height:40px;padding:0 12px 0 40px;font-size:14px}
.tscroll{overflow-x:auto}
table.dt{border-collapse:separate;border-spacing:0;width:100%}
.dt th,.dt td{text-align:left;padding:0 12px;white-space:nowrap}
.dt th:first-child,.dt td:first-child{padding-left:24px}
.dt th:last-child,.dt td:last-child{padding-right:24px}
.dt th{height:46px;background:var(--table-head);font:600 13px/18px var(--font);color:var(--slate);border-top:1px solid var(--line);border-bottom:1px solid var(--line);user-select:none}
.dt th[data-sort]{cursor:pointer}
.dt th[data-sort]:hover{color:var(--ink)}
.dt th[data-sort] .ic{display:inline-block;vertical-align:-3px;margin-left:2px}
.dt th.num,.dt td.num{text-align:right}
.dt td{height:var(--rh);font:400 14px/20px var(--font);color:var(--ink);border-bottom:1px solid var(--line);max-width:300px;overflow:hidden;text-overflow:ellipsis}
.dt tbody tr:last-child td{border-bottom:0}
.dt tbody tr{transition:background-color var(--t-fast) var(--ease)}
.dt tbody tr.click{cursor:pointer}
.dt tbody tr:hover{background:var(--row-hover)}
.dt tbody tr.kf{background:var(--row-hover);box-shadow:inset 3px 0 0 var(--blue)}
.dt tbody tr.sel{background:var(--blue-tint)}
.dt tr.grp td{height:40px;background:var(--table-head);font-weight:600;border-top:0}
.dt tr.grp button{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;font:600 14px/20px var(--font);color:var(--ink);cursor:pointer}
.dt tr.grp .ic{transition:transform var(--t-base) var(--ease)}
.dt tr.grp.shut .ic{transform:rotate(-90deg)}
.cell-biz{display:flex;align-items:center;gap:12px;min-width:0}
.cell-biz>span:last-child{display:flex;flex-direction:column;min-width:0}
.bn{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.bn a{color:inherit}
.bs{font-size:13px;line-height:18px;color:var(--slate);overflow:hidden;text-overflow:ellipsis}
.dt .od,.od{color:var(--c-risk-tx)}
.dt .today{color:var(--blue-text);font-weight:600}
.overdue{color:var(--c-risk-tx)}
.tfoot{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-size:14px;color:var(--slate)}
.rowact{display:flex;align-items:center;gap:8px;justify-content:flex-end}
/* avatars */
.av{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;font:600 13px/1 var(--font)}
.av.sm{width:28px;height:28px;font-size:11px}
.av.lg{width:48px;height:48px;font-size:16px}
.av0{background:var(--av0-bg);color:var(--av0-tx)}.av1{background:var(--av1-bg);color:var(--av1-tx)}.av2{background:var(--av2-bg);color:var(--av2-tx)}
.av3{background:var(--av3-bg);color:var(--av3-tx)}.av4{background:var(--av4-bg);color:var(--av4-tx)}.av5{background:var(--av5-bg);color:var(--av5-tx)}
/* chips and badges */
.sc{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:999px;font:500 13px/18px var(--font);white-space:nowrap;background:var(--c-neutral-bg);color:var(--c-neutral-tx)}
.sc>i{width:8px;height:8px;border-radius:50%;background:var(--c-neutral-dot);flex:none}
.sc.c-info{background:var(--c-info-bg);color:var(--c-info-tx)}.sc.c-info>i{background:var(--c-info-dot)}
.sc.c-warn{background:var(--c-warn-bg);color:var(--c-warn-tx)}.sc.c-warn>i{background:var(--c-warn-dot)}
.sc.c-ok{background:var(--c-ok-bg);color:var(--c-ok-tx)}.sc.c-ok>i{background:var(--c-ok-dot)}
.sc.c-risk{background:var(--c-risk-bg);color:var(--c-risk-tx)}.sc.c-risk>i{background:var(--c-risk-dot)}
.sc.c-violet{background:var(--c-violet-bg);color:var(--c-violet-tx)}
.sc.sm{height:24px;padding:0 8px;font-size:12px}
.sc.btnish{border:0;cursor:pointer;font-family:inherit}
select.stagesel{appearance:none;border:0;height:28px;padding:0 28px 0 28px;border-radius:999px;font:500 13px/18px var(--font);background-color:var(--c-info-bg);color:var(--c-info-tx);cursor:pointer;width:auto;background-position:calc(100% - 14px) 55%,calc(100% - 8px) 55%;background-size:6px 6px,6px 6px;margin:0}
.stagewrap{position:relative;display:inline-block}
.stagewrap i{position:absolute;left:11px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--c-info-dot);pointer-events:none}
.stagewrap.warn select{background-color:var(--c-warn-bg);color:var(--c-warn-tx)}.stagewrap.warn i{background:var(--c-warn-dot)}
.stagewrap.ok select{background-color:var(--c-ok-bg);color:var(--c-ok-tx)}.stagewrap.ok i{background:var(--c-ok-dot)}
.stagewrap.risk select{background-color:var(--c-risk-bg);color:var(--c-risk-tx)}.stagewrap.risk i{background:var(--c-risk-dot)}
.score{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;font:700 13px/1 var(--font);background:var(--c-neutral-bg);color:var(--c-neutral-tx)}
.score.hi{background:var(--c-ok-bg);color:var(--c-ok-tx)}.score.mid{background:var(--c-info-bg);color:var(--c-info-tx)}
.badge{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:8px;font:700 13px/1 var(--font);background:var(--c-neutral-bg);color:var(--c-neutral-tx)}
.badge.hi{background:var(--c-ok-bg);color:var(--c-ok-tx)}.badge.mid{background:var(--c-info-bg);color:var(--c-info-tx)}
.pill,.vtag,.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font:500 12px/16px var(--font);background:var(--c-neutral-bg);color:var(--c-neutral-tx);white-space:nowrap}
.pill.ready,.vtag.ok,.pill.per{background:var(--c-ok-bg);color:var(--c-ok-tx)}
.pill.failed{background:var(--c-risk-bg);color:var(--c-risk-tx)}
.vtag.ok{background:var(--c-ok-bg);color:var(--c-ok-tx)}
.pill.processing,.pill.uploaded{background:var(--c-warn-bg);color:var(--c-warn-tx)}
.pill.cond,.pill.lin,.pill.org{background:var(--c-info-bg);color:var(--c-info-tx)}
.tag{margin-right:6px;height:22px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c-risk-dot);margin-left:6px;vertical-align:middle}
.dot.sm{width:6px;height:6px}
.status{display:inline-flex;align-items:center;gap:8px}
/* empty states: compact, never a giant blank card */
.empty{display:flex;align-items:center;gap:20px;padding:20px 24px;max-width:560px;margin:0 auto;color:var(--slate);min-height:120px;max-height:180px}
.empty .eart{flex:none;width:96px;height:96px}
.e-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.empty .e-title{font:700 17px/24px var(--font);color:var(--ink)}
.empty .e-text{font-size:14px;line-height:20px;color:var(--slate)}
.empty .btn{margin-top:8px;height:40px}
.empty .e-hint{font-size:13px;line-height:18px}
.empty.compact{padding:8px 0;min-height:0;margin:0;max-width:none}
.empty.compact .e-title{font:400 14px/20px var(--font);color:var(--slate)}
.card.empty{max-width:none;margin:0}
.tcard>.empty{margin:0 auto}
.err-state{background:var(--c-risk-bg);padding:12px 16px;font-size:14px;border-radius:var(--r-in)}
.rail .empty{flex-direction:column;align-items:flex-start;padding:0;max-height:none;max-width:none;min-height:0;margin:0}
/* skeleton */
.skel{display:inline-block;vertical-align:middle;position:relative;overflow:hidden;background:var(--skel);border-radius:6px;max-width:100%}
.skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,var(--sheen),transparent);animation:sheen 1.5s var(--ease) infinite}
@keyframes sheen{60%,100%{transform:translateX(100%)}}
.skwrap .deal,.skwrap .card{pointer-events:none}
/* lead, meeting and proposal pages: long names, smaller title */
.main[data-r=lead] h1,.main[data-r=meeting] h1,.main[data-r=proposal] h1{font-size:34px;line-height:40px}
.main[data-r=lead] .head,.main[data-r=meeting] .head{align-items:flex-start;flex-wrap:wrap}
.main[data-r=lead] .ttl,.main[data-r=meeting] .ttl{flex:1 1 360px}
.main[data-r=lead],.main[data-r=meeting],.main[data-r=proposal]{--pl:36px;--pr:36px;--pt:28px}
/* layout helpers per screen */
.split{display:grid;gap:20px;align-items:start}
.rail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-card);padding:28px}
.rail h2{margin-bottom:8px}
.rail .rbtn{margin-top:16px}
.rail .rart{display:block;margin:12px 0 8px;position:relative}
.rail{position:relative;overflow:hidden}
.rail>*{position:relative;z-index:1}
.rail>.art-blob{position:absolute;right:0;bottom:0;width:100%;height:auto;z-index:0}
.rail .rail-line{width:100%;height:auto}
/* Today's Calls list */
.calls-split{grid-template-columns:minmax(0,1fr) 312px}
.main[data-r=calls] .head,.main[data-r=calls] .kpis{margin-left:9px}
.main[data-r=calls] .head{margin-left:9px}
.main[data-r=calls] .kpis{width:1191px;max-width:calc(100% - 9px);--kmb:34px}
.main[data-r=calls] .ttl{min-width:404px}
.main[data-r=calls] #startCall{width:190px;height:51px;margin-top:-4px}
.main[data-r=tasks] .ttl{min-width:281px}
.main[data-r=tasks] .hacts{gap:16px}
.main[data-r=tasks] .hacts .btn{height:53px;margin-top:4px}
.main[data-r=tasks] .hacts a.btn{width:193px;padding:0}
.main[data-r=tasks] #addT{width:162px;padding:0}
.main[data-r=leads] .ttl{min-width:577px}
.main[data-r=calls]{--rh:55px}
/* fix-01: Today's Calls matches the mockup. Scoped to #/calls except where noted. */
.main[data-r=calls] h1{font-size:43.5px;line-height:52px}
.main[data-r=calls] .sub{font-size:18.5px;line-height:24px;color:var(--slate);margin-top:2px}
.main[data-r=calls] #startCall{font-size:16.5px;font-weight:600;gap:9px;padding:0 0 0 4px;border-radius:8px}
.main[data-r=calls] #startCall .ic{fill:currentColor}
.main[data-r=calls] .kpis{grid-template-columns:minmax(0,284fr) minmax(0,278fr) minmax(0,287fr) minmax(0,295fr);gap:15.67px}
.main[data-r=calls] .kpi-card{min-height:101px;padding:0 19px 0 25px;gap:28px;border-radius:10px;box-shadow:none}
.main[data-r=calls] .kpi-card .disc{width:60px;height:60px}
.main[data-r=calls] .kpi-card .disc .ic{stroke-width:2.1}
.main[data-r=calls] .kpi-card:first-child .disc .ic{fill:currentColor}
.main[data-r=calls] .kn{font-size:28px;line-height:34px}
.main[data-r=calls] .kl{white-space:nowrap;font-size:15.5px;line-height:22px;color:var(--ink-2);margin-top:3px}
.main[data-r=calls] .kchev{color:var(--ink-3)}
.main[data-r=calls] .kchev .ic{width:18px;height:18px;stroke-width:2}
.main[data-r=calls] .tcard{border-radius:10px;box-shadow:none;overflow:visible}
.main[data-r=calls] .tscroll{border-radius:0 0 9px 9px}
.main[data-r=calls] .tbar{min-height:62px;padding:0 12px 0 24px;gap:0;align-items:flex-start}
.main[data-r=calls] .utabs{flex-wrap:nowrap;gap:0 40px;margin-top:14px;align-self:flex-start;flex:none}
.main[data-r=calls] .utab{font-size:15.5px;line-height:20px;height:38px;min-height:0;padding:0 0 15px;border-bottom-width:3px;align-self:flex-start}
.main[data-r=calls] .utab.on{border-bottom-color:var(--blue-action)}
.main[data-r=calls] .tbar .tsearch{width:226px;margin-top:6px}
.main[data-r=calls] .tsearch .ic{left:13px;top:10px;width:18px;height:18px}
.main[data-r=calls] .tsearch input{display:block;margin:0;height:39px;padding:0 4px 0 40px;text-overflow:clip;font-size:13px;border:1px solid var(--line-input);border-radius:8px}
.main[data-r=calls] .tsearch input::placeholder{color:var(--muted)}
.fwrap{position:relative;margin:6px 0 0 19px;flex:none}
.fbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:106px;height:39px;padding:0;background:var(--surface);border:1px solid var(--line-input);border-radius:8px;font:500 14px/20px var(--font);color:var(--ink-3);cursor:pointer}
.fbtn:hover{background:var(--table-head)}
.fbtn .ic{width:18px;height:18px}
.fpop{position:absolute;right:0;top:45px;width:300px;display:grid;gap:10px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-pop);z-index:30}
.fpop .fp-t{font:600 14px/20px var(--font);color:var(--ink-3)}
.fp-chips{display:flex;flex-wrap:wrap;gap:8px}
.fchip{height:32px;padding:0 14px;border:1px solid var(--line-input);border-radius:999px;background:var(--surface);font:500 14px/20px var(--font);color:var(--ink-2);cursor:pointer}
.fchip.on{background:var(--blue-tint);border-color:var(--blue-action);color:var(--blue-text)}
.fpop select{height:40px}
.fpop .btn{justify-self:end}
.cl-dt{table-layout:fixed;width:100%}
.main[data-r=calls] .dt th,.main[data-r=calls] .dt td{padding:0}
.main[data-r=calls] .dt th:first-child,.main[data-r=calls] .dt td:first-child{padding-left:25px}
.main[data-r=calls] .dt th{height:50px;font:600 13.5px/20px var(--font);color:var(--ink-3);border-top:0;border-bottom:1px solid var(--row-line)}
.main[data-r=calls] .dt th .ic{display:inline-block;vertical-align:-4px;margin-left:5px;width:16px;height:16px;stroke-width:2}
.main[data-r=calls] .dt th.c-act{padding-left:1px}
.main[data-r=calls] .dt th.c-act .ic{margin:0;width:20px;height:20px;vertical-align:middle;stroke-width:2.4}
.main[data-r=calls] .dt td{height:55px;font:400 13.5px/20px var(--font);color:var(--ink-3);border-bottom:1px solid var(--row-line)}
.main[data-r=calls] .dt tbody tr.sel{background:var(--blue-tint)}
.main[data-r=calls] .dt .cell-biz{gap:13px}
.main[data-r=calls] .dt .cell-biz .av{width:40px;height:40px;font-size:15px;margin-left:-1px}
.main[data-r=calls] .dt .bn{font-size:13.5px;line-height:20px}
.main[data-r=calls] .dt .bs{font-size:12px;line-height:18px;color:var(--muted)}
.main[data-r=calls] .dt .sc{height:30px;padding:0 14px;font-size:13.5px;line-height:20px}
.main[data-r=calls] .dt .kebab{padding:0;width:36px;justify-content:start;place-items:center start;color:var(--ink-3)}
.main[data-r=calls] .dt .kebab .ic{width:20px;height:20px;stroke-width:2.4}
.main[data-r=calls] .dt td.c-act{overflow:visible}
.ell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
input.cb{appearance:none;-webkit-appearance:none;display:block;width:20px;height:20px;margin:0;border:1.5px solid var(--cb-line);border-radius:4px;background:var(--surface) center/14px no-repeat;cursor:pointer}
input.cb:checked{background-color:var(--blue-action);border-color:var(--blue-action);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.5l2.8 2.8L11 4.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
input.cb:indeterminate{background-color:var(--blue-action);border-color:var(--blue-action);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7h8' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
input.cb:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.main[data-r=calls] .rail{min-height:481px;padding:30px 20px 32px 22px;border-radius:10px;box-shadow:none;display:flex;flex-direction:column}
.main[data-r=calls] .rail h2{font-size:21.5px;line-height:30px;margin:0 0 10px;color:var(--ink)}
.main[data-r=calls] .rail p{font-size:16.2px;line-height:24px;color:var(--ink-2);margin:0;max-width:250px}
.main[data-r=calls] .rail>.rail-art{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none}
.rail-art .rg{opacity:1}
#main[data-fresh] .rail-art .rp{stroke-dasharray:1;animation:draw .6s var(--ease) both}
#main[data-fresh] .rail-art .rg{opacity:0;animation:fadein var(--t-base) var(--ease) both;animation-delay:calc(600ms + var(--n,0)*80ms)}
.main[data-r=calls] .rail .rbtn{margin-top:auto;height:48px;border-radius:8px;font-size:16.5px;font-weight:600;padding:0}
.tips{display:grid;gap:12px;margin:16px 0}
.tips div{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ink-2)}
/* calling workspace */
.callgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}
.callmain h1{font-size:22px;line-height:28px;margin:2px 0 0}
.qlist{max-height:70vh;overflow-y:auto}
.qitem{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;background:transparent;border:0;border-radius:var(--r-in);padding:8px 12px;font:inherit;color:var(--ink);cursor:pointer}
.qitem b{font-weight:600;font-size:14px;line-height:20px}
.qitem span{font-size:13px;line-height:18px}
.qitem:hover{background:var(--row-hover)}
.qitem.on{background:var(--blue-tint)}
.callbtn{height:52px;padding:0 32px;font-size:17px}
.bigphone{font-size:20px;line-height:26px;font-weight:700}
.localtime{font-size:14px;line-height:20px;color:var(--slate);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.opener{background:var(--blue-tint);border-radius:var(--r-in);padding:12px 16px;margin:16px 0}
.opener .eyebrow{display:block}
.script{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 20px;margin:16px 0}
.script h2{font-size:16px}
.script p{margin:6px 0}
.script ol{margin:6px 0;padding-left:20px}
.hint{margin-top:12px;font-size:13px;line-height:18px;color:var(--slate);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.outcomes .btn{white-space:normal;justify-content:flex-start;min-width:0;height:auto;min-height:44px;padding:6px 14px;text-align:left;font-size:14px;font-weight:600;color:var(--ink)}
.outcomes .btn.sel{background:var(--blue-tint);border:2px solid var(--blue);color:var(--blue-text)}
.outcomes .btn.warn{color:var(--c-risk-tx)}
.outcomes .btn kbd{margin-right:6px}
.callouts .btn:nth-child(10){grid-column:1/-1}
.fuline{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:14px}
.fuline select{width:auto;height:36px;padding:0 32px 0 10px;font-size:14px;margin:0}
.check{display:flex;align-items:center;gap:10px;font-size:14px;line-height:20px;cursor:pointer;font-weight:500}
.check input{margin:0;flex:none}
.consent{background:var(--table-head);border-radius:var(--r-in);padding:14px 16px}
.consent p{margin:4px 0 8px;font-style:italic}
.meter{height:6px;background:var(--line);border-radius:4px;overflow:hidden;margin-top:8px}
.meter i{display:block;height:100%;width:0;background:var(--blue);transform-origin:left}
.notice{background:var(--blue-tint);border-radius:var(--r-in);padding:12px 16px;margin-bottom:12px;font-size:14px;line-height:20px;color:var(--ink)}
.notice.fail{background:var(--c-risk-bg)}
.notice.ok{background:var(--c-ok-bg)}
/* lead page */
.strip{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;margin-bottom:16px}
.strip .item{display:flex;flex-direction:column;gap:2px}
.strip .big{font-size:18px;line-height:26px;font-weight:700}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.cols>*{min-width:0}
.field{margin-bottom:8px}
.field input{border-color:transparent;background:transparent;padding:6px 10px;height:36px;margin-top:0;font-size:14px}
.field input:hover{border-color:var(--line-strong);background:var(--surface)}
.field input:focus{background:var(--surface)}
.field label{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:4px;text-transform:capitalize;font-weight:500;color:var(--slate);font-size:14px}
.timeline{list-style:none;margin:16px 0 0;padding:0 0 0 8px;border-left:2px solid var(--line)}
.timeline li{position:relative;padding:0 0 16px 16px;font-size:14px;line-height:22px}
.timeline li::before{content:"";position:absolute;left:-7px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--blue)}
.timeline li:last-child{padding-bottom:0}
.timeline .when{font-size:13px;line-height:18px;color:var(--slate);margin-top:2px}
.timeline li.mhead{padding:0 0 8px 16px;font:600 13px/18px var(--font);color:var(--slate)}
.timeline li.mhead::before{display:none}
.research dt{font-size:13px;line-height:18px;color:var(--slate);font-weight:600;margin-top:16px}
.research dt:first-child{margin-top:0}
.research dd{margin:2px 0 0}
.research ul{margin:2px 0 0;padding-left:18px}
.research a{word-break:break-all}
ul.plain{list-style:none;margin:0;padding:0}
ul.plain li{padding:4px 0;font-size:14px}
.summary .sbul{margin:0 0 12px;padding-left:18px}
.summary .sbul li{margin:2px 0}
.cardtog{float:right;display:inline-grid;place-items:center;width:28px;height:28px;margin:-1px -6px 0 8px;padding:0;border:0;border-radius:var(--r-in);background:transparent;color:var(--slate);cursor:pointer}
.cardtog:hover{background:var(--table-head);color:var(--ink)}
.cardtog .ic{transition:transform var(--t-base) var(--ease)}
[data-card].collapsed .cardtog .ic{transform:rotate(-90deg)}
[data-card].collapsed>:not(:first-child){display:none}
[data-card].collapsed>h2{margin-bottom:0}
.acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.act{display:inline-flex;align-items:center;gap:2px}
.acts.edit .act{padding:2px;border-radius:var(--r-in);box-shadow:0 0 0 1px var(--line-strong)}
.attn{border-radius:var(--r-in);border:1px solid var(--line);padding:14px 16px;margin:16px 0 0;background:var(--table-head)}
.attn.hot{border-color:var(--c-risk-dot)}
.attn-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.attn-s{font:600 13px/18px var(--font);color:var(--slate);margin:8px 0 2px}
.attn-s.od{color:var(--c-risk-tx)}
.arow{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:14px;line-height:20px}
.arow:first-of-type{border-top:0}
.arow .t{min-width:0}
.fillstrip{font-size:13px;line-height:18px;color:var(--slate)}
.step{display:flex;justify-content:space-between;gap:12px;align-items:center}
.notes h3{font-size:13px;line-height:18px;color:var(--slate);font-weight:600;margin:20px 0 4px}
.notes h3:first-child{margin-top:0}
.notes p,.notes ul{margin:2px 0}
.notes ul{padding-left:18px}
.notes ul.plain{padding-left:0}
audio{width:100%;height:40px}
.mtg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.tlines{display:flex;flex-direction:column;margin-top:8px;max-height:60vh;overflow-y:auto}
.tline{text-align:left;background:none;border:0;padding:8px 12px;font:400 14px/22px var(--font);cursor:pointer;border-radius:var(--r-in);color:var(--ink)}
.tline:hover{background:var(--row-hover)}
.tline.now{background:var(--blue-tint)}
/* pipeline */
.pipe-split{grid-template-columns:minmax(0,1067px) 304px;gap:18px}
.pipe-split.one{grid-template-columns:minmax(0,1fr)}
.main[data-r=pipeline].pfull{--pl:0px}
.main[data-r=pipeline] .pipe-split.one .kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.main[data-r=pipeline] .dt td:first-child{max-width:none}
.main[data-r=pipeline] .dt td:first-child .bn{overflow:visible;text-overflow:clip}
.pipe-split.wide{grid-template-columns:minmax(0,1fr)}
.main[data-r=pipeline] .kpis{--kh:107px;--kmb:19px;gap:18px;grid-template-columns:356fr 345fr 342fr}
.main[data-r=pipeline]{--rh:43px}
.main[data-r=pipeline] .dt td{padding:0 8px;max-width:190px}
.main[data-r=pipeline] .dt th{padding:0 8px}
.main[data-r=pipeline] .dt th:first-child,.main[data-r=pipeline] .dt td:first-child{padding-left:20px}
.main[data-r=pipeline] .dt td.num,.main[data-r=pipeline] .dt td:nth-child(5){max-width:none}
.main[data-r=pipeline] .railcol{margin-top:38px}
.main[data-r=pipeline] .railcol .rail{min-height:357px}
.seg{display:inline-flex;padding:4px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-in);gap:2px}
.seg button{height:36px;padding:0 18px;border:0;background:transparent;border-radius:8px;font:600 14px/20px var(--font);color:var(--ink-2);cursor:pointer}
.seg button.on{background:var(--blue-tint);color:var(--blue-text)}
.board{position:relative;display:grid;grid-template-columns:repeat(6,minmax(210px,1fr));gap:16px;overflow-x:auto;padding:4px 2px 24px}
.col{min-width:0;min-height:260px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line);padding:16px 12px;transition:background-color var(--t-fast) var(--ease)}
.col-head{padding:0 4px 12px}
.col-head b{font:700 15px/20px var(--font);display:block}
.col-head span{font-size:13px;line-height:18px;color:var(--slate)}
.col.over{background:var(--blue-tint)}
.slot{border:1px dashed var(--line-strong);border-radius:var(--r-in);padding:16px 12px;font-size:13px;line-height:18px;color:var(--slate);text-align:center}
.deal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-in);padding:12px;margin-bottom:8px;cursor:grab;transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),opacity var(--t-base) var(--ease)}
.deal:hover{border-color:var(--line-strong)}
.deal.dragging{opacity:.45;transition-duration:var(--t-fast)}
.deal.lift{transform:scale(1.02) rotate(.5deg);box-shadow:var(--sh-pop);cursor:grabbing;z-index:10;transition:none}
.deal>a{font:600 14px/20px var(--font);color:var(--ink)}
.deal .sub2,.deal .sub{font-size:13px;line-height:18px;color:var(--slate);margin:0}
.deal .amt{font:700 15px/20px var(--font);margin-top:4px}
.deal .meta{font-size:13px;line-height:18px;color:var(--slate);margin-top:2px}
.deal select{margin-top:8px;height:32px;font-size:13px;padding:0 28px 0 8px}
.deal .row{margin-top:8px}
/* modal */
.modal{position:fixed;inset:0;display:grid;place-items:center;padding:16px;z-index:30;overflow-y:auto}
.modal::before{content:"";position:fixed;inset:0;background:var(--scrim);opacity:0;transition:opacity var(--t-base) var(--ease)}
.modal .card{position:relative;width:100%;max-width:480px;display:grid;gap:14px;box-shadow:var(--sh-pop);padding:28px;border-radius:var(--r-card);opacity:0;transform:scale(.97);transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.modal.open::before{opacity:1}
.modal.open .card{opacity:1;transform:none;transition-duration:var(--t-base)}
.modal .card h2{margin:0;font-size:22px;line-height:28px}
.modal .row{justify-content:flex-end}
.modal .consent .row{justify-content:flex-start}
.modal .btn.ghost{background:var(--surface)}
/* drawer (meetings) */
.drawer{position:fixed;top:var(--top-h);right:0;bottom:0;width:410px;background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--sh-pop);z-index:18;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s var(--ease)}
.drawer.open{transform:none}
.drawer .dh{display:flex;align-items:center;gap:14px;padding:24px 24px 16px}
.drawer .dh h2{margin:0;font-size:22px;line-height:28px}
.drawer .dx{margin-left:auto;align-self:flex-start}
.drawer .db{flex:1;overflow-y:auto;padding:0 24px 16px}
.drawer .df{display:grid;gap:10px;padding:16px 24px 24px;border-top:1px solid var(--line)}
.dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.dl dt{color:var(--slate);display:flex;gap:8px;align-items:flex-start}
.dl dd{margin:0}
.dsec{padding:14px 0;border-bottom:1px solid var(--line)}
.dsec h3{font-size:14px;margin-bottom:6px}
.dsec ul{margin:0;padding-left:18px;font-size:14px}
.dscrim{display:none}
.main.has-drawer{margin-right:410px;width:auto;padding-right:24px}
.rec{display:inline-flex;align-items:center;gap:8px;color:var(--blue-text);font-weight:500}
.spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--blue);animation:spin .9s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.mt-banner{display:flex;align-items:center;gap:20px;padding:16px 24px;border-top:1px solid var(--line)}
.main[data-r=meetings]{--rh:60px}
/* toasts */
.toasts{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:50;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);view-transition-name:toasts}
.toast{pointer-events:auto;position:relative;display:flex;align-items:center;gap:10px;min-width:280px;max-width:440px;padding:12px 16px;background:var(--ink);color:var(--surface);font:500 14px/20px var(--font);border-radius:var(--r-in);box-shadow:var(--sh-pop);transition:transform var(--t-base) var(--ease),opacity var(--t-base) var(--ease)}
.toast[data-state=enter]{transform:translateY(12px);opacity:0}
.toast[data-state=exit]{transform:translateY(12px);opacity:0;transition-duration:var(--t-fast)}
.toast .t-ic{display:flex;color:var(--blue)}
.toast[role=alert]{box-shadow:var(--sh-pop),inset 4px 0 0 var(--c-risk-dot)}
.toast[role=alert] .t-ic{color:var(--c-risk-dot)}
.toast .t-msg{flex:1}
.toast .t-act,.toast .t-x{background:none;border:0;color:var(--surface);font:600 14px/20px var(--font);cursor:pointer;padding:2px 6px;border-radius:6px;display:inline-flex;text-decoration:underline}
.toast .t-x{text-decoration:none}
.toast .t-act:hover,.toast .t-x:hover{background:rgb(var(--white-rgb)/.14)}
/* palette */
.pal{position:fixed;inset:0;z-index:40;background:var(--scrim);display:flex;justify-content:center;align-items:flex-start;padding:14vh 16px 0}
.pal-box{width:640px;max-width:100%;background:var(--surface);border-radius:var(--r-card);box-shadow:var(--sh-pop);overflow:hidden;display:flex;flex-direction:column;max-height:70vh}
.pal-in{display:flex;align-items:center;gap:12px;padding:0 20px;height:60px;border-bottom:1px solid var(--line);color:var(--slate)}
.pal-in input{border:0;box-shadow:none;height:58px;padding:0;font:400 17px/24px var(--font);background:transparent;border-radius:0}
.pal-in input:focus{box-shadow:none;border:0}
.pal-list{overflow-y:auto;padding:8px;flex:1}
.pal-group{font:600 13px/18px var(--font);color:var(--slate);padding:8px 12px 4px}
.pal-item{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:var(--r-in);cursor:pointer;color:var(--slate)}
.pal-item.on{background:var(--blue-tint);color:var(--blue-text)}
.pal-label{flex:1;font:500 15px/20px var(--font);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal-label b{font-weight:700}
.pal-sub{font-weight:400;font-size:13px;color:var(--slate);margin-left:6px}
.pal-keys{display:flex;gap:2px}
.pal-none{padding:24px;text-align:center;color:var(--slate);font-size:14px}
.pal-bar{display:flex;align-items:center;gap:16px;height:40px;padding:0 16px;border-top:1px solid var(--line);background:var(--table-head);font-size:13px;color:var(--slate)}
.pal-sp{flex:1}
/* tasks */
.main[data-r=tasks]{--rh:63px}
.ptabs{display:flex;gap:14px;flex-wrap:wrap;margin-right:auto}
.ptab{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border:0;border-bottom:2px solid transparent;border-radius:var(--r-in);background:var(--table-head);font:500 15px/20px var(--font);color:var(--ink-2);cursor:pointer}
.ptab:hover{background:var(--line)}
.ptab.on{background:var(--blue-tint);color:var(--blue-text);border-bottom-color:var(--blue)}
.ptab .ic{color:var(--blue-action)}
.ptab .ic.t-violet{color:var(--c-violet-tx)}.ptab .ic.t-li{color:var(--li)}.ptab .ic.t-ok{color:var(--c-ok-dot)}
.tt{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;font:500 14px/20px var(--font)}
.tt.call{background:var(--c-info-bg);color:var(--c-info-tx)}
.tt.text{background:var(--c-violet-bg);color:var(--c-violet-tx)}
.tt.linkedin{background:var(--c-info-bg);color:var(--ink)}.tt.linkedin .ic{color:var(--li)}
.tt.todo{background:var(--c-neutral-bg);color:var(--c-neutral-tx)}
.dd2{display:flex;flex-direction:column;line-height:20px}
/* leads */
.main[data-r=leads]{--rh:53px}
.setup{display:flex;align-items:center;gap:24px;padding:0 44px 0 28px;margin-bottom:23px;height:112px;position:relative}
.setup.slim{min-height:44px;padding:0 20px;height:44px;margin-bottom:23px;justify-content:space-between}
.ring{position:relative;flex:none;width:64px;height:64px}
.ring svg{display:block}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font:700 16px/1 var(--font)}
.setup .stitle{flex:none;width:260px}
.setup h2{margin:0 0 2px;font-size:20px}
.sitems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;gap:14px;min-width:0}
.sitem{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink)}
.sitem:hover{text-decoration:none}
.sitem .sd{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 17px/1 var(--font);background:var(--c-neutral-bg);color:var(--c-neutral-tx)}
.sitem.cur .sd{background:var(--blue-tint);color:var(--blue-text)}
.sitem.done .sd{background:var(--c-ok-bg);color:var(--c-ok-tx)}
.sitem b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 13px/17px var(--font)}
.sitem>span:last-child{min-width:0}
.sitem .cap{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--slate);font-size:12px;line-height:16px}
.sitem .sd{width:40px;height:40px}
.setup .sx{position:absolute;top:10px;right:12px}
.lead-ctl{display:grid;grid-template-columns:minmax(0,1fr) 269px;grid-template-rows:43px 44px;row-gap:29px;column-gap:48px;margin-bottom:29px}
.lead-ctl .utabs{align-self:start;height:43px;padding:0 12px;gap:0 36px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.lead-ctl .utabs .utab{min-height:43px}
.filters{display:flex;gap:16px;align-items:center}
.filters .tsearch{flex:1;width:auto}
.filters .tsearch input{height:44px;padding-left:44px}
.filters .tsearch .ic{top:13px;left:14px}
.combo{display:flex;align-items:center;height:44px;border:1px solid var(--line-strong);border-radius:var(--r-in);background:var(--surface);padding:0 0 0 14px;gap:12px;flex:none}
.combo>span{font:600 14px/20px var(--font);color:var(--ink)}
.combo select{border:0;border-left:1px solid var(--line);border-radius:0 var(--r-in) var(--r-in) 0;height:42px;width:auto;min-width:120px;margin:0;color:var(--slate);font-size:14px}
.fillcard{grid-column:2;grid-row:1/3;margin-top:50px;height:82px;padding:14px 20px;display:flex;flex-direction:column;justify-content:center}
.fillcard .fl{font:500 14px/20px var(--font);color:var(--slate)}
.fillcard .fv{display:flex;align-items:center;gap:14px}
.fillcard b{font:700 28px/34px var(--font);color:var(--ink)}
.bar{flex:1;height:10px;background:var(--line);border-radius:999px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--blue);border-radius:999px}
.fillrow2{padding:8px 24px;border-top:1px solid var(--line);font-size:13px;color:var(--slate);display:flex;flex-wrap:wrap;gap:4px 20px}
.fillrow2 b{color:var(--ink);font-weight:600}
/* follow-ups */
.main[data-r=followups]{--rh:66px}
.fu-split{grid-template-columns:minmax(0,1fr) 413px;gap:19px}
.fu-head{position:relative}
.statcards{display:flex;gap:16px;flex:0 1 566px;min-width:0;align-items:stretch}
.statcard{min-height:88px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-card);padding:12px 18px;display:flex;gap:14px;align-items:center}
.statcard.cap{flex:1 1 0;min-width:0}
.statcard.snd{flex:0 1 254px;min-width:0;font-size:14px;gap:12px;padding:10px 14px}
.statcard.snd>div{min-width:0}
.statcard.snd .t2{overflow-wrap:anywhere}
.statcard.warnc{background:var(--callout-warn-bg);border-left:3px solid var(--c-warn-dot)}
.statcard.okc{background:var(--callout-ok-bg);border-left:3px solid var(--c-ok-dot)}
.statcard .t1{font:700 24px/28px var(--font)}
.statcard .t2{font:400 13px/18px var(--font);color:var(--slate)}
.statcard .t3{font:700 15px/20px var(--font)}
.sdisc{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue-tint);color:var(--blue-action)}
.warnc .sdisc{background:var(--c-warn-bg);color:var(--c-warn-tx)}
.okc .sdisc{background:var(--c-ok-bg);color:var(--c-ok-tx)}
.capbar{height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin-top:6px}
.capbar i{display:block;height:100%;background:var(--blue);border-radius:999px}
.tpl-card{margin-bottom:8px;padding:16px 20px;min-height:234px;display:flex;flex-direction:column}
.tpl-card .head{margin-bottom:10px}
.tpl-card h2{margin:0;font-size:21px}
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px}
.tpl{display:flex;gap:14px;text-align:left;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-card);padding:14px;font:inherit;color:var(--ink);cursor:pointer;height:134px;width:100%;overflow:hidden}
.tpl:hover{border-color:var(--blue)}
.tpl[aria-pressed=true]{border:2px solid var(--blue);background:var(--blue-tint);padding:13px}
.tpl .tb .cap{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:17px}
.tpl .tb .nm{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center}
.tpl .tb .nm b{font-size:16px;line-height:22px}
.tpl .days .pill{height:24px;padding:0 8px;font-size:12px}
.tpl .sdisc{width:48px;height:48px}
.tpl .tb{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.tpl b{font:700 17px/22px var(--font)}
.tpl .bd{display:flex;flex-wrap:wrap;gap:6px}
.tpl .days{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.tpl .tb{gap:4px}
.tpl .days span:not(.pill){font:500 13px/18px var(--font);padding:2px 10px;border-radius:999px;background:var(--blue-tint);color:var(--blue-text)}
.tpl-wrap{position:relative}
.tpl-wrap .btn.icon{position:absolute;top:8px;right:8px}
.fu-draft{position:sticky;top:calc(var(--top-h) + 12px)}
.draft{padding:20px 24px;height:698px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.draft h2{margin:0}
.dmeta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--ink-2)}
.dbox{border:1px solid var(--line-strong);border-radius:var(--r-in);padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow:auto}
.dbox input,.dbox textarea{border-color:transparent;padding:6px 8px;height:auto;font-size:15px}
.dbox input:hover,.dbox textarea:hover{border-color:var(--line-strong)}
.dbox textarea{min-height:160px;line-height:22px;flex:1}
.dbox label{font-size:13px;font-weight:600;color:var(--slate)}
.dbox .fbody{white-space:pre-wrap;font-size:15px}
.shieldc{display:flex;gap:12px;align-items:flex-start;background:var(--blue-tint);border-radius:var(--r-in);padding:14px 16px}
.shieldc .ic{color:var(--blue-action)}
.shieldc b{display:block;font:700 15px/20px var(--font)}
.shieldc span{font-size:14px;color:var(--ink-2)}
.dactions{display:flex;gap:12px;margin-top:auto}
.dactions .btn{flex:1}
.menu-pop{position:absolute;right:0;top:100%;margin-top:4px;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-in);box-shadow:var(--sh-pop);padding:6px;z-index:15;display:grid;text-align:left}
.menu-pop button,.menu-pop a{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;background:transparent;border:0;border-radius:8px;font:500 14px/20px var(--font);color:var(--ink);cursor:pointer;text-align:left;white-space:nowrap}
.menu-pop button:hover,.menu-pop a:hover{background:var(--table-head);text-decoration:none}
.kwrap{position:relative;display:inline-block}
.fsteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fstep{border:1px solid var(--line);border-radius:var(--r-in);padding:14px 16px;min-width:0}
.fstep textarea{min-height:120px}
.fbody{white-space:pre-wrap;font-size:14px;margin-top:4px}
.ready-c{display:flex;flex-direction:column;line-height:18px}
.ready-c b{display:flex;align-items:center;gap:6px;font-weight:600}
.ready-c.ok b{color:var(--c-ok-tx)}
.ready-c.warn b{color:var(--c-warn-tx)}
.ready-c span{font-size:13px;color:var(--slate)}
/* reports */
.rep-ctl{display:flex;align-items:center;gap:10px;margin-bottom:11px;height:44px}
.rep-ctl .btn.sec{height:44px}
.weekbtn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border:1px solid var(--line-strong);border-radius:var(--r-in);background:var(--surface);font:500 15px/20px var(--font);color:var(--ink);min-width:200px;justify-content:center}
.main[data-r=reports] .kpis{--kh:116px;gap:14px;margin-bottom:13px}
.main[data-r=reports] .kpi-card{padding:0 20px}
.main[data-r=reports] .ttl .sub{margin-top:4px}
.rcard{padding:16px 22px}
.chan{display:grid;grid-template-columns:190px repeat(4,minmax(0,1fr));gap:0;align-items:center;min-height:98px;padding:0 22px;margin-bottom:13px}
.chan h2{margin:0;font-size:20px}
.chan .cc{display:flex;gap:12px;align-items:center;padding:0 20px;border-left:1px solid var(--line);min-height:62px}
.chan .cc b{display:block;font:700 17px/22px var(--font)}
.chan .cc .cn{font:600 14px/20px var(--font)}
.chan .cc span{display:block}
.chan .sdisc{width:44px;height:44px}
.rep-row2{display:grid;grid-template-columns:655fr 706fr;gap:19px;margin-bottom:15px;align-items:stretch}
.rep-row2>.card{padding:16px 20px 20px}
.rep-row2 h2{font-size:19px;margin-bottom:6px}
.sb{width:100%;border-collapse:collapse;font-size:14px}
.sb th{font:600 13px/18px var(--font);color:var(--slate);text-align:left;padding:4px 8px}
.sb td{height:36px;padding:0 8px;border-top:1px solid var(--line);font-size:14px}
.sb td.num,.sb th.num{text-align:right}
.sb-wrap{}
.sb th{position:sticky;top:0;background:var(--surface)}
.chart{width:100%;height:150px;display:block}
.chart text{font:400 12px var(--font);fill:var(--slate)}
.rep-row3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:10px}
.rep-row3>.card{padding:14px 18px;height:163px;overflow:hidden}
.rep-row3 h2{font-size:17px;margin-bottom:6px}
.big2{font:700 26px/30px var(--font)}
.stack{display:flex;height:10px;border-radius:999px;overflow:hidden;gap:2px;margin:10px 0 8px}
.stack i{display:block;height:100%}
.stack i.s0{background:var(--blue)}.stack i.s1{background:var(--blue-action)}.stack i.s2{background:var(--ink-2)}.stack i.s3{background:var(--c-info-dot);opacity:.45}
.legend{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:12px;line-height:18px;color:var(--slate)}
.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
.legend i.s0{background:var(--blue)}.legend i.s1{background:var(--blue-action)}.legend i.s2{background:var(--ink-2)}.legend i.s3{background:var(--c-info-dot);opacity:.45}
.obj{display:flex;gap:8px;font-size:13px;line-height:20px;padding:1px 0;justify-content:space-between}
.obj details summary{cursor:pointer;list-style:none}
.rep-row4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.rep-row4>.card{padding:8px 20px;min-height:67px;display:flex;align-items:center;gap:16px}
.rep-row4 .tx{flex:1;min-width:0}
.rep-row4 .tx b{display:block;font:700 15px/20px var(--font)}
.rep-row4 .tx span{display:block;font-size:12px;line-height:16px;color:var(--slate)}
.rep-row4 .cn2{text-align:center;font:700 22px/24px var(--font)}
.rep-row4 .cn2 span{display:block;font:400 12px/14px var(--font);color:var(--slate)}
.rdetail{margin-top:10px}
.iuser{padding:12px 0;border-top:1px solid var(--line)}
.flag{display:flex;gap:10px;align-items:flex-start;margin-top:8px}
.flag .dot{margin-top:6px;flex:none;margin-left:0}
.spot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.quote{font-size:13px;line-height:20px;margin-top:4px;color:var(--ink-2)}
.total-row{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
/* team */
.main[data-r=team]{--rh:55px}
.team-split{grid-template-columns:minmax(0,904fr) 437px;gap:21px}
.team-split>div>.card,.team-split>div>.tcard{margin-bottom:20px}
.team-split>.rail{min-height:686px}
.invite{padding:24px 24px;min-height:197px}
.invite h2{margin-bottom:2px}
.invite form{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;margin-top:16px}
.invite form input{margin-top:6px}
.invite .help{margin:0}
.copyrow{display:flex;gap:10px;margin-top:12px}
.copyrow input{flex:1}
.about h2{font-size:26px;line-height:32px;margin:16px 0 12px}
.about .adisc{width:70px;height:70px}
.about p{font-size:16px;line-height:25px;color:var(--ink);max-width:none}
.arows{display:grid;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.arow2{display:flex;gap:18px}
.arow2 .disc{width:56px;height:56px}
.arow2 b{display:block;font:700 17px/22px var(--font);margin-bottom:4px}
.arow2 span{font-size:15px;line-height:22px;color:var(--slate)}
/* settings */
.set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch}
.scard{padding:22px 24px;display:flex;flex-direction:column;gap:0;min-height:704px}
.scard .sh{display:flex;gap:16px;align-items:flex-start;margin-bottom:14px}
.scard .sdisc{width:48px;height:48px}
.scard h2{font-size:22px;line-height:28px;margin:0 0 4px}
.scard .sd{font-size:14px;line-height:20px;color:var(--slate)}
.scard .fld{margin-bottom:10px}
.scard .fld textarea{min-height:84px}
.scard .fld input{height:42px}
.scard .count{display:block;text-align:right;font-size:13px;color:var(--slate);margin-top:2px;line-height:16px}
.scard .savebtn{margin-top:auto;width:100%}
.scard .chk{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.scard .chk b{display:block;font:600 15px/20px var(--font)}
.scard .chk span{font-size:14px;line-height:20px;color:var(--slate)}
.callout{display:flex;gap:12px;border-radius:var(--r-in);padding:12px 16px;margin:0 0 12px;background:var(--blue-tint);font-size:14px;line-height:20px}
.callout b{display:block;font:700 15px/20px var(--font)}
.callout.warn{background:var(--callout-warn-bg);border-left:3px solid var(--c-warn-dot)}
.callout.ok{background:var(--callout-ok-bg);border-left:3px solid var(--c-ok-dot)}
.callout.ok b{color:var(--c-ok-tx)}
.callout .ic{flex:none;color:var(--blue-action)}
.callout.warn .ic{color:var(--c-warn-tx)}
.callout.ok .ic{color:var(--c-ok-tx)}
.costrow{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;gap:12px}
.costrow b{font:700 26px/32px var(--font);display:block}
/* proposal */
.proposal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);max-width:780px;padding:48px 56px;margin:0 auto}
.proposal .ph{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--blue);padding-bottom:12px;margin-bottom:32px}
.pbrand{display:flex;align-items:center;gap:12px}
.pmeta{font-size:14px;line-height:20px;color:var(--slate);text-align:right}
.ptitle{font-size:32px;line-height:38px;margin:2px 0}
.psub{color:var(--slate);margin-bottom:8px}
.proposal section{margin-top:24px;break-inside:avoid}
.proposal h3{font-size:13px;line-height:18px;color:var(--slate);margin:0 0 6px}
.proposal p{margin:0}
.proposal ul{margin:0;padding-left:20px}
.pfacts{display:flex;gap:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.pfacts div{display:flex;flex-direction:column;gap:2px}
.pfacts b{font-size:18px;line-height:26px;font-weight:700;text-align:left}
.pf{margin-top:32px;font-size:13px;line-height:18px;color:var(--slate);border-top:1px solid var(--line);padding-top:12px}
.est{display:inline-block;margin-left:4px;font:400 13px/18px var(--font);color:var(--slate);white-space:nowrap}
.btn:not(.ghost):not(.warn) .est{color:inherit;opacity:.85}
.cnt{font-weight:500}
/* view transitions */
::view-transition-group(root){animation-duration:var(--t-base);animation-timing-function:var(--ease)}
::view-transition-old(root){animation:vt-out var(--t-fast) var(--ease) both}
::view-transition-new(root){animation:vt-in var(--t-base) var(--ease) both}
::view-transition-old(sidebar),::view-transition-new(sidebar),::view-transition-old(toasts),::view-transition-new(toasts){animation:none;mix-blend-mode:normal}
::view-transition-old(sidebar),::view-transition-old(toasts){display:none}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0;transform:translateY(6px)}}
.rise{animation:rise var(--t-base) var(--ease) both;animation-delay:calc(var(--i,0)*30ms)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}}
/* responsive */
@media(max-width:1399px){
 .main[data-r=reports] .chan{grid-template-columns:repeat(3,minmax(0,1fr))}
 .main[data-r=reports] .chan h2{grid-column:1/-1;padding:12px 0 0}
}
@media(max-width:1279px){.fu-head,.main[data-r=followups] .head{flex-wrap:wrap}.statcards{order:5;flex:1 1 100%}.statcard.snd{flex:1 1 0}}
@media(max-width:1099px){
 .rline{display:none}
 .calls-split,.pipe-split,.pipe-split.one,.fu-split,.team-split{grid-template-columns:minmax(0,1fr)}
 .main[data-r=calls] .kpis{width:auto;max-width:none}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .set-grid{grid-template-columns:minmax(0,1fr)}
 .scard{min-height:0}
 .rep-row2,.rep-row3,.rep-row4{grid-template-columns:minmax(0,1fr)}
 .rep-row2>.card,.rep-row3>.card{height:auto;min-height:163px}
 .main[data-r=pipeline] .railcol{margin-top:0}
 .statcards{flex-wrap:wrap}
 .fu-head{flex-wrap:wrap}
 .main.has-drawer{margin-right:0}
 .setup{flex-wrap:wrap}
 .sitems{flex-wrap:wrap}
 .lead-ctl{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:16px;margin-bottom:20px}
 .lead-ctl .utabs{height:auto;overflow-x:auto;flex-wrap:nowrap;padding:0;gap:0 22px}
 .lead-ctl .utab{flex:none;min-height:44px}
 .fillcard{grid-column:1;grid-row:auto;margin-top:0;width:100%;height:auto;min-height:82px}
 .tpl-card{height:auto}
 .draft{min-height:0}
 .cols,.callgrid,.mtg,.fsteps{grid-template-columns:minmax(0,1fr)}
 .callmain{order:-1}.qlist{max-height:240px}
}
@media(max-width:1023px){
 :root{--top-h:64px}
 h1{font-size:32px;line-height:36px}
 .shell{grid-template-columns:minmax(0,1fr)}
 .tb-logo{width:auto;padding:0 16px}
 .tb-hamb{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--ink);border-radius:var(--r-in);order:3;cursor:pointer}
 .tb-search{width:44px;height:44px;margin:0 0 0 auto;padding:0;justify-content:center;border:0;order:2;max-width:none}
 .tb-search>span{display:none}
 .tb-user{order:4;padding-right:8px;margin-left:0}
 .tb-ubtn #whoName,.tb-ubtn>.ic{display:none}
 .main{grid-column:1;padding:20px 16px 48px!important;--hmb:16px!important}
 .side{position:fixed;left:0;top:var(--top-h);bottom:0;height:calc(100vh - var(--top-h));align-self:stretch;width:var(--side-w);z-index:29;transform:translateX(-100%);transition:transform var(--t-slow) var(--ease);box-shadow:var(--sh-pop)}
 .side.open{transform:none}
 .head{flex-wrap:wrap;align-items:flex-start}
 .hacts{width:100%;justify-content:flex-start;gap:10px}
 .hacts .btn:not(.small):not(.icon){height:44px;font-size:15px;padding:0 16px}
 .ttl{min-width:0!important}
 .main[data-r=calls] .head,.main[data-r=calls] .kpis{margin-left:0}
 .kpis,.kpis.k3,.main[data-r=pipeline] .kpis,.main[data-r=reports] .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .kpi-card,.main[data-r=reports] .kpi-card{padding:12px 14px;gap:12px;min-height:84px}
 .kpi-card .disc{width:40px;height:40px}.kpi-card .disc .ic{width:20px;height:20px}
 .kn{font-size:22px;line-height:28px}
 .tbar{flex-wrap:wrap;padding:12px 16px}
 .tsearch{width:100%}
 .utabs{gap:6px 18px}
 .tscroll{overflow-x:visible}
 .dt thead{display:none}
 .dt,.dt tbody,.dt tr,.dt td{display:block;width:100%}
 .dt tbody tr.tr2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px 16px;border-bottom:1px solid var(--line);align-items:center}
 .dt tbody tr.tr2 td{display:none;height:auto;border:0;padding:0!important;max-width:none;white-space:normal}
 .dt tbody tr.tr2 td.c-main{display:block;grid-column:1}
 .dt tbody tr.tr2 td.c-chip{display:block;grid-column:2;grid-row:1}
 .dt tbody tr.tr2 td.c-next{display:block;grid-column:1/-1;color:var(--slate);font-size:13px}
 .dt tbody tr.tr2 td.c-act{display:block;grid-column:1/-1}
 .dt tr.grp td{display:block}
 .dt tbody tr:last-child{border-bottom:0}
 .main.has-drawer{margin-right:0}
 .drawer{width:100%;top:0;z-index:35}
 .dscrim{display:block;position:fixed;inset:0;background:var(--scrim);z-index:34}
 .invite form{grid-template-columns:1fr}
 .callouts{grid-template-columns:1fr 1fr}
 .setup .stitle{width:auto;min-width:0}
 .setup{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px 16px;height:auto;padding:16px;align-items:center}
 .setup .sitems{grid-column:1/-1}
 .setup.slim{height:44px;padding:0 16px}
 .sitems{grid-template-columns:minmax(0,1fr)}
 .chan{grid-template-columns:1fr}
 .chan .cc{border-left:0;padding:8px 0}
 .statcard.cap,.statcard.snd{width:100%}
 .statcards{width:100%;flex-direction:column}
 .proposal{padding:24px 20px}
 .toast{min-width:0;width:calc(100vw - 32px)}
 .pal{padding-top:8vh}
 .login-line{display:none}
 input,select,textarea{font-size:16px}
 .board{grid-template-columns:repeat(6,240px)}
 .field label{grid-template-columns:1fr}
 .tab-wrapper{overflow-x:auto}
 .ptabs{margin-right:0}
 .rep-ctl{flex-wrap:wrap;height:auto}
 .filters{flex-wrap:wrap}
 .filters .tsearch{flex:1 1 100%}
}
@media(max-width:1023px){.tb-logo{gap:10px}.tb-logo .mark{width:40px;height:28px}.tb-logo .wm{font-size:15px;line-height:16px}}
@media(max-width:420px){.tb-logo .wm{display:none}.tb-logo{padding:0 12px}.tb-user{padding-right:4px}}
.topbar{min-width:0}
/* reduced motion */
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .skel::after{display:none}
 .rise{animation:none}
 #main[data-fresh] .art-line path{animation:none;stroke-dasharray:none}
 #main[data-fresh] .art-line .rg{animation:none;opacity:1}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
/* print (proposal PDF) */
@media print{
 @page{size:letter;margin:.6in}
 html,body{background:var(--surface)}
 .side,.topbar,.noprint,.toasts,.modal,.pal,.drawer,.rline{display:none!important}
 .shell{display:block}
 .main{padding:0!important;max-width:none;animation:none;margin:0!important}
 .proposal{border:0;box-shadow:none;border-radius:0;max-width:none;padding:0;margin:0;font-size:11.5pt;line-height:1.45}
 .ptitle{font-size:24pt;line-height:1.2}
 *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* fix-01 responsive: Today's Calls below the desktop layout */
@media(max-width:1099px){
 .main[data-r=calls] .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .main[data-r=calls] .rail{min-height:0;padding-bottom:24px}
 .main[data-r=calls] .rail .rbtn{margin-top:24px}
 .main[data-r=calls] .tbar{flex-wrap:wrap}
}
@media(max-width:1023px){
 .main[data-r=calls] h1{font-size:32px;line-height:36px}
 .main[data-r=calls] .kpis{gap:12px}
 .main[data-r=calls] .kpi-card{padding:12px 14px;gap:12px;min-height:84px}
 .main[data-r=calls] .kpi-card .disc{width:40px;height:40px}
 .main[data-r=calls] .kn{font-size:22px;line-height:28px}
 .main[data-r=calls] .kl{font-size:14px;line-height:20px;margin-top:0;white-space:normal}
 .main[data-r=calls] .kchev .ic{width:16px;height:16px}
 .main[data-r=calls] .tbar{padding:12px 16px;gap:8px}
 .main[data-r=calls] .utabs{flex:1 1 100%;margin-top:0;overflow-x:auto;gap:0 22px}
 .main[data-r=calls] .utab{height:44px;padding-bottom:12px;font-size:15px}
 .main[data-r=calls] .tbar .tsearch{flex:1 1 0;width:auto;margin-top:0}
 .fwrap{margin:0}
 .fpop{width:min(300px,calc(100vw - 48px))}
 .main[data-r=calls] .dt tbody tr.tr2{padding:14px 16px 14px 12px}
 .main[data-r=calls] .dt tbody tr.tr2 td{display:none}
 .main[data-r=calls] .dt tbody tr.tr2 td.c-cb,.main[data-r=calls] .dt tbody tr.tr2 td.c-co,.main[data-r=calls] .dt tbody tr.tr2 td.c-x{display:none}
 .main[data-r=calls] .dt tbody tr.tr2 td.c-main{display:block;grid-column:1;grid-row:1}
 .main[data-r=calls] .dt tbody tr.tr2 td.c-chip{display:block;grid-column:2;grid-row:1}
 .main[data-r=calls] .dt tbody tr.tr2 td.c-next{display:block;grid-column:1;grid-row:2;font-size:13px;color:var(--muted)}
 .main[data-r=calls] .dt tbody tr.tr2 td.c-act{display:block;grid-column:2;grid-row:2;justify-self:end}
 .main[data-r=calls] .dt tbody tr.tr2 td:first-child{padding-left:0}
 .main[data-r=calls] .rail{padding:24px 20px}
}

.main[data-r=calls] .dt .bn.addc{font-weight:500;color:var(--blue-text);font-size:15px}
.main[data-r=calls] .dt .bn.addc:hover{text-decoration:underline}
.side nav a .ic.nz{stroke-width:1.25}

/* fix-01 round 3: topbar quick-create and notifications */
.tb-actions{margin-left:auto;margin-right:25px;display:flex;align-items:center;gap:31px;flex:none}
.tb-pop{position:relative}
.tb-plus,.tb-bell{position:relative;display:grid;place-items:center;width:40px;height:42px;padding:0;border:0;border-radius:8px;cursor:pointer}
.tb-plus{background:var(--blue-action);color:var(--surface)}
.tb-plus:hover{background:var(--blue-hover)}
.tb-bell{background:transparent;color:var(--ink-3)}
.tb-bell .ic{stroke-width:1.3}
.tb-bell:hover{background:var(--c-neutral-bg)}
.tb-dot{position:absolute;left:26px;top:3px;width:9px;height:9px;box-sizing:content-box;border:2px solid var(--surface);border-radius:50%;background:var(--c-risk-dot);margin:-2px 0 0 -2px}
.tb-menu{position:absolute;right:0;top:50px;width:220px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-pop);padding:6px;z-index:40;display:grid}
.tb-menu button{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;background:transparent;border:0;border-radius:8px;font:500 15px/20px var(--font);color:var(--ink);cursor:pointer;text-align:left}
.tb-menu button:hover,.tb-menu button:focus-visible{background:var(--table-head)}
.tb-menu button .ic{color:var(--ink-2)}
.tb-panel{width:360px;padding:0}
.tb-ph{padding:14px 16px;font:700 16px/20px var(--font);color:var(--ink);border-bottom:1px solid var(--line)}
.tb-nl{list-style:none;margin:0;padding:6px}
.tb-nl a{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 10px;border-radius:8px;color:var(--ink);font-size:14px;line-height:20px}
.tb-nl a:hover,.tb-nl a:focus-visible{background:var(--table-head);text-decoration:none}
.tb-nl .ic{color:var(--blue-action);flex:none}
.tb-nl .tx{flex:1;min-width:0}
.tb-nl .mt{color:var(--muted);font-size:13px;flex:none}
.tb-empty{padding:24px 16px;color:var(--slate);font-size:14px;text-align:center}
.side-mob{display:none}
@media(max-width:1023px){
 .tb-actions{display:none}
 .side-mob{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--line-soft)}
 .side-mob button{display:flex;align-items:center;gap:21px;height:51px;padding:0 12px;border:0;background:transparent;border-radius:8px;color:var(--ink-3);font:500 16.5px/24px var(--font);cursor:pointer;text-align:left}
 .side-mob button:hover{background:var(--line)}
 .tb-menu.tb-panel.fixed{position:fixed;left:8px;right:8px;top:72px;width:auto}
}

/* fix-02: Tasks matches the mockup. Scoped to #/tasks. */
.main[data-r=tasks]{--pl:19px;--pr:36px;--pt:6px;--hmb:19px}
.tk-art{position:absolute;left:0;top:0;width:1412px;height:140px;overflow:visible;pointer-events:none;z-index:0}
.main[data-r=tasks] .head{position:relative;z-index:1}
.main[data-r=tasks] h1{font-size:49px;line-height:52px}
.main[data-r=tasks] .ttl{min-width:0}
.main[data-r=tasks] .sub{font-size:22.5px;line-height:28px;margin-top:2px}
.main[data-r=tasks] .hacts{gap:16px;margin-top:6px}
.main[data-r=tasks] .hacts .btn{height:53px;margin-top:0;padding:0;border-radius:8px;font-size:17.5px;font-weight:600;gap:10px}
.main[data-r=tasks] .hacts a.btn{width:193px;background:var(--surface);border:1px solid var(--line-btn);color:var(--blue-text)}
.main[data-r=tasks] .hacts a.btn:hover{background:var(--blue-tint)}
.main[data-r=tasks] #addT{width:162px}
.main[data-r=tasks] .hacts .btn .ic{stroke-width:2.2}
.main[data-r=tasks] .tcard{border-radius:10px;box-shadow:none;overflow:visible}
.main[data-r=tasks] .tscroll{border-radius:0 0 9px 9px}
.main[data-r=tasks] .tbar{min-height:77px;padding:15px 17px 0 17px;gap:0;align-items:flex-start}
.main[data-r=tasks] .ptabs{flex-wrap:nowrap;gap:14px;margin-right:auto}
.main[data-r=tasks] .ptab{height:43px;padding:0;justify-content:center;gap:12px;border:0;border-radius:8px;background:var(--c-neutral-bg);color:var(--ink-3);font:500 17.3px/20px var(--font);box-shadow:none}
.main[data-r=tasks] .ptab:nth-child(1){width:119px}.main[data-r=tasks] .ptab:nth-child(2){width:152px}.main[data-r=tasks] .ptab:nth-child(3){width:153px}.main[data-r=tasks] .ptab:nth-child(4){width:179px}.main[data-r=tasks] .ptab:nth-child(5){width:163px}
.main[data-r=tasks] .ptab.on{background:var(--blue-tint);color:var(--blue-text);box-shadow:inset 0 -3px 0 var(--blue-action)}
.main[data-r=tasks] .ptab:hover:not(.on){background:var(--line)}
.main[data-r=tasks] .tbar .tsearch{width:240px;margin-top:1px}
.main[data-r=tasks] .tsearch .ic{left:13px;top:11px;width:19px;height:19px}
.main[data-r=tasks] .tsearch input{display:block;margin:0;height:41px;padding:0 4px 0 42px;font-size:14.4px;border:1px solid var(--line-input);border-radius:8px;text-overflow:clip}
.main[data-r=tasks] .tsearch input::placeholder{color:var(--muted)}
.main[data-r=tasks] .fwrap{margin:1px 0 0 11px}
.main[data-r=tasks] .fbtn{width:105px;height:41px}
.fp-sw{display:flex;align-items:center;justify-content:space-between;font:600 14px/20px var(--font);color:var(--ink-3)}
.fp-sw input{appearance:none;-webkit-appearance:none;width:40px;height:22px;padding:0;border-radius:999px;background:var(--cb-line);border:0;position:relative;cursor:pointer;flex:none}
.fp-sw input::after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:var(--surface);transition:transform var(--t-fast) var(--ease)}
.fp-sw input:checked{background:var(--blue-action)}
.fp-sw input:checked::after{transform:translateX(18px)}
.tk-dt{table-layout:fixed;width:100%}
.main[data-r=tasks] .dt th,.main[data-r=tasks] .dt td{padding:0}
.main[data-r=tasks] .dt th:first-child,.main[data-r=tasks] .dt td:first-child{padding-left:23px}
.main[data-r=tasks] .dt th{height:45px;font:600 15.4px/20px var(--font);color:var(--ink-3);background:var(--table-head);border-top:0;border-bottom:1px solid var(--row-line)}
.main[data-r=tasks] .dt th.c-act{padding-left:0}
.main[data-r=tasks] .dt th.c-act .ic{width:20px;height:20px;stroke-width:2.4;vertical-align:middle}
.tksort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}
.tksort .ic{width:18px;height:18px;stroke-width:2}
.main[data-r=tasks] .dt td{height:63px;font:400 15.4px/20px var(--font);color:var(--ink-3);border-bottom:1px solid var(--row-line);overflow:visible}
.main[data-r=tasks] .dt tbody tr:last-child td{border-bottom:0}
input.tkcb{width:22px;height:22px}
.main[data-r=tasks] .dt td.c-main{padding-right:16px;overflow:hidden}
.tkt{display:block;font-size:16.3px;line-height:22px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tkd{display:block;font-size:14.4px;line-height:20px;color:var(--slate);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tkchip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:8px;font:500 14.4px/20px var(--font)}
.tkchip.call{background:var(--c-info-bg);color:var(--c-info-tx)}
.tkchip.todo{background:var(--todo-bg);color:var(--todo-tx)}
.tkchip.text{background:var(--c-violet-bg);color:var(--violet-tx2)}
.tkchip.linkedin{background:var(--c-neutral-bg);border:1px solid var(--line-input);color:var(--ink-3)}
.tkrel{display:flex;align-items:center;gap:19px;color:inherit;min-width:0;padding-right:12px}
.tkrel:hover{text-decoration:none}
.tkrel .av{width:38px;height:38px;font-size:14px;flex:none}
.tkrn{display:flex;flex-direction:column;min-width:0}
.tkrn .bn{font-size:15.4px;line-height:20px;font-weight:500;color:var(--ink)}
.tkrn .bs{font-size:13.4px;line-height:18px;color:var(--slate)}
.tkdue{font-size:15.4px;line-height:22px;font-weight:500;color:var(--ink-3)}
.tkdue.od{color:var(--od)}.tkdue.today{color:var(--blue-text)}.tkdue.done{color:var(--slate)}
.main[data-r=tasks] .dt .sc{height:32px;padding:0 14px;font-size:14.4px}
.main[data-r=tasks] .dt .kebab{padding:0;width:36px;place-items:center start;color:var(--ink-3)}
.main[data-r=tasks] .dt .kebab .ic{width:20px;height:20px;stroke-width:2.4}
.main[data-r=tasks] .dt td.c-act{overflow:visible}
.main[data-r=tasks] .empty .eart{width:72px;height:72px}
.main[data-r=tasks] .empty{max-height:180px}
@media(max-width:1099px){.tk-art{display:none}.main[data-r=tasks] .tbar{flex-wrap:wrap;gap:8px}}
@media(max-width:1023px){
 .main[data-r=tasks] h1{font-size:32px;line-height:36px}
 .main[data-r=tasks] .hacts .btn{height:44px;font-size:15px}
 .main[data-r=tasks] .hacts a.btn{width:auto;padding:0 16px}
 .main[data-r=tasks] #addT{width:auto;padding:0 16px}
 .main[data-r=tasks] .tbar{padding:12px 16px}
 .main[data-r=tasks] .ptabs{flex:1 1 100%;overflow-x:auto;padding-bottom:4px}
 .main[data-r=tasks] .ptab{flex:none;width:auto!important;padding:0 16px;font-size:15px}
 .main[data-r=tasks] .tbar .tsearch{flex:1 1 0;width:auto}
 .main[data-r=tasks] .fwrap{margin:1px 0 0}
 .main[data-r=tasks] .dt tbody tr.tr2{grid-template-columns:auto minmax(0,1fr) auto;padding:12px 16px 12px 14px;gap:4px 12px}
 .main[data-r=tasks] .dt tbody tr.tr2 td{display:none}
 .main[data-r=tasks] .dt tbody tr.tr2 td:first-child{padding-left:0!important}
 .main[data-r=tasks] .dt tbody tr.tr2 td.c-cb{display:block;grid-column:1;grid-row:1/3;align-self:center}
 .main[data-r=tasks] .dt tbody tr.tr2 td.c-main{display:block;grid-column:2;grid-row:1}
 .main[data-r=tasks] .dt tbody tr.tr2 td.c-chip{display:block;grid-column:3;grid-row:1}
 .main[data-r=tasks] .dt tbody tr.tr2 td.c-next{display:block;grid-column:2;grid-row:2;color:var(--slate)}
 .main[data-r=tasks] .dt tbody tr.tr2 td.c-act{display:block;grid-column:3;grid-row:2;justify-self:end}
 .main[data-r=tasks] .tkdue{flex-direction:row;gap:8px;white-space:nowrap}
 .main[data-r=tasks] .dt tbody tr.tr2 td{border:0;height:auto}
}
.main[data-r=tasks] .dt .kebab .ic,.main[data-r=tasks] .dt th.c-act .ic{stroke-width:3.2}
.main[data-r=tasks] .fbtn .ic{stroke-width:2}
.main[data-r=tasks] .tbar.bulk{min-height:77px;align-items:flex-start}
.tkbulk{display:flex;align-items:center;gap:14px;height:48px;margin-top:12px}
.tkbulk b{font:600 15px/20px var(--font);color:var(--ink);margin-right:6px}
.tkbulk .btn{height:36px}
.tbar [hidden]{display:none!important}

/* fix-03: Leads matches the mockup. Scoped to #/leads. */
.main[data-r=leads]{--pl:23px;--pr:32px;--pt:11px;--hmb:23px}
.main[data-r=leads] .head{position:relative;z-index:1}
.main[data-r=leads] h1{font-size:49px;line-height:52px}
.main[data-r=leads] .ttl{min-width:0}
.main[data-r=leads] .sub{font-size:19.6px;line-height:26px;margin-top:2px}
.main[data-r=leads] .hacts{gap:16px;margin-top:-4px}
.main[data-r=leads] .hacts .btn{height:53px;padding:0;border-radius:8px;font-size:17.5px;font-weight:600;gap:10px}
.main[data-r=leads] .hacts .btn.ghost{background:var(--surface);border:1px solid var(--line-btn);color:var(--blue-text)}
.main[data-r=leads] .hacts .btn.ghost:hover{background:var(--blue-tint)}
.main[data-r=leads] #importCsv{width:175px}.main[data-r=leads] #startCalling{width:182px}.main[data-r=leads] #addLead{width:172px}
.main[data-r=leads] .hacts .btn .ic{stroke-width:1.8}
.main[data-r=leads] .hacts #importCsv .ic{color:var(--blue-action)}
/* header art rises into the topbar: above its background, below its controls */
.tb-art{display:none;position:absolute;left:0;top:0;width:1672px;height:100px;pointer-events:none;z-index:0;overflow:visible}
body[data-r=leads] .tb-art{display:block}
.topbar>*:not(.tb-art){position:relative;z-index:1}
@media(max-width:1299px){body[data-r=leads] .tb-art{display:none}}
.main[data-r=leads] .setup{display:block;position:relative;height:112px;padding:0;margin-bottom:24px;border-radius:10px;box-shadow:none}
.main[data-r=leads] .setup.slim{display:flex;height:44px;padding:0 20px;margin-bottom:23px}
.main[data-r=leads] .setup .ring{position:absolute;left:19px;top:20px;width:70px;height:70px}
.main[data-r=leads] .setup .ring b{font:700 18px/1 var(--font)}
.main[data-r=leads] .setup .stitle{position:absolute;left:110px;top:28px;width:300px}
.main[data-r=leads] .setup h2{font-size:20px;line-height:26px;margin:0 0 6px;color:var(--ink)}
.main[data-r=leads] .setup .stitle .cap{font-size:15px;line-height:20px;color:var(--slate)}
.main[data-r=leads] .sitems{position:static;display:block}
.main[data-r=leads] .sitem{position:absolute;top:29px;display:flex;align-items:flex-start;gap:12px;width:210px}
.main[data-r=leads] .sitem:nth-child(1){left:448px;width:175px}.main[data-r=leads] .sitem:nth-child(2){left:635px;width:195px}.main[data-r=leads] .sitem:nth-child(3){left:842px;width:238px}.main[data-r=leads] .sitem:nth-child(4){left:1092px;width:215px}
.main[data-r=leads] .sitem .sd{width:44px;height:44px;font:700 18px/1 var(--font)}
.main[data-r=leads] .sitem .stx{margin-top:4px;display:flex;flex-direction:column;min-width:0}
.main[data-r=leads] .sitem b{display:block;white-space:nowrap;font:600 14.4px/20px var(--font);color:var(--ink)}
.main[data-r=leads] .sitem .cap{display:block;white-space:nowrap;overflow:visible;font-size:12.6px;line-height:20px;color:var(--slate);margin-top:1px}
.main[data-r=leads] .setup .sx{top:15px;right:14px;width:24px;height:24px;padding:0}
.main[data-r=leads] .lead-ctl{display:grid;grid-template-columns:minmax(0,1fr) 269px;grid-template-rows:43px 44px;row-gap:29px;column-gap:22px;margin-bottom:29px}
.main[data-r=leads] .lead-ctl .utabs{align-self:start;height:43px;padding:0 0 0 10px;gap:0 16px;flex-wrap:nowrap;overflow:visible}
.main[data-r=leads] .utab{height:43px;min-height:43px;padding:0 12px 3px;font-size:15.8px;line-height:20px;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;display:inline-flex;align-items:center;gap:5px}
.main[data-r=leads] .utab.on{background:var(--blue-tint);border-bottom-color:var(--blue-action)}
.main[data-r=leads] .filters{gap:0;align-items:flex-start}
.main[data-r=leads] .filters .tsearch{flex:none;width:462px;margin:0}
.main[data-r=leads] .filters .tsearch input{display:block;margin:0;height:44px;padding:0 8px 0 48px;font-size:15.4px;border:1px solid var(--line-input);border-radius:8px}
.main[data-r=leads] .filters .tsearch .ic{left:23px;top:12px;width:20px;height:20px}
.main[data-r=leads] .combo{height:44px;border:1px solid var(--line-input);border-radius:8px;padding:0 0 0 14px;gap:12px;margin-left:12px}
.main[data-r=leads] .filters .tsearch+.combo{margin-left:21px;width:204px}
.main[data-r=leads] .filters .combo+.combo{width:199px}
.main[data-r=leads] .combo>span{font:600 15.4px/20px var(--font);color:var(--ink)}
.main[data-r=leads] .combo select{flex:1;min-width:0;height:42px;border:0;border-left:1px solid var(--line-input);border-radius:0 8px 8px 0;font-size:15.4px;color:var(--ink-2);padding:0 30px 0 12px}
.main[data-r=leads] .lmore{margin:0 0 0 12px}
.main[data-r=leads] .lmore .fbtn{width:155px;height:44px;font-size:15.4px;gap:10px}
.main[data-r=leads] .lmore .fbtn .ic{width:20px;height:20px;stroke-width:2}
.mpop{width:300px}
.mpop select{height:40px}
.main[data-r=leads] .fillcard{grid-column:2;grid-row:1/3;margin-top:50px;height:82px;padding:14px 26px 0 21px;display:block;border-radius:10px;box-shadow:none}
.main[data-r=leads] .fillcard .fl{display:flex;align-items:center;gap:8px;font:400 15px/20px var(--font);color:var(--ink-2)}
.finfo{display:inline-grid;color:var(--slate);cursor:help}
.main[data-r=leads] .fillcard .fv{display:flex;align-items:center;gap:0;height:36px;margin-top:0}
.main[data-r=leads] .fillcard .fv b{font:700 30px/36px var(--font);min-width:74px;color:var(--ink)}
.main[data-r=leads] .fillcard .bar{flex:1;height:8px;border-radius:4px;background:var(--line);overflow:hidden;display:block}
.main[data-r=leads] .fillcard .bar i{display:block;height:100%;border-radius:4px;background:var(--blue-action)}
.main[data-r=leads] .tcard{border-radius:10px;box-shadow:none;overflow:visible}
.main[data-r=leads] .tscroll{border-radius:10px}
.ld-dt{table-layout:fixed;width:100%}
.main[data-r=leads] .dt th,.main[data-r=leads] .dt td{padding:0}
.main[data-r=leads] .dt th:first-child,.main[data-r=leads] .dt td:first-child{padding-left:16px}
.main[data-r=leads] .dt th{height:46px;font:600 13.8px/20px var(--font);color:var(--ink-3);background:var(--table-head);border-top:0;border-bottom:1px solid var(--row-line);white-space:nowrap}
.main[data-r=leads] .dt th .ic{display:inline-block;vertical-align:-1px;margin-left:8px;width:12px;height:12px;stroke-width:2.2;color:var(--slate)}
.main[data-r=leads] .dt th.c-act{padding-left:6px;cursor:default}
.main[data-r=leads] .dt td{height:53px;font:400 14.2px/20px var(--font);color:var(--ink-3);border-bottom:1px solid var(--row-line);overflow:visible}
.main[data-r=leads] .dt tbody tr:last-child td{border-bottom:0}
.main[data-r=leads] .dt tbody tr.sel{background:var(--blue-tint)}
.main[data-r=leads] .dt td.c-main,.main[data-r=leads] .dt td.c-co,.main[data-r=leads] .dt td.c-x,.main[data-r=leads] .dt td.c-next{overflow:hidden;padding-right:10px}
.main[data-r=leads] .dt .cell-biz{gap:16px}
.main[data-r=leads] .dt .cell-biz .av{width:40px;height:40px;font-size:14px;margin-left:-1px}
.main[data-r=leads] .dt .bn{font-size:14.8px;line-height:20px;font-weight:600;color:var(--ink)}
.main[data-r=leads] .dt .bn.addc{color:var(--blue-text);font-weight:500}
.main[data-r=leads] .dt .bs{font-size:12.8px;line-height:19px;color:var(--slate)}
.lco{display:flex;align-items:center;gap:14px;min-width:0}
.lco .mono{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:6px;font:700 14px/1 var(--font);font-style:normal}
.main[data-r=leads] .dt .sc{height:30px;padding:0 14px;font-size:13.6px;line-height:20px}
.lscore{display:inline-grid;place-items:center;width:34px;height:30px;border-radius:6px;font:700 14.6px/1 var(--font);background:var(--c-neutral-bg);color:var(--c-neutral-tx)}
.lscore.hi{background:var(--c-ok-bg);color:var(--todo-tx)}
.lscore.mid{background:var(--c-info-bg);color:var(--c-info-tx)}
.lnext .ell{font-size:13.8px;line-height:20px;color:var(--ink)}
.lnext .bs.od{color:var(--od)}
.lact{display:flex;align-items:center;gap:27px;padding-left:0}
.lcall{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:92px;height:40px;background:var(--surface);border:1px solid var(--line-btn);border-radius:8px;color:var(--blue-text);font:600 14.4px/20px var(--font);cursor:pointer}
.lcall:hover{background:var(--blue-tint)}
.main[data-r=leads] .dt .kebab{padding:0;width:36px;place-items:center start;color:var(--ink-3)}
.main[data-r=leads] .dt .kebab .ic{width:20px;height:20px;stroke-width:3.2}
.main[data-r=leads] .dt td.c-act{overflow:visible}
.lfoot{display:flex;align-items:center;justify-content:space-between;margin-top:13px;height:36px;padding:0 0 0 4px;font-size:15.4px;color:var(--slate)}
.pager{display:flex;align-items:center;gap:3px}
.pg{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink-3);font:500 15.4px/20px var(--font);cursor:pointer}
.pg:hover:not(.on):not(:disabled):not(.gap){background:var(--c-neutral-bg)}
.pg.on{background:var(--blue-action);color:var(--surface)}
.pg:disabled{opacity:.4;cursor:default}
.pg.gap{cursor:default}
@media(max-width:1099px){.main[data-r=leads] .lead-ctl{grid-template-columns:minmax(0,1fr)}.main[data-r=leads] .fillcard{grid-column:1;grid-row:auto;margin-top:0;width:100%}.main[data-r=leads] .lead-ctl{grid-template-rows:none;row-gap:16px}}
@media(max-width:1023px){
 .main[data-r=leads] h1{font-size:32px;line-height:36px}
 .main[data-r=leads] .hacts{flex-wrap:wrap;gap:10px}
 .main[data-r=leads] .hacts .btn{height:44px;font-size:15px;width:auto!important;padding:0 16px;flex:1 1 calc(50% - 5px)}
 .main[data-r=leads] .setup:not(.slim){height:auto;padding:16px;display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px 16px;align-items:center}
 .main[data-r=leads] .setup .ring{position:relative;left:0;top:0}
 .main[data-r=leads] .setup .stitle{position:static;width:auto}
 .main[data-r=leads] .sitems{grid-column:1/-1;display:flex;flex-wrap:nowrap;gap:16px;overflow-x:auto;padding-bottom:4px}
 .main[data-r=leads] .sitem:nth-child(n){position:static;flex:none;width:210px}
 .main[data-r=leads] .setup .stitle{padding-right:28px}
 .main[data-r=leads] .lead-ctl .utabs{overflow-x:auto;padding-left:0}
 .main[data-r=leads] .utab{flex:none}
 .main[data-r=leads] .filters{flex-wrap:wrap;gap:10px}
 .main[data-r=leads] .filters .tsearch{width:100%}
 .main[data-r=leads] .combo,.main[data-r=leads] .filters .tsearch+.combo,.main[data-r=leads] .filters .combo+.combo{margin:0;width:auto;flex:1 1 150px}
 .main[data-r=leads] .lmore{margin:0}
 .main[data-r=leads] .dt tbody tr.tr2{grid-template-columns:auto minmax(0,1fr) auto;padding:12px 14px;gap:4px 12px}
 .main[data-r=leads] .dt tbody tr.tr2 td{display:none;border:0;height:auto}
 .main[data-r=leads] .dt tbody tr.tr2 td:first-child{padding-left:0}
 .main[data-r=leads] .dt tbody tr.tr2 td.c-cb{display:block;grid-column:1;grid-row:1/3;align-self:center}
 .main[data-r=leads] .dt tbody tr.tr2 td.c-main{display:block;grid-column:2;grid-row:1}
 .main[data-r=leads] .dt tbody tr.tr2 td.c-chip{display:block;grid-column:3;grid-row:1}
 .main[data-r=leads] .dt tbody tr.tr2 td.c-next{display:block;grid-column:2;grid-row:2}
 .main[data-r=leads] .dt tbody tr.tr2 td.c-act{display:block;grid-column:3;grid-row:2;justify-self:end}
 .lact{gap:6px}.lcall{width:auto;padding:0 12px;height:36px}
 .lfoot{flex-wrap:wrap;gap:8px}
}
.main[data-r=leads] .sitem.done .sd{color:var(--c-ok-dot)}
.main[data-r=leads] .sitem.done .sd .ic{stroke-width:2.8}

/* fix-04: Pipeline matches the mockup. Scoped to #/pipeline. */
.main[data-r=pipeline]{--pl:23px;--pr:24px;--pt:0px;--hmb:24px}
.main[data-r=pipeline] .pipe-split{grid-template-columns:minmax(0,1054px) 293px;gap:18px}
.main[data-r=pipeline] .head{position:relative;z-index:1;margin-bottom:24px}
.main[data-r=pipeline] h1{font-size:49px;line-height:46px}
.main[data-r=pipeline] .ttl{min-width:0}
.main[data-r=pipeline] .ttl .sub{font-size:19.6px;line-height:26px;margin-top:0}
.main[data-r=pipeline] .hacts{display:none}
.main[data-r=pipeline] .kpis{--kmb:19px;gap:17px;grid-template-columns:minmax(0,347fr) minmax(0,340fr) minmax(0,333fr);width:auto}
.main[data-r=pipeline] .kpi-card{min-height:107px;padding:0 19px 0 21px;gap:24px;border-radius:10px;box-shadow:none}
.main[data-r=pipeline] .kpi-card .disc{width:62px;height:62px}
.disc.t-todo{background:var(--todo-bg)}
.main[data-r=pipeline] .kn{font-size:28px;line-height:34px;margin-top:2px}
.main[data-r=pipeline] .kl{font-size:15.4px;line-height:20px;color:var(--ink-2);order:-1;white-space:nowrap}
.main[data-r=pipeline] .kd{font-size:14.4px;line-height:20px;color:var(--slate)}
.main[data-r=pipeline] .kb{min-width:0}
.main[data-r=pipeline] .kchev{color:var(--ink-3)}
.main[data-r=pipeline] .kchev .ic{width:18px;height:18px;stroke-width:2}
.main[data-r=pipeline] .tcard{border-radius:10px;box-shadow:none;overflow:visible}
.main[data-r=pipeline] .tscroll{border-radius:0 0 10px 10px}
.main[data-r=pipeline] .tbar{min-height:55px;padding:0 20px 0 25px;gap:0;align-items:flex-start}
.main[data-r=pipeline] .utabs{flex-wrap:nowrap;gap:0 28px;margin-top:17px;align-self:flex-start;flex:none}
.main[data-r=pipeline] .utab{font-size:16.4px;line-height:20px;height:35px;min-height:0;padding:0 0 12px;border-bottom-width:3px;align-self:flex-start}
.main[data-r=pipeline] .utab.on{border-bottom-color:var(--blue-action)}
.pseg{margin:9px 0 0 auto;padding:3px;height:36px;border:0;background:var(--c-neutral-bg);border-radius:8px;gap:0;box-sizing:border-box;width:120px}
.pseg button{flex:1;height:30px;padding:0;border-radius:6px;font:500 14.4px/20px var(--font);color:var(--ink-2)}
.pseg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgb(var(--ink-rgb)/.14)}
.pboardbar{display:flex;justify-content:flex-end;margin-bottom:14px}
.pboardbar .pseg{margin:0}
.main[data-r=pipeline] .tbar .tsearch{width:282px;margin:7px 0 0 26px}
.main[data-r=pipeline] .tsearch .ic{left:13px;top:11px;width:19px;height:19px}
.main[data-r=pipeline] .tsearch input{display:block;margin:0;height:40px;padding:0 4px 0 42px;font-size:13.8px;border:1px solid var(--line-input);border-radius:8px;text-overflow:clip}
.main[data-r=pipeline] .tsearch input::placeholder{color:var(--muted)}
.main[data-r=pipeline] .fwrap{margin:7px 0 0 15px}
.main[data-r=pipeline] .fbtn{width:113px;height:40px}
.pl-dt{table-layout:fixed;width:100%}
.main[data-r=pipeline] .dt th,.main[data-r=pipeline] .dt td{padding:0;max-width:none}
.main[data-r=pipeline] .dt th:first-child,.main[data-r=pipeline] .dt td:first-child{padding-left:16px}
.main[data-r=pipeline] .dt th{height:42px;font:600 14.4px/20px var(--font);color:var(--ink-3);background:var(--table-head);border-top:0;border-bottom:1px solid var(--row-line)}
.main[data-r=pipeline] .dt th.num,.main[data-r=pipeline] .dt td.num{text-align:left}
.main[data-r=pipeline] .dt th.c-act{padding-left:8px}
.main[data-r=pipeline] .dt th.c-act .ic{width:20px;height:20px;stroke-width:3.2;vertical-align:middle}
.main[data-r=pipeline] .dt td{height:43px;font:400 14.4px/20px var(--font);color:var(--ink-3);border-bottom:1px solid var(--row-line);overflow:visible;padding-right:10px}
.main[data-r=pipeline] .dt tbody tr:last-child td{border-bottom:0}
.main[data-r=pipeline] .dt tbody tr.sel{background:var(--blue-tint)}
.main[data-r=pipeline] .dt tr.grp td{height:40px;background:var(--surface);border-top:1px solid var(--row-line);border-bottom:0;font-weight:600}
.main[data-r=pipeline] .dt tr.grp button{gap:2px;padding:0 0 0 14px;font:600 16px/22px var(--font);color:var(--ink)}
.main[data-r=pipeline] .dt tr.grp button .ic{width:16px;height:16px;stroke-width:2.2}
.main[data-r=pipeline] .dt tr.grp .gsum{font:600 15.4px/22px var(--font);color:var(--ink)}
.main[data-r=pipeline] .dt td.c-main{overflow:hidden;padding:0 10px 0 0}
.main[data-r=pipeline] .dt th:nth-child(2){padding-left:15px}
.main[data-r=pipeline] .dt .cell-biz{gap:12px;max-width:100%}
.main[data-r=pipeline] .dt .cell-biz>.bn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-width:0}
.main[data-r=pipeline] .dt .cell-biz .av.pv{width:32px;height:32px;font-size:12px}
.main[data-r=pipeline] .dt .bn{font-weight:400;font-size:14.4px;color:var(--ink-3)}
.main[data-r=pipeline] .dt .bn a{color:inherit}
.main[data-r=pipeline] .dt .bn a:hover{text-decoration:underline}
.main[data-r=pipeline] .dt .ell{max-width:100%}
.pown{display:flex;align-items:center;gap:10px;min-width:0}
.pown .av.pw{width:30px;height:30px;font-size:11px}
.main[data-r=pipeline] .stagewrap select.stagesel{height:30px;font-size:12.8px;padding:0 21px 0 27px;border-radius:999px;background-position:calc(100% - 13px) 55%,calc(100% - 8px) 55%}
.main[data-r=pipeline] .stagewrap i{left:12px;top:11px}
.main[data-r=pipeline] .dt .kebab{padding:0;width:36px;place-items:center start;color:var(--ink-3)}
.main[data-r=pipeline] .dt .kebab .ic{width:20px;height:20px;stroke-width:3.2}
.main[data-r=pipeline] .dt td.c-act{padding-left:8px}
.main[data-r=pipeline] .railcol{margin-top:38px}
.main[data-r=pipeline] .railcol .rail{min-height:357px;padding:12px;border-radius:10px;box-shadow:none;display:flex;flex-direction:column}
.prail .pin{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--panel);border-radius:8px;padding:30px 12px 33px}
.prail .psp{height:112px;display:flex;align-items:center;justify-content:center;margin-bottom:21px}
.prail .psprout{width:112px;height:112px}
.prail h2{font-size:21px;line-height:28px;margin:0 0 5px;color:var(--ink)}
.prail p{font-size:15.4px;line-height:22px;color:var(--slate);margin:0;max-width:250px}
.main[data-r=pipeline] .railcol .rbtn{margin-top:auto;height:46px;width:100%;border-radius:8px;font-size:15.4px;font-weight:600;padding:0}
.main[data-r=pipeline] .railcol .rbtn .tki{margin-right:2px}
@media(max-width:1099px){.main[data-r=pipeline] .pipe-split{grid-template-columns:minmax(0,1fr)}.main[data-r=pipeline] .railcol{margin-top:0}.tk-art{display:none}}
@media(max-width:1023px){
 .main[data-r=pipeline] h1{font-size:32px;line-height:36px}
 .main[data-r=pipeline] .kpis{grid-template-columns:minmax(0,1fr);gap:12px}
 .main[data-r=pipeline] .kpi-card{min-height:84px;padding:12px 14px;gap:14px}
 .main[data-r=pipeline] .kpi-card .disc{width:44px;height:44px}
 .main[data-r=pipeline] .tbar{flex-wrap:wrap;padding:12px 16px;gap:8px}
 .main[data-r=pipeline] .utabs{flex:1 1 100%;margin-top:0;overflow-x:auto}
 .pseg{margin:0}
 .main[data-r=pipeline] .tbar .tsearch{flex:1 1 0;width:auto;margin:0}
 .main[data-r=pipeline] .fwrap{margin:0}
 .main[data-r=pipeline] .dt tbody tr.tr2{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 14px;gap:4px 12px}
 .main[data-r=pipeline] .dt tbody tr.tr2 td{display:none;border:0;height:auto;padding:0!important}
 .main[data-r=pipeline] .dt tbody tr.tr2 td.c-cb{display:block;grid-column:1;grid-row:1/3;align-self:center}
 .main[data-r=pipeline] .dt tbody tr.tr2 td.c-main{display:block;grid-column:2;grid-row:1}
 .main[data-r=pipeline] .dt tbody tr.tr2 td.c-chip{display:block;grid-column:3;grid-row:1}
 .main[data-r=pipeline] .dt tbody tr.tr2 td.c-next{display:block;grid-column:2;grid-row:2;color:var(--slate)}
 .main[data-r=pipeline] .dt tbody tr.tr2 td.c-act{display:block;grid-column:3;grid-row:2;justify-self:end}
 .main[data-r=pipeline] .dt .cell-biz{margin-left:0}
 .main[data-r=pipeline] .dt tr.grp{display:block;background:var(--table-head)}
 .main[data-r=pipeline] .dt tr.grp td{display:block;height:40px}
 .main[data-r=pipeline] .dt tr.grp td:not(:first-child){display:none}
}
.main[data-r=pipeline] .dt td.c-chip{overflow:visible;padding-right:0}
.main[data-r=pipeline] .dt tr.grp td:first-child{padding-left:0}
.main[data-r=pipeline] .stagewrap select.stagesel{background-image:none;padding:0 14px 0 27px;cursor:pointer;field-sizing:content;transition:filter var(--t-fast) var(--ease)}
.main[data-r=pipeline] .stagewrap select.stagesel:hover{filter:brightness(.92)}
.main[data-r=pipeline] .dt td.c-main{padding-right:4px}
.main[data-r=pipeline] .dt td.c-x{padding-right:6px}

/* fix-05: Meetings matches the mockup. Scoped to #/meetings. */
.main[data-r=meetings]{--pl:44px;--pr:20px;--pt:15px;--hmb:17px}
.main.has-panel{margin-right:433px;width:auto}
.main[data-r=meetings] .head{position:relative;z-index:1}
.main[data-r=meetings] h1{font-size:49px;line-height:52px}
.main[data-r=meetings] .ttl{min-width:0}
.main[data-r=meetings] .ttl .sub{font-size:20px;line-height:26px;margin-top:2px}
.main[data-r=meetings] .hacts{display:none}
.mcard{display:flex;flex-direction:column;height:calc(100vh - 212px - 52px);min-height:420px;border-radius:10px;box-shadow:none;overflow:visible;position:relative}
.main[data-r=meetings] .tbar{flex:none;min-height:77px;padding:0 10px 0 19px;gap:0;align-items:flex-start}
.main[data-r=meetings] .utabs{flex-wrap:nowrap;gap:0 24px;margin-top:26px;align-self:flex-start;flex:none}
.main[data-r=meetings] .utab{font-size:16.4px;line-height:20px;height:35px;min-height:0;padding:0 0 12px;border-bottom-width:3px;align-self:flex-start}
.main[data-r=meetings] .utab.on{border-bottom-color:var(--blue-action)}
.main[data-r=meetings] .tbar .tsearch{width:244px;margin:19px 0 0 auto}
.main[data-r=meetings] .tsearch .ic{left:13px;top:10px;width:19px;height:19px}
.main[data-r=meetings] .tsearch input{display:block;margin:0;height:39px;padding:0 2px 0 40px;font-size:12.6px;border:1px solid var(--line-input);border-radius:8px;text-overflow:clip}
.main[data-r=meetings] .tsearch input::placeholder{color:var(--muted)}
.main[data-r=meetings] .fwrap{margin:19px 0 0 10px}
.main[data-r=meetings] .fbtn{width:67px;height:39px;gap:6px;padding:0}
.main[data-r=meetings] .fbtn .ic{width:17px;height:17px}
.mscroll{flex:1;min-height:0;overflow:auto}
.ms-dt{table-layout:fixed;width:100%}
.main[data-r=meetings] .dt th,.main[data-r=meetings] .dt td{padding:0}
.main[data-r=meetings] .dt th:first-child,.main[data-r=meetings] .dt td:first-child{padding-left:23px}
.main[data-r=meetings] .dt th{height:47px;font:600 14.4px/20px var(--font);color:var(--ink-3);background:var(--table-head);border-top:0;border-bottom:1px solid var(--row-line);position:sticky;top:0;z-index:2;white-space:nowrap}
.main[data-r=meetings] .dt th .ic{display:inline-block;vertical-align:-1px;margin-left:8px;width:12px;height:12px;stroke-width:2.2;color:var(--slate)}
.main[data-r=meetings] .dt td{height:65px;font:400 14.4px/20px var(--font);color:var(--ink-3);border-bottom:1px solid var(--row-line);overflow:visible;padding-right:10px}
.main[data-r=meetings] .dt tbody tr.sel,.main[data-r=meetings] .dt tbody tr.sel:hover{background:var(--sel)}
.main[data-r=meetings] .dt tbody tr.click{cursor:pointer}
.main[data-r=meetings] .dt td.c-main{overflow:hidden;padding-right:0}
.main[data-r=meetings] .dt .cell-biz{gap:10px}
.main[data-r=meetings] .dt .cell-biz .av.mv{width:38px;height:38px;font-size:13px}
.main[data-r=meetings] .dt .bn{font-size:14.4px;line-height:20px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main[data-r=meetings] .dt .bs{font-size:12.5px;line-height:18px;color:var(--slate)}
.main[data-r=meetings] .dd2{line-height:22px}
.mown{display:flex;align-items:center;gap:10px}
.mown .av.mw{width:36px;height:36px;font-size:12.5px}
.main[data-r=meetings] .rec.plain{color:var(--ink-3);font-weight:400}
.main[data-r=meetings] .rec .tki,.main[data-r=meetings] .rec .ic{flex:none}
.main[data-r=meetings] .dt .ell{max-width:160px}
.main[data-r=meetings] .dt .kebab{padding:0;width:36px;place-items:center start;color:var(--ink-3)}
.main[data-r=meetings] .dt .kebab .ic{width:20px;height:20px;stroke-width:3.2}
.main[data-r=meetings] .dt td.c-act{overflow:visible}
.main[data-r=meetings] .dt th.c-act{padding:0}
.mbanner{flex:none;height:63px;display:flex;align-items:center;gap:33px;padding:0 10px 0 11px;border-top:1px solid var(--row-line);background:var(--surface);border-radius:0 0 9px 9px}
.msprout{flex:none;width:64px;height:64px;align-self:flex-end;overflow:hidden}
.msprout svg{width:64px;height:64px;display:block}
.mbt{display:flex;flex-direction:column;min-width:0;flex:1}
.mbt b{font:700 16.3px/22px var(--font);color:var(--ink)}
.mbt span{font-size:14.4px;line-height:20px;color:var(--slate);max-width:600px;white-space:normal}
#mLearn{height:38px;width:131px;padding:0;border-radius:8px;font-size:14.4px;font-weight:600;gap:8px;flex:none;background:var(--surface);border:1px solid var(--line-btn);color:var(--blue-text)}
#mLearn:hover{background:var(--blue-tint)}
.mpanel{position:fixed;top:var(--top-h);right:0;bottom:0;width:433px;background:var(--surface);border-left:1px solid var(--line);z-index:18;display:flex;flex-direction:column;padding:0 45px 0 21px;overflow:hidden}
.mp-empty{margin:auto;color:var(--slate);font-size:15px}
.mp-h{position:relative;display:flex;align-items:flex-start;gap:21px;padding-top:28px;flex:none}
.mp-h .av.mpv{width:62px;height:62px;font-size:21px}
.mp-ht{min-width:0;flex:1;padding-right:30px}
.mp-ht h2{font-size:21.5px;line-height:26px;margin:4px 0 0;color:var(--ink);max-width:270px;overflow-wrap:anywhere}
.mp-hs{display:flex;align-items:center;gap:14px;margin-top:0;font-size:14.4px;color:var(--slate)}
.mp-chip{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:6px;background:var(--blue-tint);color:var(--c-info-tx);font:500 14.4px/20px var(--font)}
.mp-x{position:absolute;right:-26px;top:22px}
.mp-tabs{display:flex;gap:21px;margin:28px -45px 0 -21px;padding:0 22px 0 26px;height:32px;border-bottom:1px solid var(--line);flex:none}
.mp-tab{background:none;border:0;padding:0;font:500 15.4px/20px var(--font);color:var(--ink-2);cursor:pointer;height:32px;border-bottom:3px solid transparent;margin-bottom:-1px}
.mp-tab.on{color:var(--blue-text);border-bottom-color:var(--blue-action);font-weight:600}
.mp-body{flex:1;overflow-y:auto;padding-top:28px;min-height:0}
.mp-r{display:flex;align-items:flex-start;min-height:43px;font-size:14.4px;color:var(--ink-3)}
.mp-r.two{margin-bottom:21px}
.mp-i{flex:none;width:20px;margin-left:10px;color:var(--slate)}
.mp-l{flex:none;width:124px;margin-left:6px;white-space:nowrap;font-size:12.2px;color:var(--slate);line-height:20px;padding-top:1px}
.mp-v{flex:1;line-height:21px;min-width:0}
.mp-sub2{font-size:13.4px;color:var(--slate);line-height:20px}
.mp-rec{display:flex;align-items:center;justify-content:space-between}
.mpk .kebab{width:28px;height:28px;color:var(--ink-3)}
.mp-cons{display:flex;align-items:center;gap:8px;margin:12px 0 34px 16px;font-size:13.4px;color:var(--slate)}
.mp-body hr{border:0;border-top:1px solid var(--line);margin:14px 0}
.mp-b{display:flex;align-items:flex-start;font-size:14.4px;color:var(--ink-3);min-height:60px}
.mp-bl{flex:none;width:103px;margin-left:6px;font:600 14.4px/22px var(--font);color:var(--ink)}
.mp-bv{flex:1;min-width:0;line-height:22px}
.mp-bv ul{margin:0;padding-left:16px}
.mp-ns{line-height:22px}
.mp-mu{color:var(--slate)}
.mp-body h3{font-size:14.4px;margin:14px 0 6px}
.mp-steps li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:6px 0}
.mp-cta{flex:none;padding:12px 0 39px}
.mp-cta .btn{width:100%;height:42px;background:var(--blue-tint);border-color:var(--blue-tint);color:var(--blue-text);border-radius:8px;font-size:15.4px;font-weight:600}
.mp-cta .btn:hover{background:var(--c-info-bg);filter:brightness(.97)}
@media(max-width:1359px){.main.has-panel{margin-right:0}.mpanel{display:none}}
@media(max-width:1099px){.tk-art{display:none}}
@media(max-width:1023px){
 .main[data-r=meetings] h1{font-size:32px;line-height:36px}
 .mcard{height:auto;min-height:0}
 .mscroll{overflow:visible}
 .main[data-r=meetings] .tbar{flex-wrap:wrap;padding:12px 16px;gap:8px}
 .main[data-r=meetings] .utabs{flex:1 1 100%;margin-top:0;overflow-x:auto;gap:0 20px}
 .main[data-r=meetings] .tbar .tsearch{flex:1 1 0;width:auto;margin:0}
 .main[data-r=meetings] .fwrap{margin:0}
 .main[data-r=meetings] .dt thead{display:none}
 .main[data-r=meetings] .dt tbody tr.tr2{grid-template-columns:minmax(0,1fr) auto;padding:12px 16px;gap:4px 12px;border-bottom:1px solid var(--row-line)}
 .main[data-r=meetings] .dt tbody tr.tr2 td{display:none;border:0;height:auto;padding:0!important}
 .main[data-r=meetings] .dt tbody tr.tr2 td.c-main{display:block;grid-column:1;grid-row:1}
 .main[data-r=meetings] .dt tbody tr.tr2 td.c-next{display:block;grid-column:2;grid-row:1}
 .main[data-r=meetings] .dt tbody tr.tr2 td.c-act{display:block;grid-column:2;grid-row:2;justify-self:end}
 .main[data-r=meetings] .dt tbody tr.tr2 td.c-x:nth-child(3){display:block;grid-column:1;grid-row:2;color:var(--slate)}
 .main[data-r=meetings] .dt .dd2{flex-direction:row;gap:8px}
 .mbanner{flex-wrap:wrap;height:auto;padding:12px 16px}
}

/* fix-06: Follow-ups matches the mockup. Scoped to #/followups. */
.main[data-r=followups]{--pl:23px;--pr:22px;--pt:12px;--hmb:18px}
.main[data-r=followups] .head{position:relative;z-index:1;align-items:flex-start;flex-wrap:nowrap}
.main[data-r=followups] h1{font-size:43.5px;line-height:52px}
.main[data-r=followups] .ttl{min-width:0}
.main[data-r=followups] .ttl .sub{font-size:19.8px;line-height:28px;margin-top:0}
.main[data-r=followups] .ttl .sub strong{color:var(--blue-text);font-weight:700}
.main[data-r=followups] .hacts{display:none}
.fcards{display:flex;gap:16px;margin:10px 0 0 auto;flex:none}
.fcap,.fsnd{position:relative;height:88px;border-radius:10px;border:1px solid var(--line);background:var(--surface)}
.fcap{width:290px}
.fdisc{position:absolute;left:15px;top:15px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--blue-tint);color:var(--blue-action)}
.fdisc .ic{stroke-width:2}
.fcv{position:absolute;left:67px;top:12px;font:700 24px/28px var(--font);color:var(--ink)}
.fcl{position:absolute;left:67px;top:43px;font-size:13.4px;line-height:18px;color:var(--slate)}
.fct{position:absolute;right:15px;top:14px;display:flex;align-items:center;gap:6px;font-size:13.4px;line-height:20px;color:var(--slate);cursor:help}
.fcap .capbar{position:absolute;left:67px;top:69px;width:206px;height:6px;margin:0;border-radius:3px;background:var(--line)}
.fcap .capbar i{border-radius:3px;background:var(--blue-action)}
.fsnd{width:248px;display:flex;align-items:center;gap:8px;padding:0 12px 0 13px;color:inherit;text-decoration:none}
.fsnd:hover{text-decoration:none}
.fsnd .fdisc{position:static;width:32px;height:32px;flex:none}
.fsnd>div{flex:1;min-width:0}
.fsnd .t3{font:700 14.8px/20px var(--font);white-space:nowrap}
.fsnd .t2{font-size:12.2px;line-height:19px;letter-spacing:-.01em;color:var(--slate);overflow-wrap:anywhere}
.fsnd.warn{background:var(--amber-bg);border-color:var(--amber-line)}
.fsnd.warn .t3{color:var(--amber-tx)}
.fsnd.warn>.ic{color:var(--amber-tx);flex:none}
.fsnd.warn .fdisc.a{background:var(--c-warn-dot);color:var(--surface);font:700 18px/1 var(--font)}
.fsnd.ok{background:var(--callout-ok-bg);border-color:var(--ok-line)}
.fsnd.ok .t3{color:var(--c-ok-tx)}
.fsnd.ok .fdisc.g{background:var(--c-ok-dot);color:var(--surface)}
.main[data-r=followups] .fu-split{grid-template-columns:minmax(0,944px) 407px;gap:16px;align-items:start}
.main[data-r=followups] .ftplcard{position:relative;display:block;padding:0;height:234px;min-height:0;margin-bottom:8px;border-radius:10px;box-shadow:none}
.ftph{position:absolute;left:13px;top:10px;right:13px}
.ftph h2{font-size:21.5px;line-height:28px;margin:0;color:var(--ink)}
.ftph p{margin:6px 0 0;font-size:15.4px;line-height:22px;color:var(--slate)}
.ftph .btn{position:absolute;right:-2px;top:7px;width:155px;height:40px;padding:0;border-radius:8px;font-size:15.4px;font-weight:600}
.ftgrid{position:absolute;left:13px;top:76px;width:915px;display:grid;grid-template-columns:310fr 297fr 287fr;gap:10.5px}
.ftpl{position:relative;display:block;width:100%;height:143px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.ftpl:hover{border-color:var(--blue-action)}
.ftpl[aria-pressed=true]{border:2px solid var(--blue-action);background:#F7FAFF;padding:0}
.ftpl .fdisc.big{position:absolute;left:17px;top:22px;width:64px;height:64px}
.ftpl[aria-pressed=true] .fdisc.big{left:16px;top:21px}
.ftb{position:absolute;left:99px;top:18px;right:34px;display:flex;flex-direction:column}
.ftpl[aria-pressed=true] .ftb{left:98px;top:17px}
.ftb b{font:700 17.3px/22px var(--font);color:var(--ink)}
.fcd{font-size:14.4px;line-height:21px;color:var(--slate);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:1px}
.ftp{position:absolute;left:0;top:82px;display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;background:var(--blue-tint);color:var(--c-info-tx);font:500 14.4px/20px var(--font);white-space:nowrap}
.ftpl>.ic{position:absolute;right:17px;top:104px;width:18px;height:18px;stroke-width:2;color:var(--ink-2)}
.ftpl[aria-pressed=true]>.ic{right:16px;top:103px}
.tpl-wrap .btn.icon{top:6px;right:6px;z-index:2}
.fucard{border-radius:10px;box-shadow:none;overflow:visible}
.fucard .tbar{min-height:61px;padding:0 11px 0 1px;gap:0;align-items:flex-start}
.fucard .utabswrap{flex:none}
.fucard .utabs{flex-wrap:nowrap;gap:0;margin-top:9px}
.fucard .utab{font-size:16.4px;line-height:20px;height:38px;min-height:0;padding:0 12px 15px;border-bottom-width:3px}
.fucard .utab.on{border-bottom-color:var(--blue-action)}
.fucard .tbar .tsearch{width:274px;margin:9px 0 0 auto}
.fucard .tsearch .ic{left:13px;top:9px;width:19px;height:19px}
.fucard .tsearch input{display:block;margin:0;height:38px;padding:0 2px 0 40px;font-size:13px;border:1px solid var(--line-input);border-radius:8px;text-overflow:clip}
.fucard .tsearch input::placeholder{color:var(--muted)}
.fucard .fwrap{margin:9px 0 0 12px}
.fucard .fbtn{width:101px;height:38px}
.fucard .tbar.bulk .tkbulk{margin-top:6px}
.fu-dt{table-layout:fixed;width:100%}
.fucard .dt th,.fucard .dt td{padding:0}
.fucard .dt th:first-child,.fucard .dt td:first-child{padding-left:16px}
.fucard .dt th{height:45px;font:600 14.4px/20px var(--font);color:var(--ink-3);background:var(--table-head);border-top:0;border-bottom:1px solid var(--row-line)}
.fucard .dt td{height:67px;font:400 14.4px/20px var(--font);color:var(--ink-3);border-bottom:1px solid var(--row-line);overflow:visible;padding-right:8px}
.fucard .dt tbody tr:last-child td{border-bottom:0}
.fucard .dt tbody tr.sel,.fucard .dt tbody tr.sel:hover{background:var(--sel)}
.fucard .dt tbody tr{cursor:pointer}
.fucard .dt td.c-main{overflow:hidden;padding-right:6px}
.fucard .dt .cell-biz{gap:14px}
.fucard .dt .cell-biz .av.fv{width:38px;height:38px;font-size:13px}
.fucard .dt .bn{font-size:14.4px;line-height:20px;font-weight:500;color:var(--ink)}
.fucard .dt .bn a{color:inherit}
.fucard .dt .bs{font-size:13.4px;line-height:19px;color:var(--slate)}
.fucard .dt td.c-next .cell-biz{gap:12px}
.fucard .dt td.c-next .ic{color:var(--slate);flex:none}
.ftn{color:var(--ink)}.ftn.on{color:var(--blue-text)}
.rdy{display:flex;align-items:flex-start;gap:8px}
.rdy>span{display:flex;flex-direction:column;min-width:0;line-height:20px}
.rdy>span>span:last-child{font-size:13.4px;line-height:18px;color:var(--slate);overflow:hidden;text-overflow:ellipsis}
.rdy.ok .ic{color:var(--c-ok-dot);flex:none;margin-top:0}
.rdy.ok b{font-weight:500;color:var(--todo-tx)}
.rdy .am{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--c-warn-dot);color:var(--surface);font:700 13px/1 var(--font);font-style:normal;margin-top:3px}
.rdy .nsu{height:26px;padding:0 10px;font-size:13.4px;margin-bottom:2px;align-self:flex-start}
.rdy .nsu::before{display:none}
.fucard td.c-act{padding-left:0}
.fact{display:flex;align-items:center;gap:26px;margin-left:-6px}
.fucard .frev{height:40px;width:129px;padding:0;border-radius:8px;font-size:15.4px;font-weight:600}
.fucard .dt .kebab{padding:0;width:28px;place-items:center start;color:var(--ink-3)}
.fucard .dt .kebab .ic{width:20px;height:20px;stroke-width:3.2}
.fucard .dt th.c-act{padding-left:0}
.fpanel{position:sticky;top:calc(var(--top-h) + 12px);height:698px;box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 19px 24px 23px;display:flex;flex-direction:column;overflow:hidden}
.fp-hd{position:relative;display:flex;align-items:center;height:28px}
.fp-hd h2{font-size:21.5px;line-height:28px;margin:0;color:var(--ink)}
.fp-hd .btn{position:absolute;right:-7px;top:2px}
.fp-lead{display:flex;align-items:center;gap:16px;margin-top:17px;padding-bottom:14px;border-bottom:1px solid var(--line);flex:none}
.fp-lead .av.fl{width:52px;height:52px;font-size:17px}
.fp-lead>span:last-child{display:flex;flex-direction:column}
.fp-lead b{font:700 16.3px/22px var(--font);color:var(--ink)}
.fp-lead>span:last-child>span{font-size:14.4px;line-height:20px;color:var(--slate);font-weight:400}
.fp-meta{display:flex;align-items:center;justify-content:space-between;height:28px;margin-top:13px;flex:none}
.fp-mt{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);white-space:nowrap;min-width:0}
.fp-nav{display:inline-flex;gap:2px;margin-left:6px}
.fp-nb{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--slate);cursor:pointer}
.fp-nb:hover:not(:disabled){background:var(--c-neutral-bg)}
.fp-nb:disabled{opacity:.35;cursor:default}
.fpanel .sc{height:28px}
.fp-box{margin-top:9px;height:352px;flex:none;border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:4px;overflow:hidden}
.fp-box label,.fp-sl{font-size:13.4px;font-weight:400;color:var(--slate)}
.fp-box>b{font:500 15.4px/22px var(--font);color:var(--ink)}
.fp-box input{border:0;padding:0;height:26px;font:500 15.4px/22px var(--font);color:var(--ink);background:transparent;box-shadow:none}
.fp-box input:focus,.fp-box textarea:focus{box-shadow:none;outline:0}
.fp-box textarea.fp-sub{flex:none;height:46px;min-height:0;font:500 15.4px/22px var(--font);color:var(--ink);resize:none;overflow:hidden}
.fp-box hr{border:0;border-top:1px solid var(--line);margin:8px 0}
.fp-box textarea{border:0;padding:0;height:auto;flex:1;min-height:0;resize:none;font:400 15.4px/24px var(--font);color:var(--ink-3);background:transparent;box-shadow:none;overflow:auto}
.fp-box .fbody{white-space:pre-wrap;font-size:15.4px;line-height:24px;overflow:auto;flex:1;color:var(--ink-3)}
.fp-call{margin-top:14px;height:70px;flex:none;background:var(--sel);border-radius:8px;display:flex;align-items:center;gap:14px;padding:0 18px}
.fp-call .ic{color:var(--blue-action);flex:none;stroke-width:1.8}
.fp-call b{display:block;font:600 14.4px/20px var(--font);color:var(--blue-text)}
.fp-call span{font-size:13.4px;line-height:20px;color:var(--ink-2)}
.fp-act{margin-top:14px;display:flex;gap:16px;flex:none}
.fp-act .btn{height:44px;border-radius:8px;font-size:15.4px;font-weight:600}
.fp-act .btn[data-ap]{flex:0 0 209px}
.fp-act .btn.ghost{flex:1;background:var(--surface);color:var(--ink);border-color:var(--line)}
.fp-none{align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--slate);font-size:15.4px}
.fp-none .fp-sp svg{width:96px;height:96px}
.fp-none p{margin:0}
.fucard .tbar [hidden]{display:none!important}
@media(max-width:1279px){.fcards{margin-top:10px}}
@media(max-width:1099px){
 .main[data-r=followups] .fu-split{grid-template-columns:minmax(0,1fr)}
 .main[data-r=followups] .head{flex-wrap:wrap}
 .fcards{margin:12px 0 0;width:100%}
 .tk-art{display:none}
 .fpanel{display:none}
 .fpanel.fp-open{display:flex;position:fixed;right:0;top:var(--top-h);bottom:0;width:min(440px,100%);height:auto;z-index:35;box-shadow:var(--sh-pop);border-radius:0;overflow-y:auto}
 .main[data-r=followups] .ftplcard{height:auto;padding:14px 13px 13px}
 .ftph{position:static;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
 .ftph .btn{position:static;width:auto;padding:0 14px}
 .ftgrid{position:static;width:auto;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
}
@media(max-width:1023px){
 .main[data-r=followups] h1{font-size:32px;line-height:36px}
 .fcards{flex-direction:column}
 .fcap,.fsnd{width:100%}
 .fucard .tbar{flex-wrap:wrap;padding:12px 16px;gap:8px}
 .fucard .utabswrap{flex:1 1 100%;overflow-x:auto}
 .fucard .utabs{margin-top:0}
 .fucard .tbar .tsearch{flex:1 1 0;width:auto;margin:0}
 .fucard .fwrap{margin:0}
 .fucard .dt thead{display:none}
 .fucard .dt tbody tr.tr2{grid-template-columns:auto minmax(0,1fr) auto;padding:12px 14px;gap:4px 12px}
 .fucard .dt tbody tr.tr2 td{display:none;border:0;height:auto;padding:0!important}
 .fucard .dt tbody tr.tr2 td.c-cb{display:block;grid-column:1;grid-row:1/3;align-self:center}
 .fucard .dt tbody tr.tr2 td.c-main{display:block;grid-column:2;grid-row:1}
 .fucard .dt tbody tr.tr2 td.c-next{display:block;grid-column:2;grid-row:2}
 .fucard .dt tbody tr.tr2 td.c-act{display:block;grid-column:3;grid-row:1/3;align-self:center}
 .fact{margin-left:0;gap:6px}
 .fucard .frev{width:auto;padding:0 12px;height:36px}
}

/* fix-07: Reports matches the mockup. Scoped to #/reports. */
.main[data-r=reports]{--pl:23px;--pr:24px;--pt:8px;--hmb:30px}
.main[data-r=reports] .head{position:relative;z-index:1;margin-bottom:30px}
.main[data-r=reports] h1{font-size:49px;line-height:48px}
.main[data-r=reports] .ttl .sub{font-size:19.8px;line-height:26px;margin-top:2px}
.main[data-r=reports] .hacts{display:none}
.rptag{position:absolute;left:1120px;top:21px;z-index:1;font:800 30px/30px var(--font);letter-spacing:-.02em;display:flex;flex-direction:column;pointer-events:none}
.rptag span:first-child{color:var(--ink)}.rptag span:last-child{color:var(--blue-action)}
.rpctl{display:flex;align-items:center;gap:12px;height:40px;margin:0 0 14px;padding:0}
.rpnb{display:grid;place-items:center;width:39px;height:40px;padding:0;background:var(--surface);border:1px solid var(--line-input);border-radius:8px;color:var(--ink-3);cursor:pointer}
.rpnb:hover,.rpwb:hover{background:var(--table-head)}
.rpwk{position:relative}
.rpwb{display:flex;align-items:center;gap:10px;width:202px;height:40px;padding:0 12px;background:var(--surface);border:1px solid var(--line-input);border-radius:8px;font:500 15.2px/20px var(--font);color:var(--ink-3);cursor:pointer}
.rpwb span{flex:1;text-align:left}
.rpwb .ic{width:18px;height:18px;flex:none;stroke-width:1.8}
.rpwp{top:46px;left:0;right:auto;width:220px;padding:6px;gap:2px}
.rpwo{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:6px;background:transparent;font:500 14px/20px var(--font);color:var(--ink-3);cursor:pointer}
.rpwo:hover{background:var(--table-head)}.rpwo.on{background:var(--blue-tint);color:var(--blue-text)}
.rpexp{width:180px;height:40px;padding:0;border-radius:8px;font-size:15.2px;font-weight:600;gap:8px}
.rpkpis{display:grid;grid-template-columns:330fr 329fr 330fr 327fr;gap:16.3px;margin-bottom:13px}
.rpk{position:relative;display:flex;align-items:center;gap:20px;height:116px;padding:0 19px 0 19px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink)}
.rpk:hover{text-decoration:none;border-color:var(--line-strong)}
.rpdisc{flex:none;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:var(--blue-tint);color:var(--blue-action)}
.rpdisc.green{background:var(--c-ok-bg)}.rpdisc.sm{width:40px;height:40px}.rpdisc.big{width:40px;height:40px}
.rpk .rpdisc.blue .ic{stroke-width:2.1}
.rpkb{display:flex;flex-direction:column;min-width:0;flex:1}
.rpkl{font:600 15.2px/20px var(--font);color:var(--ink)}
.rpkv{font:700 31px/38px var(--font);color:var(--ink);text-align:left}
.rpkd{display:flex;align-items:center;gap:4px;font-size:14.2px;line-height:20px;color:var(--slate);white-space:nowrap}
.rpd{display:inline-flex;align-items:center;gap:3px;font-weight:600}
.rpd.up{color:#16A34A}.rpd.down{color:var(--od)}.rpd.flat{color:var(--slate)}
.rpd .ic{stroke-width:2.4}
.rpk>.ic{flex:none;color:var(--ink-3);stroke-width:2}
.rpchan{display:flex;align-items:center;height:98px;padding:0;margin-bottom:13px;border-radius:10px;box-shadow:none;position:relative}
.rpchan h2{flex:none;width:217px;margin:0 0 0 19px;font-size:19px;line-height:24px;display:flex;align-items:center;gap:8px}
.rpi{display:inline-grid;color:var(--slate);cursor:help;vertical-align:middle}
.rpchan h2 .rpi{margin-left:4px}
.rpcc{flex:1;display:flex;align-items:center;gap:12px;height:58px;padding-left:16px;border-left:1px solid var(--line)}
.rpcc:first-of-type{border-left:0}
.rpcc>span:last-child{display:flex;flex-direction:column;min-width:0}
.rpcn{font:500 14.2px/20px var(--font);color:var(--ink-2)}
.rpcc b{font:700 17px/24px var(--font);color:var(--ink);white-space:nowrap;text-align:left}
.rpcc>span:last-child{align-items:flex-start}
.rpcp{font-size:14.2px;line-height:20px;color:var(--slate)}
.rpr2{display:grid;grid-template-columns:648fr 698fr;gap:19px;align-items:stretch;margin-bottom:15px}
.rpr2>.card{border-radius:10px;box-shadow:none;padding:12px 19px 8px;min-height:212px}
.rph{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;height:28px}
.rphr2{display:flex;align-items:center;gap:14px}
.rpr2 h2{font-size:19px;line-height:26px;margin:0;display:flex;align-items:center;gap:8px}
.rpt{width:100%;border-collapse:collapse}
.rpt th{height:24px;text-align:left;font:400 14.2px/20px var(--font);color:var(--slate);padding:0 0 0 26px;border:0;background:transparent}
.rpt th:nth-child(n+2){padding-left:0}
.rpt th.num{text-align:left}
.rpt td{height:33px;font:400 14.2px/20px var(--font);color:var(--ink-3);border-top:1px solid var(--row-line);padding:0}
.rpt td:first-child{padding-left:26px}
.rpt td.num{text-align:left}
.rpmi{display:flex;align-items:center;gap:10px}
.rpmi .ic{color:var(--blue-action);flex:none}
.rpchg{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;font:600 13.5px/20px var(--font);background:var(--c-neutral-bg);color:var(--c-neutral-tx)}
.rpchg.ok{background:var(--c-ok-bg);color:var(--c-ok-tx)}.rpchg.bad{background:var(--c-risk-bg);color:var(--c-risk-tx)}
.rplink{display:inline-flex;align-items:center;gap:4px;margin-top:0;padding:0;border:0;background:none;color:var(--blue-text);font:500 13.4px/20px var(--font);cursor:pointer}
.rplink .ic{stroke-width:2}
.rphr .rpc{display:block;width:100%;height:auto;margin-top:2px}
.rphr .rpc text{font:400 12.5px var(--font);fill:var(--slate)}
.rphr .rpc text.rpe{font-size:14px}
.rpr3{display:grid;grid-template-columns:329fr 329fr 329fr 330fr;gap:16px;margin-bottom:10px}
.rpc3{position:relative;border-radius:10px;box-shadow:none;padding:12px 20px 12px;min-height:163px}
.rpc3 h3{font:700 17px/24px var(--font);margin:0;display:flex;align-items:center;gap:8px;color:var(--ink)}
.rpc3>.ic{position:absolute;right:16px;top:19px;width:18px;height:18px;color:var(--ink-3);stroke-width:2}
.rpbig{margin-top:6px;display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.rpbig b{font:700 29px/32px var(--font)}
.rpbig>span:last-child{font-size:14.2px;color:var(--slate)}
.rpstack{display:flex;height:12px;border-radius:6px;overflow:hidden;margin:8px 0 8px;background:var(--line)}
.rpstack i{display:block;height:100%}
.rpleg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rpleg span{display:flex;flex-direction:column;line-height:19px;font-size:13.4px;color:var(--slate)}
.rpleg b{display:flex;align-items:center;gap:6px;font:600 14.2px/20px var(--font);color:var(--ink)}
.rpleg b i{width:10px;height:10px;border-radius:50%;flex:none}
.rpleg em{font-style:normal;font-size:13.4px;position:absolute;display:none}
.rpleg small{font-size:13.4px;color:var(--slate)}
.rpmu{margin-top:12px;font-size:14.2px;color:var(--slate)}
.rpobj{list-style:none;margin:10px 0 0;padding:0}
.rpobj li{display:grid;grid-template-columns:20px 1fr auto;gap:6px;height:22px;align-items:center;font-size:13.4px;color:var(--ink-3)}
.rpobj li span:first-child{color:var(--slate)}
.rpov{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.rpbig2{display:flex;flex-direction:column}
.rpbig2 b{font:700 29px/34px var(--font)}
.rpbig2 span{font-size:14.2px;color:var(--slate)}
.rpov ul{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px solid var(--line);min-width:120px}
.rpov li{display:flex;align-items:center;gap:8px;font-size:14.2px;line-height:26px;color:var(--ink-3)}
.rpov li i{width:10px;height:10px;border-radius:50%;flex:none}
.rpov li b{margin-left:auto;font-weight:600}
.rpvl{width:100%;height:38px;margin-top:10px;border-radius:8px;font-size:14.4px;font-weight:600;background:var(--surface);border:1px solid var(--blue-action);color:var(--blue-text)}
.rpwr{display:flex;align-items:center;gap:12px;margin-top:6px;font-size:14.2px;line-height:20px;color:var(--ink-2)}
.rpsum{margin:10px 0 0;padding-left:18px;font-size:13.4px;line-height:19px;color:var(--ink-2)}
.rpwbtn{width:100%;height:40px;margin-top:8px;border-radius:8px;font-size:14.4px;font-weight:600}
.rpcap{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;font-size:12.5px;line-height:18px;color:var(--slate)}
.rpcap .est{font-size:12.5px;opacity:1}
.rpr4{display:grid;grid-template-columns:674fr 675fr;gap:16px;margin-bottom:20px}
.rpr4>.card{position:relative;display:flex;align-items:center;gap:12px;height:67px;padding:0 32px 0 20px;border-radius:10px;box-shadow:none}
.rpr4 .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.rpr4 .tx b{display:flex;align-items:center;gap:6px;font:700 15.2px/20px var(--font);color:var(--ink)}
.rpr4 .tx span{font-size:13.2px;line-height:18px;color:var(--slate)}
.rpn{display:flex;flex-direction:column;align-items:flex-start;width:90px;flex:none}
.rpn b{font:700 23px/26px var(--font)}
.rpn span{font-size:13.2px;color:var(--slate);line-height:16px}
.rpr4 .btn.small{height:33px;padding:0 14px;border-radius:8px;font-size:13.4px;flex:none;width:90px}
.rpr4>.card>.ic{position:absolute;right:14px;top:50%;margin-top:-9px;width:18px;height:18px;color:var(--ink-3);stroke-width:2}
@media(max-width:1399px){.rptag{display:none}}
@media(max-width:1099px){.tk-art{display:none}.rpr2{grid-template-columns:minmax(0,1fr)}.rpkpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rpr3{grid-template-columns:repeat(2,minmax(0,1fr))}.rpr4{grid-template-columns:minmax(0,1fr)}.rpchan{flex-wrap:wrap;height:auto;padding:14px 0}.rpchan h2{width:100%;margin-bottom:10px}.rpcc{flex:1 1 50%;border-left:0;padding:8px 19px}}
@media(max-width:1023px){
 .main[data-r=reports] h1{font-size:32px;line-height:36px}
 .rpctl{flex-wrap:wrap;height:auto}
 .rpkpis,.rpr3{grid-template-columns:minmax(0,1fr)}
 .rpcc{flex:1 1 100%}
 .rpr2>.card{min-height:0}
 .rpt th,.rpt td{white-space:nowrap}
 .rpexp{width:100%}
}
.rpr4>#spots{padding-right:38px}
.rpov{margin-top:4px}
.rpvl{margin-top:6px}
.rpobj{margin-top:6px}

/* fix-08: every visible control works. Default states stay as approved. */
.xp{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 250ms cubic-bezier(.22,1,.36,1),visibility 0s linear 250ms}
.xp.open{grid-template-rows:1fr;visibility:visible;transition-delay:0s}
.xp>.xpi{min-height:0;overflow:hidden}
.nltip{position:fixed;z-index:90;max-width:240px;padding:8px 10px;border-radius:8px;background:var(--ink);color:var(--surface);font:400 13px/18px var(--font);box-shadow:0 4px 14px rgba(11,31,59,.18);pointer-events:none}
.nltip[hidden]{display:none}
.rpi:focus-visible,.fct:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
/* reports: KPI cards are buttons */
button.rpk{width:100%;font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}
.rpk:hover{border-color:#C9D6EA;box-shadow:0 2px 8px rgba(11,31,59,.06)}
.rpk[aria-expanded=true]{border-color:#C9D6EA}
.rpk>.ic,.rplink .ic{transition:transform 250ms cubic-bezier(.22,1,.36,1)}
.rpk[aria-expanded=true]>.ic{transform:rotate(90deg)}
.rplink.rot .ic{transform:rotate(180deg)}
button.rpcc{background:none;border-top:0;border-right:0;border-bottom:0;border-radius:0;margin:0;padding-top:0;padding-bottom:0;padding-right:0;font:inherit;color:inherit;text-align:left;cursor:pointer}
button.rpcc:hover{background:#F7FAFF}
button.rpcc[aria-expanded=true]{background:#F7FAFF}
.rpcv{position:absolute;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;background:none;color:var(--ink-3);cursor:pointer;border-radius:4px}
.rpcv::after{content:"";position:absolute;inset:-9px}
.rpcv .ic{width:18px;height:18px;stroke-width:2;color:inherit;transition:transform 250ms cubic-bezier(.22,1,.36,1)}
.rpcv:hover{color:var(--blue-action)}
.rpcv[aria-expanded=true] .ic{transform:rotate(90deg)}
.rpc3>.rpcv{right:16px;top:19px}
.rpr4>.card>.rpcv{right:14px;top:50%;margin-top:-9px}
/* reports: drawers and explainers */
.rpdrc{margin:0 0 13px;padding:16px 20px 18px;border-radius:10px;box-shadow:none;min-height:150px}
.rpdh{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.rpdh h3{font:700 17px/24px var(--font);margin:0;color:var(--ink)}
.rpdh span{font-size:14px;line-height:20px;color:var(--slate)}
.rpdg{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px}
.rpdg h4{font:600 13.4px/18px var(--font);color:var(--slate);margin:0 0 10px}
.rpbars{display:flex;align-items:flex-end;gap:14px;height:132px}
.rpbc{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}
.rpbc i{display:block;width:100%;max-width:44px;border-radius:4px 4px 0 0;background:var(--blue);transition:height 250ms cubic-bezier(.22,1,.36,1)}
.rpbc b{font:600 13px/16px var(--font);color:var(--ink)}
.rpbc span{font-size:12.5px;line-height:16px;color:var(--slate)}
.rpsp{list-style:none;margin:0;padding:0}
.rpsp li{display:grid;grid-template-columns:minmax(0,130px) 1fr 36px;gap:12px;align-items:center;height:32px;font-size:14px;color:var(--ink-3)}
.rpsp li b{text-align:right;font-weight:600;color:var(--ink)}
.rpbar{height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.rpbar i{display:block;height:100%;background:var(--blue)}
.rpl{list-style:none;margin:0;padding:0}
.rpl li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:center;min-height:36px;border-top:1px solid var(--row-line);font-size:14px;color:var(--ink-3)}
.rpl li:first-child{border-top:0}
.rpl li b{font-weight:600;color:var(--ink)}
.rpex .rpl li{grid-template-columns:minmax(0,1fr) auto}
.rpex .rplink{margin-top:10px}
.rpob{padding:8px 0;border-top:1px solid var(--row-line)}
.rpob:first-of-type{border-top:0}
.rpob p{margin:4px 0 0;font-size:14px;line-height:20px;color:var(--ink-3)}
.rpmu{color:var(--slate);font-size:14px;margin:0}
.rpsb .xpi .rpt td{border-top:1px solid var(--row-line)}
.rpt th.num,.rpt td.num{text-align:right;padding-right:36px}
.rpr2.grown .rphr{display:flex;flex-direction:column}
.rpr2.grown .rphr .rpc{margin-top:auto;margin-bottom:auto}
@media(max-width:1023px){.rpdg{grid-template-columns:minmax(0,1fr)}.rpl li{grid-template-columns:minmax(0,1fr)}}
/* followups */
a.fcap{display:block;color:inherit;text-decoration:none;cursor:pointer}
a.fcap:hover{border-color:#C9D6EA;box-shadow:0 2px 8px rgba(11,31,59,.06);text-decoration:none}
.fsnd .t2{font-size:14px}
.fsnd.warn:hover{box-shadow:0 2px 8px rgba(11,31,59,.06)}
.main[data-r=followups] .fu-split{grid-template-columns:minmax(0,1fr) 407px;transition:grid-template-columns 250ms cubic-bezier(.22,1,.36,1),gap 250ms cubic-bezier(.22,1,.36,1)}
.main[data-r=followups] .fu-split.pv-closed{grid-template-columns:minmax(0,1fr) 0px;gap:0}
.fu-split .fpanel{min-width:0;transition:opacity 250ms cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}
.fu-split.pv-closed .fpanel{opacity:0;pointer-events:none;padding-left:0;padding-right:0;border-width:0;visibility:hidden;transition:opacity 250ms cubic-bezier(.22,1,.36,1),visibility 0s linear 250ms}
.ftgrid{width:calc(100% - 29px)}
.ftchev{position:absolute;right:17px;top:104px;z-index:2;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;background:none;color:var(--ink-2);cursor:pointer;border-radius:4px}
.ftchev::after{content:"";position:absolute;inset:-8px}
.ftchev .ic{width:18px;height:18px;stroke-width:2;transition:transform 250ms cubic-bezier(.22,1,.36,1)}
.ftchev:hover{color:var(--blue-action)}
.ftchev[aria-expanded=true] .ic{transform:rotate(90deg)}
.tpl-wrap:has(.ftpl[aria-pressed=true]) .ftchev{right:16px;top:103px}
.fucard .fpvt{height:28px;margin:14px 0 0 12px;width:auto;padding:0 12px;gap:6px;font-size:13.4px}
.fpvt[hidden],.mpvt[hidden]{display:none!important}
.fucard .dt .bn.bw,.fucard .dt .bs.bw{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.tplpop{position:fixed;z-index:60;width:360px;max-width:calc(100vw - 16px);padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-pop);animation:fadein 250ms cubic-bezier(.22,1,.36,1) both}
.tplpop[hidden]{display:none}
.tplpop h3{font:700 17px/24px var(--font);margin:0}
.tplpop p{margin:2px 0 10px;font-size:14px}
.tp-steps{list-style:none;margin:0 0 14px;padding:0}
.tp-steps li{display:grid;grid-template-columns:56px 1fr;gap:2px 8px;padding:8px 0;border-top:1px solid var(--row-line);font-size:14px;line-height:20px}
.tp-steps li b{grid-row:span 3;color:var(--ink)}
.tp-ch{display:inline-flex;align-items:center;gap:6px;color:var(--ink-3)}
.tp-sub{color:var(--slate)}
.tp-cond{color:var(--amber-tx);font-size:13.4px}
.tplpop .btn{width:100%;height:40px}
/* meetings */
.main.has-panel{transition:margin-right 250ms cubic-bezier(.22,1,.36,1)}
.main.has-panel.pv-closed{margin-right:0}
.mpanel{transition:width 250ms cubic-bezier(.22,1,.36,1),padding 250ms cubic-bezier(.22,1,.36,1),border-width 250ms,visibility 0s linear 0s;min-width:0}
.mpanel>*{min-width:367px}
.mpanel>.mp-tabs{min-width:433px}
.mpanel.collapsed{width:0;padding-left:0;padding-right:0;border-left-width:0;visibility:hidden;transition:width 250ms cubic-bezier(.22,1,.36,1),padding 250ms cubic-bezier(.22,1,.36,1),border-width 250ms,visibility 0s linear 250ms}
.main[data-r=meetings] .tbar .mpvt{height:28px;margin:25px 0 0 10px;width:auto;padding:0 12px;gap:6px;font-size:13.4px}
.thsort{display:inline;padding:0;margin:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;white-space:nowrap}
.thsort:hover{color:var(--ink)}
.thsort.on{color:var(--ink)}
.main[data-r=meetings] .dt th .thsort.on .ic{color:var(--blue-action)}
.mdh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mdh h2{margin:0}
.mp-l,.mp-bl{white-space:nowrap}
.mp-v{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mp-r.recrow .mp-v{display:block;overflow:visible}
.mp-more{display:block;margin:4px 0 0;padding:0;border:0;background:none;color:var(--blue-text);font:500 13.4px/20px var(--font);cursor:pointer}
.mbt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none}
@media(prefers-reduced-motion:reduce){
 .xp,.xp *,.rpk>.ic,.rpcv .ic,.ftchev .ic,.rplink .ic,.rpbc i,.main[data-r=followups] .fu-split,.fu-split .fpanel,.main.has-panel,.mpanel,.tplpop{transition:none!important;animation:none!important}
}
.mp-r.two .mp-v{display:block;overflow:visible}
.mp-t1,.mp-r.two .mp-sub2{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rpchg{white-space:nowrap}
.main[data-r=meetings] .tk-art{transition:transform 250ms cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){.main[data-r=meetings] .tk-art{transition:none!important}}

/* ===== fix-responsive: fluid layouts (every width 1280 to 1920, drawer under 1024) ===== */
.main{overflow-x:clip}
@media(min-width:1024px) and (max-width:1439px){
 :root{--side-w:220px}
 .side{padding:22px 12px 16px 14px}
 .side nav{gap:6px}
 .side nav a{font-size:16px;gap:14px;height:48px;padding:0 10px}
 .tb-logo{padding-left:20px;gap:10px}
 .tb-logo .mark{width:54px;height:37px}
 .tb-logo .wm{font-size:17px;line-height:18px}
}
@media(min-width:1024px){.tb-search{min-width:240px}}
/* one line with ellipsis (the app adds a title attribute to every clipped one) */
.kl,.kd,.kn,.bn,.bs,.ell,.col-head b,.col-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.main[data-r] .kpis,.main[data-r] .kpis.k3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.kb{flex:1 1 auto}
.main[data-r] .kn{font-size:clamp(22px,1.675vw,28px)}
.main[data-r] .kl{font-size:clamp(13px,.92vw,15.4px)}
.main[data-r] .kd{font-size:clamp(13px,.86vw,14.4px)}
.main[data-r] .kpi-card{min-width:0}
.main[data-r] .kpi-card .kb{min-width:0;flex:1 1 0}
.main[data-r] .kchev{flex:none}
/* clamped card text */
.clamp2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
/* Pipeline */
.main[data-r=pipeline] h1{font-size:clamp(34px,2.93vw,49px)}
.main[data-r=pipeline] .ttl .sub{font-size:clamp(15px,1.172vw,19.6px);line-height:1.33}
.main[data-r=pipeline] .pipe-split{grid-template-columns:minmax(0,1fr) clamp(280px,17.5vw,400px)}
.main[data-r=pipeline] .kpis{width:auto}
.main[data-r=pipeline] .kpi-card{padding:0 clamp(12px,1.1vw,19px) 0 clamp(14px,1.25vw,21px);gap:clamp(10px,calc(24px - (1672px - 100vw)*.04),24px)}
.main[data-r=pipeline] .kpi-card .disc{width:clamp(44px,calc(62px - (1672px - 100vw)*.07),62px);height:clamp(44px,calc(62px - (1672px - 100vw)*.07),62px)}
.main[data-r=pipeline] .kn{font-size:clamp(22px,1.675vw,28px)}
.main[data-r=pipeline] .kl{white-space:nowrap;font-size:clamp(13px,.92vw,15.4px)}
.main[data-r=pipeline] .kd{font-size:clamp(13px,.86vw,14.4px)}
.main[data-r=pipeline] .tbar{flex-wrap:nowrap}
.main[data-r=pipeline] .tbar .tsearch{flex:1 1 180px;min-width:180px;width:auto;max-width:282px}
.main[data-r=pipeline] .tbar .pseg{flex:none}
.main[data-r=pipeline] .utabs{min-width:0;flex:0 1 auto}
.main[data-r=pipeline] .dt,.pl-dt{table-layout:fixed;width:100%}
.main[data-r=pipeline] .pl-dt col:nth-child(1){width:4%!important}
.main[data-r=pipeline] .pl-dt col:nth-child(2){width:22%!important}
.main[data-r=pipeline] .pl-dt col:nth-child(3){width:22%!important}
.main[data-r=pipeline] .pl-dt col:nth-child(4){width:9%!important}
.main[data-r=pipeline] .pl-dt col:nth-child(5){width:15%!important}
.main[data-r=pipeline] .pl-dt col:nth-child(6){width:18%!important}
.main[data-r=pipeline] .pl-dt col:nth-child(7){width:10%!important}
.main[data-r=pipeline] .pl-dt col:nth-child(8){width:4%!important}
.main[data-r=pipeline] .dt td,.main[data-r=pipeline] .dt th{overflow:hidden;text-overflow:ellipsis;font-size:clamp(13px,.86vw,14.4px)}
.main[data-r=pipeline] .dt td.c-chip,.main[data-r=pipeline] .dt td.c-act{overflow:visible}
.main[data-r=pipeline] .dt td.c-chip .stagewrap{max-width:100%}
.main[data-r=pipeline] .dt td.c-chip select.stagesel{max-width:100%;text-overflow:ellipsis}
.main[data-r=pipeline] .dt td.c-own,.main[data-r=pipeline] .dt .pown>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main[data-r=pipeline] .dt .cell-biz{max-width:100%}
.main[data-r=pipeline] .dt .cell-biz>.bn{min-width:0}
.main[data-r=pipeline] .dt td.c-act{padding-left:0;text-align:center}
.main[data-r=pipeline] .dt td:last-child,.main[data-r=pipeline] .dt th:last-child{padding-right:6px}
/* board: columns scroll inside their container, never the page */
.main[data-r=pipeline] .board{grid-template-columns:repeat(6,minmax(260px,1fr));overflow-x:auto;max-width:100%;padding-left:2px}
.main[data-r=pipeline] .col{min-width:260px}
.main[data-r=pipeline] .deal{min-width:0;width:100%}
.main[data-r=pipeline] .deal>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main[data-r=pipeline] .deal .sub{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal}
.main[data-r=pipeline] .deal .meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main[data-r=pipeline] .deal .row{flex-direction:column;align-items:stretch;gap:6px!important}
.main[data-r=pipeline] .deal .row .btn{width:100%;justify-content:flex-start;min-width:0}
.main[data-r=pipeline] .deal .row .btn .est{margin-left:auto;font-size:12px}
.main[data-r=pipeline] .deal select{width:100%}
.main[data-r=pipeline] .pboardbar{margin-bottom:14px}
/* rails sit below the main card under 1360px */
@media(max-width:1359px){
 .main[data-r=pipeline] .pipe-split{grid-template-columns:minmax(0,1fr)}
 .main[data-r=pipeline] .railcol{margin-top:0}
 .main[data-r=pipeline] .railcol .rail{min-height:0;max-height:220px;overflow:hidden}
 .prail .pin{flex-direction:row;text-align:left;gap:20px;padding:16px 20px;justify-content:flex-start;flex-wrap:nowrap}
 .prail .psp{margin:0;height:88px;flex:none}
 .prail .psprout{width:88px;height:88px}
 .prail p{max-width:none}
 .main[data-r=pipeline] .railcol .rbtn{margin-top:0;width:auto;flex:none;padding:0 20px;margin-left:auto}
}
.main[data-r=pipeline] .dt .kebab{width:min(36px,100%)}
.main[data-r=pipeline] .dt td.c-act,.main[data-r=pipeline] .dt th.c-act{padding-left:0;padding-right:0}
/* toolbar overflow: More menu and icon-only toggle */
.in-more{display:none!important}
.umore{position:relative;display:inline-flex;align-self:flex-end;flex:none}
.umore-btn{display:inline-flex;align-items:center;gap:4px}
.main[data-r=pipeline] .umore{align-self:flex-start}
.umenu{position:fixed;z-index:40;min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-in);box-shadow:var(--sh-pop);padding:6px}
.umenu button{display:block;width:100%;text-align:left;height:38px;padding:0 12px;background:transparent;border:0;border-radius:8px;font:500 14px/20px var(--font);color:var(--ink);cursor:pointer;white-space:nowrap}
.umenu button:hover{background:var(--table-head)}
.pseg button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.pseg button .ic{display:none}
.pseg.ic{width:auto}
.pseg.ic button{flex:none;width:34px}
.pseg.ic button .ic{display:block}
.pseg.ic button .lbl{display:none}
.main[data-r=pipeline] .dt th:first-child,.main[data-r=pipeline] .dt td:first-child{padding-left:10px;padding-right:0}
.main[data-r=pipeline] .dt tr.grp td{overflow:visible}
.main[data-r=pipeline] .dt tr.grp td:first-child{padding-left:10px}
.main[data-r=pipeline] .stagewrap select.stagesel{max-width:100%;padding:0 8px 0 22px;font-size:12px;width:100%}
.main[data-r=pipeline] .stagewrap i{left:9px}
.main[data-r=pipeline] .dt td.c-chip .stagewrap{display:block;width:calc(100% - 8px)}
.pown .av.pw{width:26px;height:26px;font-size:10px}
.pown{gap:6px}
.main[data-r=pipeline] .dt .cell-biz{gap:8px}
.main[data-r=pipeline] .dt .cell-biz .av.pv{width:28px;height:28px}
.main[data-r=pipeline] .utabs{margin-right:16px}
/* Today's Calls */
.main[data-r=calls] h1{font-size:clamp(34px,2.6vw,43.5px);line-height:1.2}
.main[data-r=calls] .sub{font-size:clamp(15px,1.106vw,18.5px)}
.main[data-r=calls] .ttl{min-width:0}
.main[data-r=calls] .kpis{width:auto;max-width:none;margin-right:0}
@media(min-width:1500px){.main[data-r=calls] .kpis{margin-right:11.5%}}
.main[data-r=calls] .kpi-card{padding:0 clamp(12px,1.14vw,19px) 0 clamp(14px,1.5vw,25px);gap:clamp(10px,calc(28px - (1672px - 100vw)*.045),28px)}
.main[data-r=calls] .kpi-card .disc{width:clamp(44px,calc(60px - (1672px - 100vw)*.04),60px);height:clamp(44px,calc(60px - (1672px - 100vw)*.04),60px)}
.main[data-r=calls] .kl{white-space:nowrap;font-size:clamp(13px,.927vw,15.5px)}
.main[data-r=calls] .calls-split{grid-template-columns:minmax(0,1fr) clamp(280px,18.66vw,400px)}
.main[data-r=calls] .cl-dt col:nth-child(1){width:7.4%!important}
.main[data-r=calls] .cl-dt col:nth-child(2){width:18.2%!important}
.main[data-r=calls] .cl-dt col:nth-child(3){width:19.9%!important}
.main[data-r=calls] .cl-dt col:nth-child(4){width:13.3%!important}
.main[data-r=calls] .cl-dt col:nth-child(5){width:18.8%!important}
.main[data-r=calls] .cl-dt col:nth-child(6){width:17.4%!important}
.main[data-r=calls] .cl-dt col:nth-child(7){width:5.2%!important}
.main[data-r=calls] .dt td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,.81vw,13.5px)}
.main[data-r=calls] .dt td.c-act,.main[data-r=calls] .dt td.c-chip{overflow:visible}
.main[data-r=calls] .dt td.c-chip .sc{max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;display:inline-flex}
.main[data-r=calls] .dt td .ell{max-width:100%!important}
.main[data-r=calls] .dt .cell-biz{gap:clamp(8px,.8vw,13px)}
.main[data-r=calls] .dt td.c-main .cell-biz>span:last-child{min-width:0}
.main[data-r=calls] .dt td.c-main{padding-right:6px}
.main[data-r=calls] .dt td.c-co,.main[data-r=calls] .dt td.c-x,.main[data-r=calls] .dt td.c-next{padding-right:8px}
.main[data-r=calls] .dt th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main[data-r=calls] .dt .kebab{width:min(36px,100%)}
.main[data-r=calls] .dt td.c-act,.main[data-r=calls] .dt th.c-act{padding-left:0;padding-right:0}
.main[data-r=calls] .tbar{flex-wrap:nowrap}
.main[data-r=calls] .utabs{gap:0 clamp(16px,2.4vw,40px);min-width:0}
.main[data-r=calls] .tbar .grow{flex:1 1 0;min-width:8px}
.main[data-r=calls] .tbar .tsearch{width:auto;flex:1 1 226px;min-width:180px;max-width:226px}
@media(max-width:1359px){
 .main[data-r=calls] .calls-split{grid-template-columns:minmax(0,1fr)}
 .main[data-r=calls] .rail{min-height:0;max-height:220px;flex-direction:row;align-items:center;gap:24px;padding:20px 24px;overflow:hidden}
 .main[data-r=calls] .rail p{max-width:none;flex:1 1 auto}
 .main[data-r=calls] .rail .rbtn{margin-top:0;margin-left:auto;flex:none;width:auto;padding:0 24px}
 .main[data-r=calls] .rail h2{margin:0}
}
/* Tasks */
.main[data-r=tasks] h1{font-size:clamp(34px,2.93vw,49px);line-height:1.06}
.main[data-r=tasks] .sub{font-size:clamp(15px,1.346vw,22.5px);line-height:1.25}
.main[data-r=tasks] .hacts .btn{font-size:clamp(15px,1.047vw,17.5px)}
.main[data-r=tasks] .ttl{min-width:0}
.main[data-r=tasks] .tbar{flex-wrap:nowrap}
.main[data-r=tasks] .ptabs{gap:clamp(8px,.84vw,14px);min-width:0}
.main[data-r=tasks] .ptab{width:auto!important;flex:none;padding:0 clamp(10px,1.05vw,17.5px);font-size:clamp(14px,1.035vw,17.3px);gap:clamp(6px,.72vw,12px)}
.main[data-r=tasks] .ptab:nth-child(1){padding:0 clamp(14px,1.55vw,26px)}
.main[data-r=tasks] .tbar .tsearch{width:auto;flex:1 1 240px;min-width:180px;max-width:240px;margin-left:clamp(8px,.7vw,12px)}
.main[data-r=tasks] .tk-dt col:nth-child(1){width:6%!important}
.main[data-r=tasks] .tk-dt col:nth-child(2){width:27.9%!important}
.main[data-r=tasks] .tk-dt col:nth-child(3){width:12.1%!important}
.main[data-r=tasks] .tk-dt col:nth-child(4){width:22.3%!important}
.main[data-r=tasks] .tk-dt col:nth-child(5){width:13.3%!important}
.main[data-r=tasks] .tk-dt col:nth-child(6){width:15.3%!important}
.main[data-r=tasks] .tk-dt col:nth-child(7){width:3.1%!important}
.main[data-r=tasks] .dt th{font-size:clamp(13px,.92vw,15.4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main[data-r=tasks] .dt td{font-size:clamp(13px,.92vw,15.4px);overflow:hidden}
.main[data-r=tasks] .dt td.c-act{overflow:visible}
.main[data-r=tasks] .dt td.c-rel,.main[data-r=tasks] .dt td.c-chip,.main[data-r=tasks] .dt td.c-next{padding-right:8px}
.main[data-r=tasks] .dt td.c-chip{white-space:nowrap}
.main[data-r=tasks] .dt td.c-chip .sc{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.main[data-r=tasks] .tkchip{max-width:100%;overflow:hidden;white-space:nowrap}
.main[data-r=tasks] .tkrel{gap:clamp(8px,1.1vw,19px)}
.main[data-r=tasks] .tkrel .av{width:clamp(30px,2.27vw,38px);height:clamp(30px,2.27vw,38px)}
.main[data-r=tasks] .tkrn .bn,.main[data-r=tasks] .tkrn .bs{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main[data-r=tasks] .tkt{font-size:clamp(14px,.975vw,16.3px)}
.main[data-r=tasks] .tkd{font-size:clamp(13px,.86vw,14.4px)}
.main[data-r=tasks] .tkdue{font-size:clamp(13px,.92vw,15.4px)}
.main[data-r=tasks] .dt .kebab{width:min(36px,100%)}
.main[data-r=tasks] .dt td.c-act,.main[data-r=tasks] .dt th.c-act{padding-left:0;padding-right:0}
.main[data-r=tasks] .dt th:first-child,.main[data-r=tasks] .dt td:first-child{padding-left:clamp(12px,1.38vw,23px)}
/* Leads */
.main[data-r=leads] h1{font-size:clamp(34px,2.93vw,49px);line-height:1.06}
.main[data-r=leads] .sub{font-size:clamp(15px,1.172vw,19.6px);line-height:1.33}
.main[data-r=leads] .ttl{min-width:0;flex:1 1 auto}
.main[data-r=leads] .hacts{flex-wrap:nowrap;flex:none;gap:clamp(10px,.96vw,16px)}
.main[data-r=leads] .hacts .btn{font-size:clamp(15px,1.047vw,17.5px);flex:none}
@media(min-width:1024px){
 .main[data-r=leads] #importCsv{width:clamp(150px,10.47vw,175px)}
 .main[data-r=leads] #startCalling{width:clamp(156px,10.9vw,182px)}
 .main[data-r=leads] #addLead{width:clamp(140px,10.3vw,172px)}
}
.main[data-r=leads] .lead-ctl{grid-template-columns:minmax(0,1fr) clamp(220px,16.1vw,269px)}
.main[data-r=leads] .lead-ctl .utabs{min-width:0}
.main[data-r=leads] .filters{min-width:0;flex-wrap:nowrap}
.main[data-r=leads] .filters .tsearch{flex:1 1 180px;min-width:180px;width:auto;max-width:462px}
.main[data-r=leads] .filters .tsearch+.combo{flex:0 1 204px;min-width:150px;width:auto;margin-left:clamp(10px,1.25vw,21px)}
.main[data-r=leads] .filters .combo+.combo{flex:0 1 199px;min-width:150px;width:auto}
.main[data-r=leads] .lmore{flex:none}
.main[data-r=leads] .lmore .fbtn{width:clamp(130px,9.27vw,155px)}
.main[data-r=leads] .utab{font-size:clamp(14px,.945vw,15.8px);padding:0 clamp(8px,.72vw,12px) 3px}
.main[data-r=leads] .lead-ctl .utabs{gap:0 clamp(4px,.96vw,16px)}
.main[data-r=leads] .fillcard{min-width:0;overflow:hidden}
.main[data-r=leads] .fillcard .fl{white-space:nowrap}
.main[data-r=leads] .fillcard .fl>.finfo{flex:none}
/* setup card: grid instead of absolute positions */
.main[data-r=leads] .setup:not(.slim){display:grid;grid-template-columns:70px minmax(180px,300px) minmax(0,1fr);gap:0 clamp(16px,1.2vw,21px);align-items:center;height:112px;padding:0 48px 0 19px}
.main[data-r=leads] .setup:not(.slim) .ring{position:relative;left:auto;top:auto}
.main[data-r=leads] .setup:not(.slim) .stitle{position:static;width:auto;min-width:0;padding:0}
.main[data-r=leads] .setup:not(.slim) .stitle h2{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(17px,1.2vw,20px)}
.main[data-r=leads] .setup:not(.slim) .stitle .cap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.main[data-r=leads] .setup:not(.slim) .sitems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:static;min-width:0}
.main[data-r=leads] .setup:not(.slim) .sitem{position:static;width:auto!important;min-width:0}
.main[data-r=leads] .setup:not(.slim) .sitem .stx{min-width:0;flex:1}
.main[data-r=leads] .setup:not(.slim) .sitem b,.main[data-r=leads] .setup:not(.slim) .sitem .cap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main[data-r=leads] .setup:not(.slim) .sitem .sd{flex:none}
.main[data-r=leads] .setup .sx{right:14px}
@media(max-width:1359px){
 .main[data-r=leads] .setup:not(.slim){grid-template-columns:70px minmax(0,1fr);height:auto;padding:16px 48px 16px 19px;gap:12px 16px}
 .main[data-r=leads] .setup:not(.slim) .sitems{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1023px){
 .main[data-r=leads] .setup:not(.slim) .sitems{display:flex;grid-template-columns:none;overflow-x:auto}
 .main[data-r=leads] .setup:not(.slim) .sitem{flex:none;width:210px!important}
}
/* leads table */
.main[data-r=leads] .ld-dt col:nth-child(1){width:5%!important}
.main[data-r=leads] .ld-dt col:nth-child(2){width:20%!important}
.main[data-r=leads] .ld-dt col:nth-child(3){width:17%!important}
.main[data-r=leads] .ld-dt col:nth-child(4){width:12%!important}
.main[data-r=leads] .ld-dt col:nth-child(5){width:13%!important}
.main[data-r=leads] .ld-dt col:nth-child(6){width:7%!important}
.main[data-r=leads] .ld-dt col:nth-child(7){width:17%!important}
.main[data-r=leads] .ld-dt col:nth-child(8){width:9%!important}
@media(min-width:1536px){
 .main[data-r=leads] .ld-dt col:nth-child(1){width:5.4%!important}
 .main[data-r=leads] .ld-dt col:nth-child(2){width:17%!important}
 .main[data-r=leads] .ld-dt col:nth-child(3){width:15.5%!important}
 .main[data-r=leads] .ld-dt col:nth-child(4){width:11.4%!important}
 .main[data-r=leads] .ld-dt col:nth-child(5){width:12.2%!important}
 .main[data-r=leads] .ld-dt col:nth-child(6){width:6.6%!important}
 .main[data-r=leads] .ld-dt col:nth-child(7){width:19.8%!important}
 .main[data-r=leads] .ld-dt col:nth-child(8){width:12.1%!important}
}
@media(min-width:1024px) and (max-width:1535px){
 .main[data-r=leads] .lcall{width:40px;padding:0;gap:0}
 .main[data-r=leads] .lcall span{display:none}
 .main[data-r=leads] .lact{gap:6px}
}
.main[data-r=leads] .dt td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main[data-r=leads] .dt td.c-act,.main[data-r=leads] .dt td.c-chip{overflow:visible}
.main[data-r=leads] .dt th{overflow:hidden;text-overflow:ellipsis;font-size:clamp(13px,.83vw,13.8px)}
.main[data-r=leads] .dt td{font-size:clamp(13px,.85vw,14.2px)}
.main[data-r=leads] .dt td .ell,.main[data-r=leads] .lco .ell{max-width:100%!important}
.main[data-r=leads] .lco{min-width:0;gap:clamp(8px,.84vw,14px)}
.main[data-r=leads] .lco .ell{flex:1;min-width:0}
.main[data-r=leads] .dt .cell-biz{gap:clamp(8px,.96vw,16px)}
.main[data-r=leads] .dt .cell-biz .av{width:clamp(32px,2.4vw,40px);height:clamp(32px,2.4vw,40px);flex:none}
.main[data-r=leads] .dt .sc{max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;display:inline-flex;padding:0 clamp(8px,.84vw,14px)}
.main[data-r=leads] .dt td.c-main,.main[data-r=leads] .dt td.c-co,.main[data-r=leads] .dt td.c-x,.main[data-r=leads] .dt td.c-next{padding-right:8px}
.main[data-r=leads] .dt td.c-act{padding-left:6px}
.main[data-r=leads] .dt td.c-act .kebab{width:min(36px,100%)}
.main[data-r=leads] .lnext{display:flex;flex-direction:column;min-width:0}
.main[data-r=leads] .lnext .bs{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Meetings */
.main{--pw:clamp(300px,25.9vw,433px)}
.main.has-panel{margin-right:var(--pw)}
.mpanel{width:var(--pw)}
body{--pw:clamp(300px,25.9vw,433px)}
.main[data-r=meetings] h1{font-size:clamp(34px,2.93vw,49px);line-height:1.06}
.main[data-r=meetings] .ttl .sub{font-size:clamp(15px,1.196vw,20px)}
.main[data-r=meetings] .tbar{flex-wrap:nowrap}
.main[data-r=meetings] .utabs{gap:0 clamp(14px,1.44vw,24px);min-width:0}
.main[data-r=meetings] .utab{font-size:clamp(14px,.98vw,16.4px)}
.main[data-r=meetings] .tbar .tsearch{flex:1 1 244px;min-width:180px;max-width:244px;width:auto}
.main[data-r=meetings] .fbtn{flex:none}
.main[data-r=meetings] .ms-dt col:nth-child(1){width:6.3%!important}
.main[data-r=meetings] .ms-dt col:nth-child(2){width:21%!important}
.main[data-r=meetings] .ms-dt col:nth-child(3){width:12.8%!important}
.main[data-r=meetings] .ms-dt col:nth-child(4){width:16.7%!important}
.main[data-r=meetings] .ms-dt col:nth-child(5){width:20.9%!important}
.main[data-r=meetings] .ms-dt col:nth-child(6){width:18.9%!important}
.main[data-r=meetings] .ms-dt col:nth-child(7){width:3.4%!important}
.main[data-r=meetings] .dt td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,.86vw,14.4px)}
.main[data-r=meetings] .dt td.c-act{overflow:visible}
.main[data-r=meetings] .dt th{font-size:clamp(13px,.86vw,14.4px)}
.main[data-r=meetings] .thsort{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main[data-r=meetings] .dt .ell{max-width:100%}
.main[data-r=meetings] .dt .cell-biz>span:last-child,.main[data-r=meetings] .mown>span:last-child{min-width:0}
.main[data-r=meetings] .mown{min-width:0}
.main[data-r=meetings] .mown>span:last-child{overflow:hidden;text-overflow:ellipsis}
.main[data-r=meetings] .dd2{display:flex;flex-direction:column;min-width:0}
.main[data-r=meetings] .dd2>span{overflow:hidden;text-overflow:ellipsis}
.main[data-r=meetings] .rec{display:inline-flex;max-width:100%;overflow:hidden;white-space:nowrap}
.main[data-r=meetings] .dt .kebab{width:min(36px,100%)}
.main[data-r=meetings] .dt td.c-act,.main[data-r=meetings] .dt th.c-act{padding-left:0;padding-right:0}
.main[data-r=meetings] .dt td.c-main{padding-right:6px}
.main[data-r=meetings] .dt td.c-x,.main[data-r=meetings] .dt td.c-next{padding-right:8px}
.main[data-r=meetings] .mbt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.main[data-r=meetings] .mbt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.mpanel>*{min-width:calc(var(--pw) - 66px)}
.mpanel>.mp-tabs{min-width:var(--pw)}
.mpanel .mp-ht h2{max-width:none;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.mp-body{overflow-x:hidden}
.tbar .utabs{margin-right:16px}
/* Follow-ups */
.main[data-r=followups] h1{font-size:clamp(34px,2.6vw,43.5px);line-height:1.2}
.main[data-r=followups] .ttl .sub{font-size:clamp(15px,1.184vw,19.8px);line-height:1.4}
.main[data-r=followups] .head{flex-wrap:nowrap;gap:16px}
.main[data-r=followups] .ttl{flex:1 1 auto;min-width:0}
.fcards{flex:none;gap:clamp(10px,.96vw,16px)}
.fcap{width:clamp(240px,17.3vw,290px)}
.fsnd{width:clamp(236px,14.8vw,248px)}
.fcap .capbar{width:auto;right:17px}
.fcl,.fcv{max-width:calc(100% - 82px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fsnd .t3{overflow:hidden;text-overflow:ellipsis}
.fsnd .t2{overflow:hidden}
.fsnd .t2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:normal}
.main[data-r=followups] .fu-split{grid-template-columns:minmax(0,1fr) clamp(300px,24.3vw,407px);gap:clamp(12px,.96vw,16px)}
.main[data-r=followups] .fu-split.pv-closed{grid-template-columns:minmax(0,1fr) 0px;gap:0}
.main[data-r=followups] .ftplcard{height:auto;padding:10px 0 15px}
.ftph{position:relative;left:auto;top:auto;right:auto;margin:0 13px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:56px}
.ftph>div{min-width:0}
.ftph h2,.ftph p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ftph .btn{position:static;width:auto;flex:none;padding:0 18px;margin-top:6px}
.ftgrid{position:static;left:auto;top:auto;width:auto;margin:10px 13px 0;grid-template-columns:repeat(3,minmax(0,1fr))}
.ftb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(15px,1.035vw,17.3px)}
.fcd{font-size:clamp(13px,.86vw,14.4px)}
@media(min-width:1024px) and (max-width:1535px){
 .ftpl .fdisc.big{width:48px;height:48px;left:12px;top:20px}
 .ftpl[aria-pressed=true] .fdisc.big{left:11px;top:19px}
 .ftb{left:70px;right:28px}
 .ftpl[aria-pressed=true] .ftb{left:69px}
 .ftpl>.ic{right:10px}
 .ftp{height:28px;padding:0 12px;font-size:13px}
 .fucard .frev{width:96px;font-size:14px}
 .fact{gap:8px;margin-left:0}
}
.fucard .tbar{flex-wrap:nowrap}
.fucard .utabs{min-width:0}
.fucard .utabswrap{min-width:0;margin-right:16px}
.fucard .utab{font-size:clamp(14px,.98vw,16.4px);padding:0 clamp(8px,.72vw,12px) 15px}
.fucard .tbar .tsearch{width:auto;flex:1 1 274px;min-width:180px;max-width:274px}
.fucard .fbtn{flex:none}
.fu-dt col:nth-child(1){width:6.7%!important}
.fu-dt col:nth-child(2){width:20.4%!important}
.fu-dt col:nth-child(3){width:16.2%!important}
.fu-dt col:nth-child(4){width:14%!important}
.fu-dt col:nth-child(5){width:22.5%!important}
.fu-dt col:nth-child(6){width:20.2%!important}
.fucard .dt td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,.86vw,14.4px)}
.fucard .dt td.c-act,.fucard .dt td.c-chip{overflow:visible}
.fucard .dt th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(13px,.86vw,14.4px)}
.fucard .dt .cell-biz>span:last-child{min-width:0}
.fucard .dt .bn,.fucard .dt .bs,.fucard .dt .ftn{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fucard .dt .dd2{display:flex;flex-direction:column;min-width:0}
.fucard .dt td.c-next .cell-biz{gap:clamp(6px,.72vw,12px)}
.fucard .dt .cell-biz{gap:clamp(8px,.84vw,14px)}
.fucard .rdy{max-width:100%}
.fucard .rdy>span{min-width:0}
.fucard .rdy .nsu{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:26px}
.fucard .rdy>span>span:last-child{max-width:100%;white-space:nowrap}
.fucard .dt td.c-main{padding-right:8px}
.fucard .dt td.c-next,.fucard .dt td.c-x,.fucard .dt td.c-chip{padding-right:8px}
.fucard .dt .kebab{width:min(28px,100%)}
.fp-act .btn[data-ap]{flex:0 0 51%}
.fp-lead b,.fp-lead>span:last-child>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.fp-lead>span:last-child{min-width:0}
.fp-mt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.fp-mt .ic{display:inline-block;vertical-align:-4px;margin-right:8px}
@media(max-width:1359px){
 .main[data-r=followups] .fu-split{grid-template-columns:minmax(0,1fr)}
 .main[data-r=followups] .fu-split.pv-closed{grid-template-columns:minmax(0,1fr)}
 .fpanel{display:none}
 .fpanel.fp-open{display:flex;position:fixed;right:0;top:var(--top-h);bottom:0;width:min(440px,100%);height:auto;z-index:35;box-shadow:var(--sh-pop);border-radius:0;overflow-y:auto;opacity:1;visibility:visible;pointer-events:auto}
 .fu-split.pv-closed .fpanel.fp-open{display:none}
}
/* Reports */
.main[data-r=reports] h1{font-size:clamp(34px,2.93vw,49px);line-height:1.04}
.main[data-r=reports] .ttl .sub{font-size:clamp(15px,1.184vw,19.8px)}
@media(max-width:1559px){.rptag{display:none}}
.rpctl{flex-wrap:nowrap}
.rpwb{width:clamp(170px,12.1vw,202px)}
.rpexp{width:auto;padding:0 clamp(14px,1.2vw,20px);flex:none}
.rpkpis{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.rpk{height:clamp(96px,6.94vw,116px);gap:clamp(10px,1.2vw,20px);padding:0 clamp(12px,1.14vw,19px)}
.rpk .rpdisc{width:clamp(44px,calc(66px - (1672px - 100vw)*.056),66px);height:clamp(44px,calc(66px - (1672px - 100vw)*.056),66px)}
.rpk .rpdisc svg{max-width:100%}
.rpkv{font-size:clamp(22px,1.85vw,31px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rpkl{font-size:clamp(13px,.91vw,15.2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rpkd{display:block;font-size:clamp(13px,.85vw,14.2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpk>.ic{flex:none}
.rpkb{flex:1 1 0}
@media(max-width:1535px){
 .rpchan{flex-wrap:wrap;height:auto;padding:12px 0 8px}
 .rpchan h2{width:100%;margin:0 0 6px 19px;flex:none}
 .rpcc{flex:1 1 25%;min-width:0}
}
.rpchan h2{overflow:hidden}
.rpcc>span:last-child{overflow:hidden}
.rpcc .rpcn,.rpcc .rpcp,.rpcc b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.rpr2{grid-template-columns:minmax(0,648fr) minmax(0,698fr);gap:clamp(12px,1.14vw,19px)}
.rpr2:not(.grown)>.card{max-height:300px;overflow:hidden}
.rph{height:auto;min-height:28px;gap:12px;margin-bottom:12px;flex-wrap:nowrap}
.rph h2{flex:1 1 0;min-width:0;white-space:nowrap}
.rph h2 .rpi{flex:none}
.rpsb .rph h2{display:flex;overflow:hidden}
.rphr2{flex:none;gap:12px}
.rphr2 select#repUser{width:120px!important}
.rplink{white-space:nowrap}
.rpt{table-layout:fixed}
.rpt col:nth-child(1){width:38%!important}.rpt col:nth-child(2){width:22%!important}.rpt col:nth-child(3){width:22%!important}.rpt col:nth-child(4){width:18%!important}
.rpt th,.rpt td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpt th.num,.rpt td.num{padding-right:clamp(8px,2.1vw,36px)}
.rpt th{padding-bottom:0;height:24px}
.rpsb .sb-wrap{margin-top:12px}
.rpmi{min-width:0}
.rpchg{max-width:100%;overflow:hidden}
.rphr .rpc{height:180px}
.rpr3{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,.96vw,16px)}
.rpc3{padding:12px clamp(14px,1.2vw,20px);min-width:0}
.rpc3 h3{padding-right:28px;line-height:22px;font-size:clamp(15px,1.02vw,17px)}
.rpbig{flex-wrap:wrap;white-space:normal;row-gap:0}
.rpbig b{font-size:clamp(24px,1.73vw,29px)}
.rpbig2 b{font-size:clamp(24px,1.73vw,29px)}
.rpov{flex-wrap:wrap;gap:6px 14px}
.rpov ul{min-width:0;flex:1 1 120px}
.rpleg span,.rpleg small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpleg b{white-space:nowrap}
.rpobj li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpsum li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpwr>span:last-child{min-width:0}
.rpr4{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,.96vw,16px)}
.rpr4>.card{padding:0 32px 0 clamp(12px,1.2vw,20px);gap:clamp(8px,.72vw,12px);min-width:0}
.rpr4 .tx b,.rpr4 .tx>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.rpn{width:auto;min-width:64px}
.rpr4 .btn.small{width:auto;min-width:72px}
.rpbc i{width:60%;max-width:36px}
.rpbars{height:160px;gap:clamp(6px,.84vw,14px)}
.rpdg>div{min-width:0}
.rpsp li{grid-template-columns:minmax(0,130px) minmax(0,1fr) 36px}
.rpsp li>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rptt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpsb .rph h2{display:flex;align-items:center}
.rpmi .rptt{flex:1}
.cardtog{margin:-1px 0 0 8px}
/* Team */
.main[data-r=team] h1{font-size:clamp(34px,2.6vw,44px)}
.team-split{grid-template-columns:minmax(0,1fr) clamp(280px,26.1vw,437px)}
.main[data-r=team] .dt{table-layout:fixed;width:100%}
.main[data-r=team] .dt th:nth-child(1){width:36%}.main[data-r=team] .dt th:nth-child(2){width:14%}.main[data-r=team] .dt th:nth-child(3){width:22%}.main[data-r=team] .dt th:nth-child(4){width:20%}.main[data-r=team] .dt th:nth-child(5){width:8%}
.main[data-r=team] .dt td,.main[data-r=team] .dt th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,.9vw,15px)}
.main[data-r=team] .dt td.c-act{overflow:visible;padding-left:0;padding-right:8px}
.main[data-r=team] .dt .cell-biz>span:last-child{min-width:0}
.main[data-r=team] .dt .bn,.main[data-r=team] .dt .bs{display:block}
.main[data-r=team] .dt td.c-chip .sc{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.main[data-r=team] .invite form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.main[data-r=team] .invite form .btn{min-width:0}
.about h2{font-size:clamp(20px,1.55vw,26px)}
.about p{font-size:clamp(14px,.96vw,16px)}
@media(max-width:1359px){
 .team-split{grid-template-columns:minmax(0,1fr)}
 .team-split>.rail{min-height:0;max-height:220px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);grid-template-rows:auto auto 1fr;column-gap:32px;align-content:start;padding:16px 24px;overflow:hidden}
 .about .adisc{width:44px;height:44px;grid-column:1;grid-row:1}
 .about h2{grid-column:1;grid-row:2;margin:8px 0 4px;font-size:20px;line-height:26px}
 .about p{grid-column:1;grid-row:3;font-size:14px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
 .about .arows{grid-column:2;grid-row:1/4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0 0 0 32px;border-top:0;border-left:1px solid var(--line);align-content:center}
 .about .arow2{flex-direction:column;gap:8px}
 .about .arow2 .disc{width:40px;height:40px}
 .about .arow2 b{font-size:14px;line-height:19px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
 .about .arow2 span:not(.disc){font-size:13px;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
}
@media(max-width:1023px){
 .team-split>.rail{max-height:none;display:block}
 .about .arows{display:grid;grid-template-columns:minmax(0,1fr);padding:16px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:16px}
 .about .arow2{flex-direction:row}
}
/* ===== phone and tablet (under 1024px): single column, nothing wider than the screen ===== */
@media(max-width:1099px){
 .rpr3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rpr2,.rpr4{grid-template-columns:minmax(0,1fr)}
 .rpr2:not(.grown)>.card{max-height:none}
 .rpcc{flex:1 1 50%}
}
@media(max-width:1023px){
 .main[data-r=pipeline] .railcol .rail,.main[data-r=calls] .rail,.team-split>.rail{max-height:none}
 .prail .pin{flex-wrap:wrap;justify-content:center;text-align:center;padding:20px 16px}
 .prail .psp{margin:0 0 4px}
 .main[data-r=pipeline] .railcol .rbtn{width:100%;margin-left:0;margin-top:12px}
 .main[data-r=calls] .rail{flex-wrap:wrap;gap:12px}
 .main[data-r=calls] .rail p{flex:1 1 100%}
 .main[data-r=calls] .rail .rbtn{width:100%;margin-left:0}
 .main[data-r] .tbar .tsearch,.fucard .tbar .tsearch{min-width:0;max-width:none;flex:1 1 0}
 .main[data-r] .tbar{flex-wrap:wrap}
 .main[data-r=leads] .filters .tsearch{min-width:0;max-width:none}
 .main[data-r=leads] .filters .tsearch+.combo,.main[data-r=leads] .filters .combo+.combo{min-width:0}
 .main[data-r=leads] .filters{flex-wrap:wrap}
 .main[data-r=leads] .fillcard .fl{white-space:normal}
 .main[data-r=leads] .ttl{flex:1 1 100%}
 .main[data-r=leads] .hacts{flex-wrap:wrap}
 .main[data-r=leads] .hacts .btn{flex:1 1 calc(50% - 5px);width:auto!important}
 .main[data-r=leads] .lead-ctl{grid-template-columns:minmax(0,1fr)}
 .main[data-r=followups] .head{flex-wrap:wrap}
 .main[data-r=followups] .ttl{flex:1 1 100%}
 .fcards{width:100%;flex-direction:column}
 .fcap,.fsnd{width:100%}
 .ftgrid{grid-template-columns:minmax(0,1fr)}
 .ftph{flex-wrap:wrap}
 .rpr3,.rpkpis{grid-template-columns:minmax(0,1fr)}
 .rpcc{flex:1 1 100%}
 .rpexp{width:100%}
 .rpctl{flex-wrap:wrap;height:auto}
 .rph{flex-wrap:wrap}
 .rpsb .rph h2{flex:1 1 100%}
 .rphr2{width:100%;justify-content:space-between}
 .rpr4>.card{flex-wrap:wrap;height:auto;padding:12px 32px 12px 16px}
 .rpr4 .tx{flex:1 1 140px}
 .rpt col:nth-child(1){width:34%!important}
 .main[data-r=team] .invite form{grid-template-columns:minmax(0,1fr)}
 .main[data-r=team] .invite label{min-width:0}
 .main[data-r=team] .dt td,.main[data-r=team] .dt th{white-space:normal}
 .main[data-r=pipeline] .pipe-split,.main[data-r=calls] .calls-split{grid-template-columns:minmax(0,1fr)}
 .main[data-r=pipeline] .tbar .pseg{margin:0}
 .main[data-r=pipeline] .utabs{margin-right:0}
 .tbar .utabs{margin-right:0}
 .main{--pw:100vw}
}
@media(max-width:1535px){.rpchan h2{width:calc(100% - 19px)}}
@media(max-width:1023px){
 .rpt col:nth-child(1){width:30%!important}.rpt col:nth-child(2){width:21%!important}.rpt col:nth-child(3){width:22%!important}.rpt col:nth-child(4){width:27%!important}
 .rpt th.num,.rpt td.num{padding-right:6px}
 .rpchg{padding:0 8px;text-overflow:ellipsis}
}
/* ===== polish round ===== */
@media(min-width:1024px) and (max-width:1599px){
 .main[data-r=pipeline] .pl-dt col:nth-child(1){width:3.5%!important}
 .main[data-r=pipeline] .pl-dt col:nth-child(2){width:21%!important}
 .main[data-r=pipeline] .pl-dt col:nth-child(3){width:21%!important}
 .main[data-r=pipeline] .pl-dt col:nth-child(4){width:9%!important}
 .main[data-r=pipeline] .pl-dt col:nth-child(5){width:20%!important}
 .main[data-r=pipeline] .pl-dt col:nth-child(6){width:16%!important}
 .main[data-r=pipeline] .pl-dt col:nth-child(7){width:48px!important}
 .main[data-r=pipeline] .pl-dt col:nth-child(8){width:3.5%!important}
 .main[data-r=pipeline] .pown>span:last-child{display:none}
 .main[data-r=pipeline] .stagewrap select.stagesel{font-size:13px;padding:0 6px 0 22px}
}
.main[data-r=reports] .rpkd{overflow:visible;text-overflow:clip}
.rpov li{display:flex}
.rpov li b{margin-left:auto}
.rpov ul{flex:1 1 100%;padding-left:0;border-left:0}
.rpov li{white-space:nowrap}
.rpsum2{margin:10px 0 0;font-size:13.4px;line-height:19px;color:var(--ink-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.rpws .rplink{margin-top:4px}
.rpr3>.rpc3{min-height:180px;height:auto;overflow:visible}
.rpr3{align-items:stretch}
@media(min-width:1024px) and (max-width:1599px){
 .main[data-r=pipeline] .pl-dt col:nth-child(2){width:22%!important}
 .main[data-r=pipeline] .pl-dt col:nth-child(3){width:20%!important}
 .main[data-r=pipeline] .pl-dt col:nth-child(4){width:8%!important}
 .main[data-r=pipeline] .pl-dt col:nth-child(5){width:17%!important}
 .main[data-r=pipeline] .pl-dt col:nth-child(6){width:19%!important}
}
.main[data-r=pipeline] .pl-dt td .ell,.main[data-r=pipeline] .pl-dt td .cell-biz>.bn{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal;text-overflow:clip;line-height:20px;max-height:40px}
.main[data-r=pipeline] .pl-dt td{white-space:normal;text-overflow:clip}
.main[data-r=pipeline] .pl-dt td.c-main,.main[data-r=pipeline] .pl-dt td.c-x,.main[data-r=pipeline] .pl-dt td.c-next{overflow:hidden}
.rphr2 select#repUser{width:104px!important}
.rphr2{gap:8px}
@media(max-width:1439px){
 .rpk>.ic{display:none}
 .rpk{gap:clamp(8px,1vw,14px)}
}
/* ===== fix-08: Team matches the mockup (fluid) ===== */
.main[data-r=team]{--pl:23px;--pr:24px;--pt:22px;--hmb:28px}
.main[data-r=team] h1{font-size:clamp(34px,2.87vw,48px);line-height:1.1}
.main[data-r=team] .ttl .sub{font-size:clamp(15px,1.196vw,20px);line-height:1.3;margin-top:2px;color:var(--slate)}
.team-split{grid-template-columns:minmax(0,1fr) clamp(280px,26.3vw,440px);gap:21px;align-items:start}
.main[data-r=team] .invite{padding:clamp(16px,1.5vw,25px) 23px 0 25px;min-height:0;border-radius:10px;box-shadow:none;height:197px;margin-bottom:20px}
.main[data-r=team] .invite h2{font-size:clamp(20px,1.55vw,26px);line-height:1.25;margin:0}
.main[data-r=team] .invite p{font-size:clamp(15px,1.077vw,18px);line-height:1.35;margin:2px 0 0;color:var(--slate)}
.main[data-r=team] .invite form{display:grid;grid-template-columns:minmax(0,259fr) minmax(0,346fr) minmax(0,217fr);gap:18px 17px;align-items:end;margin-top:14px}
.ifld{display:flex;flex-direction:column;gap:6px;min-width:0;position:relative}
.ifld label{font:600 15px/20px var(--font);color:var(--ink);margin:0}
.ifld input{height:45px;border:1px solid #E3E6EB;border-radius:8px;margin:0;padding:0 16px;font-size:clamp(14px,.95vw,16px)}
.ifld input::placeholder{color:#98A2B3}
.ifld .ferr{position:absolute;left:0;top:100%;margin-top:3px;font-size:13px;line-height:16px;color:#B91C1C;white-space:nowrap}
.ifld .ferr:empty{display:none}
.main[data-r=team] .invite form .btn{height:47px;border-radius:8px;font-size:clamp(15px,1vw,16.5px);padding:0 12px;margin-bottom:-1px}
.main[data-r=team] .invite{height:auto;min-height:197px;padding-bottom:22px}
#invOut:not(:empty){margin-top:22px}
.copyrow{display:flex;gap:10px}.copyrow input{flex:1;height:45px;min-width:0}
.copyrow .btn{height:45px;flex:none}
.inote{margin:8px 0 0;font-size:13px;line-height:18px;color:var(--slate)}
.tpeople{border-radius:10px;box-shadow:none;margin-bottom:0}
.tpeople .tbar{min-height:71px;padding:0 26px 0 25px;align-items:flex-start;gap:12px}
.tpeople .utabs{margin-top:21px;gap:0}
.tpeople .utab{font:600 clamp(16px,1.14vw,19px)/22px var(--font);height:35px;min-height:0;padding:0 0 12px;border-bottom:3px solid transparent;align-self:flex-start;color:var(--blue-text)}
.tpeople .utab.on{border-bottom-color:var(--blue-action)}
.tpeople .tbar .tsearch{width:auto;flex:1 1 285px;max-width:285px;min-width:180px;margin:17px 0 0 auto}
.tpeople .tsearch input{height:39px;border:1px solid var(--line-input);border-radius:8px;padding:0 4px 0 42px;font-size:14px}
.tpeople .tsearch .ic{left:13px;top:10px;width:19px;height:19px}
.tm-dt{table-layout:fixed;width:100%}
.tm-dt col:nth-child(1){width:30.9%}.tm-dt col:nth-child(2){width:18.1%}.tm-dt col:nth-child(3){width:20.1%}.tm-dt col:nth-child(4){width:25.8%}.tm-dt col:nth-child(5){width:5.1%}
.tpeople .dt th{height:46px;font:600 clamp(13px,.9vw,15px)/20px var(--font);color:var(--ink-3);background:var(--table-head);border-top:0;border-bottom:1px solid var(--row-line);padding:0;white-space:nowrap;overflow:visible}
.tpeople .dt th:first-child,.tpeople .dt td:first-child{padding-left:25px}
.tpeople .dt th .rpi{vertical-align:middle;margin-left:6px;color:var(--slate)}
.tpeople .dt th .rpi .ic{width:16px;height:16px}
.tpeople .dt th.c-act{text-align:left}
.tpeople .dt th.c-act .ic{width:18px;height:18px;stroke-width:3;color:var(--ink-3);display:inline-block;vertical-align:middle}
.tpeople .dt td{height:55px;padding:0;font:400 clamp(14px,1.02vw,17px)/22px var(--font);color:var(--ink-2);border-bottom:1px solid var(--row-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tpeople .dt tbody tr:last-child td{border-bottom:0}
.tpeople .dt td.c-act{overflow:visible;padding:0}
.tpeople .tav{width:40px;height:40px;font-size:14px;flex:none}
.tpeople .cell-biz{gap:clamp(10px,.84vw,14px)}
.tnm{font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(14px,1.02vw,17px)}
.tyou{font-size:15px;font-weight:400;color:var(--slate)}
.tpeople .dt td.c-chip .sc{height:32px;padding:0 14px;font-size:clamp(13px,.9vw,15px)}
.tspn{font-size:clamp(14px,1.02vw,17px);font-variant-numeric:tabular-nums}
.tdisp{display:inline-flex;align-items:center;height:24px;margin-left:10px;padding:0 10px;border-radius:999px;background:var(--c-risk-bg);color:var(--c-risk-tx);font:600 12.5px/16px var(--font)}
.tpeople .dt .kebab{width:min(36px,100%);padding:0;place-items:center start;color:var(--ink-3)}
.tpeople .dt .kebab .ic{width:20px;height:20px;stroke-width:3.2}
.tpeople .dt tr[hidden]{display:none}
.tempty{padding:18px 25px;color:var(--slate);font-size:15px;border-top:1px solid var(--row-line)}
/* rail */
.team-split>.rail.about{min-height:685px;border-radius:10px;box-shadow:none;padding:26px 26px 24px;position:relative;overflow:hidden;display:block}
.about .tart{position:absolute;top:0;right:0;width:440px;height:110px;z-index:0;pointer-events:none}
.about>*:not(.tart){position:relative;z-index:1}
.about .adisc{width:68px;height:68px;background:var(--blue-tint);color:var(--blue-action)}
.about h2{font-size:clamp(22px,1.8vw,30px);line-height:1.2;margin:22px 0 14px}
.about p{font-size:clamp(15px,1.077vw,18px);line-height:1.45;color:var(--ink-2);max-width:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
.about .arows{display:grid;gap:0;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}
.about .arow2{display:flex;gap:clamp(16px,1.8vw,30px);min-height:120px;align-items:flex-start;padding-top:26px}
.about .arow2 .disc{width:58px;height:58px;flex:none;background:var(--blue-tint);color:var(--blue-action)}
.about .arow2>div{min-width:0}
.about .arow2 b{font:700 clamp(15px,1vw,17px)/22px var(--font);margin:0 0 4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.about .arow2 span:not(.disc){font-size:clamp(14px,.96vw,16px);line-height:22px;color:var(--slate);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
@media(max-width:1359px){
 .team-split{grid-template-columns:minmax(0,1fr)}
 .about .tart{display:none}
 .team-split>.rail.about{min-height:0;max-height:220px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);grid-template-rows:auto auto 1fr;column-gap:32px;align-content:start;padding:16px 24px}
 .about .adisc{width:44px;height:44px;grid-column:1;grid-row:1}
 .about h2{grid-column:1;grid-row:2;margin:8px 0 4px;font-size:20px}
 .about p{grid-column:1;grid-row:3;font-size:14px;line-height:20px;-webkit-line-clamp:3;line-clamp:3}
 .about .arows{grid-column:2;grid-row:1/4;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0 0 0 32px;border-top:0;border-left:1px solid var(--line);align-content:center}
 .about .arow2{flex-direction:column;gap:8px;min-height:0;padding-top:0}
 .about .arow2 .disc{width:40px;height:40px}
}
@media(max-width:1023px){
 .team-split>.rail.about{max-height:none;display:block}
 .about .arows{display:grid;grid-template-columns:minmax(0,1fr);padding:16px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:16px}
 .about .arow2{flex-direction:row;min-height:0;padding:8px 0}
 .main[data-r=team] .invite form{grid-template-columns:minmax(0,1fr)}
 .main[data-r=team] .invite{height:auto}
 .ifld .ferr{position:static;white-space:normal}
 .tpeople .tbar{flex-wrap:wrap}
 .tpeople .tbar .tsearch{flex:1 1 100%;max-width:none;margin:0 0 12px}
 .tm-dt thead{display:none}
 .tm-dt,.tm-dt tbody,.tm-dt tr,.tm-dt td{display:block;width:100%}
 .tpeople .dt tbody tr.tr2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 16px;border-bottom:1px solid var(--line);align-items:center}
 .tpeople .dt tbody tr.tr2 td{display:block;height:auto;border:0;padding:0!important;white-space:normal}
 .tpeople .dt tbody tr.tr2 td.c-main{grid-column:1}
 .tpeople .dt tbody tr.tr2 td.trole{display:none}
 .tpeople .dt tbody tr.tr2 td.c-chip{grid-column:2;grid-row:1}
 .tpeople .dt tbody tr.tr2 td:nth-child(4){grid-column:1}
 .tpeople .dt tbody tr.tr2 td.c-act{grid-column:2;grid-row:2;justify-self:end}
}
.main[data-r=team] .tpeople .tbar{min-height:70px}
.tpeople .tbar .tsearch{margin-top:10px}
.about h2{margin:13px 0 14px}
.about .arows{margin-top:18px}
.main[data-r=team]{--pt:26px;--hmb:35px}
.main[data-r=team] .invite{padding-bottom:20px}
.main[data-r=team] .invite form{margin-top:11px}
.tpeople .tbar .tsearch{margin-top:9px}
.tpeople .cell-biz>span:last-child{display:block;flex-direction:row}
.tpeople .tnm{display:block}
.tpeople .rowact{justify-content:flex-start}
.tpeople .tsearch .ic{top:10px}
.main[data-r=team] .invite{padding-top:clamp(12px,1vw,15px)}
.main[data-r=team] .invite{padding-top:12px}
.main[data-r=team] .invite p{margin-top:9px}
.main[data-r=team] .invite form input{margin:0}
.main[data-r=team] .invite form{margin-top:23px}
.main[data-r=team] .tm-dt th:nth-child(n){width:auto}
/* ===== fix-09: Settings matches the mockup (fluid) ===== */
.main[data-r=settings]{--pl:23px;--pr:23px;--pt:22px;--hmb:26px}
.main[data-r=settings] h1{font-size:clamp(34px,2.87vw,48px);line-height:1.1}
.main[data-r=settings] .ttl .sub{font-size:clamp(15px,1.196vw,20px);line-height:1.3;margin-top:2px;color:var(--slate)}
.set-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.14vw,19px);align-items:stretch}
.scard{padding:22px 26px 26px;border-radius:10px;box-shadow:none;min-height:704px;position:relative;min-width:0}
.scard .sh{display:flex;gap:22px;align-items:flex-start;margin-bottom:20px}
.scard .sdisc{width:58px;height:58px;background:var(--blue-tint);color:var(--blue-action)}
.scard .sh>div{min-width:0;padding-top:2px}
.scard h2{font-size:clamp(19px,1.32vw,22px);line-height:28px;margin:0 0 1px}
.scard .sd{font-size:clamp(14px,.96vw,16px);line-height:22px;color:var(--slate);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-width:none}
.scard .fld{margin:0 0 18px;display:block}
.scard .fld>label{display:block;font:600 16px/22px var(--font);color:var(--ink);margin:0 0 8px}
.scard .fh{font:400 13px/18px var(--font);color:var(--slate);margin-left:6px}
.scard .tawrap{position:relative}
.scard .fld textarea{display:block;width:100%;border:1px solid #E3E6EB;border-radius:8px;padding:12px 14px 28px;font:400 15px/22px var(--font);color:var(--ink-2);resize:none;min-height:0}
.scard #eAddr{padding-bottom:12px;height:auto}
.scard .fld input:not(.cbx){height:42px;border:1px solid #E3E6EB;border-radius:8px;padding:0 14px;font-size:15px;margin:0}
.scard .count{position:absolute;right:14px;bottom:8px;margin:0;font-size:13px;line-height:16px;color:var(--slate);pointer-events:none}
.scard .count.over{color:#B91C1C}
.scard .help{display:block;margin-top:6px;font-size:14px;line-height:20px;color:var(--slate)}
.scard .ferr{display:block;margin-top:4px;font-size:13px;line-height:16px;color:#B91C1C}
.scard .ferr:empty{display:none}
.scard .savebtn,.scard #sSave,.scard #eSave{margin-top:auto;width:100%;height:44px;border-radius:8px;font-size:16px}
.scard .err{margin:0 0 12px}
.btn{position:relative}
.sdot{display:none;position:absolute;top:7px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 2px var(--blue-action)}
.btn.dirty .sdot{display:block}
.btn.saving{pointer-events:none}
.btn.saving::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgb(var(--white-rgb)/.4);border-top-color:var(--surface);animation:spin .7s linear infinite;margin-right:8px}
@keyframes spin{to{transform:rotate(360deg)}}
.btn:disabled{opacity:.55;cursor:not-allowed}
/* AI rules */
.scard .chks{display:grid;gap:22px;margin:4px 0 22px}
.scard .chk{display:flex;gap:14px;align-items:flex-start;margin:0;cursor:pointer;border-radius:8px}
.scard .chk .ct{display:block;min-width:0;font-size:15px;line-height:22px;color:var(--slate)}
.scard .chk .ct b{display:block;font:600 16px/22px var(--font);color:var(--ink);margin-bottom:2px}
.scard .chk .ct span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:15px;line-height:22px;color:var(--slate)}
input.cbx{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0;border:1.5px solid #C9CED6;border-radius:5px;background:var(--surface) center/16px no-repeat;cursor:pointer}
input.cbx:checked{background-color:#1E6BF0;border-color:#1E6BF0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
input.cbx:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.scard .gcall{display:flex;gap:12px;background:#EEF4FF;border-radius:8px;padding:16px;margin:0 0 16px}
.scard .gcall>.ic{flex:none;width:20px;height:20px;color:#1E6BF0;margin-top:1px}
.scard .gcall b{display:block;font:600 16px/22px var(--font);color:var(--ink)}
.scard .gcall span{display:block;font-size:14px;line-height:20px;color:var(--ink-2);margin-top:2px}
.scard .gok{display:flex;align-items:center;gap:8px;margin:0 0 16px;font:600 14px/20px var(--font);color:var(--c-ok-tx)}
.scard .gok .ic{color:var(--c-ok-dot)}
.scard .rstat{font-size:14px;line-height:20px;color:var(--slate);margin:0 0 14px}
.scard .costrow{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:auto}
.scard .cr{display:flex;flex-direction:column;min-width:0}
.scard .crl{display:flex;align-items:center;gap:8px;font-size:15px;line-height:22px;color:var(--ink-2);white-space:nowrap}
.scard .cr b{font:700 32px/40px var(--font);color:var(--ink)}
.scard .crc{font-size:14px;line-height:20px;color:var(--slate)}
.scard .costrow .btn{width:147px;height:44px;flex:none;border-radius:8px;font-size:16px}
/* email readiness */
.rdyc{display:flex;gap:12px;align-items:flex-start;border-radius:8px;padding:12px 16px;margin:0 0 16px;border:1px solid}
.rdyc b{display:block;font:600 15px/22px var(--font)}
.rdyc span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:14px;line-height:20px;color:var(--ink-2)}
.rdyc.warn{background:#FFF8EB;border-color:#F7DDB0}.rdyc.warn b{color:#B45309}
.rdyc .amd{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--c-warn-dot);color:var(--surface);font:700 14px/1 var(--font);font-style:normal}
.rdyc.ok{background:#F0FDF4;border-color:#BBF7D0}.rdyc.ok b{color:#166534}.rdyc.ok .ic{flex:none;color:var(--c-ok-dot)}
.scard.flash{outline:4px solid #EEF4FF;outline-offset:0}
@media(max-width:1199px){.set-grid{grid-template-columns:minmax(0,1fr)}.scard{min-height:0}}
@media(max-width:1023px){.scard .costrow{flex-wrap:wrap}.scard .savebtn{margin-top:12px}}
.main[data-r=settings]{--hmb:30px}
.set-grid{grid-template-columns:minmax(0,448fr) minmax(0,438fr) minmax(0,442fr)}
@media(max-width:1199px){.set-grid{grid-template-columns:minmax(0,1fr)}}
.scard .sh{margin-bottom:16px}
.scard .fld{margin-bottom:14px}
.scard .fld>label{line-height:20px;margin-bottom:6px}
.scard .help{margin-top:4px;line-height:18px}
.scard .fld textarea#eAddr{height:80px}
.scard .rdyc{margin-bottom:14px}
.scard{padding:22px 26px 24px}
.scard .sh{margin-bottom:12px}
.scard .fld{margin-bottom:12px}
.scard .rdyc{padding:10px 16px;margin-bottom:12px}
#cScript .sh{margin-bottom:20px}
#cScript .fld{margin-bottom:26px}
#cScript .fld>label{margin-bottom:9px}
.scard .cr b{text-align:left}
.scard .crc{white-space:nowrap}
.scard .costrow .cr{flex:1 1 auto}
@media(min-width:1024px) and (max-width:1599px){
 .scard .costrow{flex-wrap:wrap;align-items:flex-start}
 .scard .costrow .cr{flex:1 1 100%}
 .scard .costrow .btn{width:100%}
 .scard .crl,.scard .crc{white-space:normal}
}
.scard .fld textarea{field-sizing:content;height:auto;overflow:hidden}
.scard .fld textarea#eAddr{min-height:80px;height:auto}
.scard .fld textarea{padding-bottom:22px}
.scard .count{bottom:5px}