/* Shared styles for the pipeline screens (02, 04, 05, 06). */
.head{position:absolute;inset:0 0 auto 0;height:204px;background:
 radial-gradient(300px 200px at 100% 0%,rgba(214,58,249,.28),transparent 70%),
 radial-gradient(320px 220px at 0% 100%,rgba(34,195,230,.22),transparent 70%),
 linear-gradient(180deg,#0B1B3A,#0F2B46);border-radius:0 0 28px 28px}
.head::after{display:none;content:"";position:absolute;left:24px;right:24px;bottom:0;height:3px;border-radius:3px;background:var(--prism-gradient);opacity:.85}
.wrap{position:relative;z-index:2}
.bar{display:flex;align-items:center;justify-content:space-between;padding:6px 20px 0}
.bar .l{display:flex;align-items:center;gap:10px;color:#fff}
.bar .l img{width:34px;height:34px;border-radius:9px;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.bar .l .t{font-size:13px;font-weight:600;color:rgba(255,255,255,.7);letter-spacing:.01em}
.bar .l .t b{display:block;color:#fff;font-size:15px;font-weight:700;letter-spacing:-.01em}
.bar .r{display:flex;gap:10px;align-items:center}
.me{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;background:linear-gradient(135deg,#22C3E6,#7AA6F7 55%,#D63AF9);box-shadow:0 0 0 2px rgba(255,255,255,.25)}
h1{color:#fff;font-size:30px;line-height:36px;font-weight:800;letter-spacing:-.025em;padding:18px 20px 0;display:flex;align-items:baseline;justify-content:space-between}
h1 small{font-size:13px;font-weight:600;color:rgba(255,255,255,.7);letter-spacing:0}
.kpis{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;padding:16px 16px 0}
.kpi{background:#fff;border-radius:16px;padding:12px 12px 11px;box-shadow:var(--shadow-raised)}
.kpi .n{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--text-strong)}
.kpi .l{font-size:11.5px;font-weight:500;color:var(--text-muted);margin-top:2px}
.kpi.won .n{color:var(--stage-won)}
.tools{display:flex;gap:10px;padding:16px 16px 0}
.search{flex:1;height:46px;border-radius:14px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--text-subtle);font-size:15px;box-shadow:var(--shadow-card)}
.search .ic{width:19px;height:19px;color:var(--text-muted)}
.fbtn{height:46px;border-radius:14px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;gap:8px;padding:0 13px;font-size:14px;font-weight:600;color:var(--text-strong);box-shadow:var(--shadow-card)}
.fbtn .ic{width:18px;height:18px;color:var(--prism-blue-700)}
.chips{display:flex;gap:8px;padding:14px 16px 2px;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.chip{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--border);font-size:13.5px;font-weight:600;color:var(--text-strong)}
.chip i{font-style:normal;font-size:12px;font-weight:700;color:var(--text-muted);background:var(--surface-page);border-radius:999px;padding:1px 7px}
.chip .d{width:8px;height:8px;border-radius:50%}
.chip.on{background:var(--prism-blue-700);border-color:var(--prism-blue-700);color:#fff;box-shadow:0 6px 14px rgba(32,63,150,.28)}
.chip.on i{background:rgba(255,255,255,.18);color:#fff}
.list{padding:8px 16px 120px}
.sec{display:flex;align-items:center;justify-content:space-between;margin:14px 2px 10px}
.sec .t{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}
.sec .t .d{width:9px;height:9px;border-radius:50%}
.sec .t i{font-style:normal;color:var(--text-subtle)}
.sec .v{font-size:13px;font-weight:700;color:var(--text-strong)}
.card{position:relative;background:#fff;border-radius:18px;padding:14px 16px 14px 18px;box-shadow:var(--shadow-card);margin-bottom:10px;overflow:hidden}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}
.row1{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.co{font-size:16.5px;font-weight:700;letter-spacing:-.015em;color:var(--text-strong)}
.meta{font-size:13px;color:var(--text-muted);margin-top:2px}
.val{font-size:16.5px;font-weight:800;letter-spacing:-.015em;color:var(--text-strong)}
.row2{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:11px;border-top:1px solid #EEF1F6}
.who{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}
.tags{display:flex;align-items:center;gap:8px}
.due{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--text-muted)}
.due .ic{width:14px;height:14px}
.due.late{color:var(--late)}
.prio{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:7px;background:var(--surface-tint);color:var(--prism-blue-700)}
.prio.hi{background:#FDE8EA;color:#B00020}

/* v2 additions: rep view, filters, manager view */
.head.tall{height:250px}
.head.mid{height:226px}
.head.mgr{height:236px}
h1 .mine{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.01em;padding:3px 9px 3px 7px;border-radius:999px;background:rgba(255,255,255,.07)}
h1 .mine svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2}
.tools.top{padding:14px 16px 0}
.head-search{flex:1;height:48px;border-radius:15px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--text-subtle);font-size:15px;box-shadow:0 10px 24px rgba(4,12,32,.28)}
.head-search .ic{width:19px;height:19px;color:var(--text-muted)}
.fbtn2{position:relative;height:48px;width:52px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff}
.fbtn2 .ic{width:21px;height:21px}
.fbtn2.on{background:#fff;color:var(--prism-blue-700);border-color:#fff;box-shadow:0 10px 24px rgba(4,12,32,.28)}
.fbtn2 .badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;padding:0 6px;font-size:11px;font-weight:800;color:#fff;display:grid;place-items:center;background:linear-gradient(135deg,#22C3E6,#7AA6F7 50%,#D63AF9);box-shadow:0 0 0 2px #0F2B46}
.kpi.late .n{color:var(--late)}
/* card v2 */
.row2 .left{display:flex;align-items:center;gap:8px;min-width:0}
.ns{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--text-muted);white-space:nowrap}
.ns .ic{width:14px;height:14px}
.ns b{font-weight:700;color:var(--text-strong)}
.ns.late,.ns.late b{color:var(--late)}
.ns.today b{color:var(--prism-blue-700)}
.cd{font-size:12.5px;font-weight:600;color:var(--text-muted);white-space:nowrap}
.prio{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:7px}
.p-urgent{background:var(--prio-urgent-bg);color:var(--prio-urgent)}
.p-important{background:var(--prio-important-bg);color:var(--prio-important)}
.p-medium{background:var(--prio-medium-bg);color:var(--prio-medium)}
.p-low{background:var(--prio-low-bg);color:var(--prio-low)}
.card .stage{margin-top:9px;font-size:11.5px;padding:3px 9px 3px 7px}
/* .cosell retired in v3 */ .cosell{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--surface-page);border:1px solid var(--border);border-radius:6px;padding:2px 6px;margin-left:6px;vertical-align:2px;letter-spacing:.01em}
/* active filters */
.active{margin:16px 16px 0;background:#fff;border-radius:18px;box-shadow:var(--shadow-card);padding:12px 14px 14px}
.active .top{display:flex;justify-content:space-between;align-items:center}
.active .top .t{font-size:11px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}
.clear{font-size:14px;font-weight:700;color:var(--prism-blue-700)}
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.fchip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 12px;border-radius:999px;background:var(--surface-tint);color:var(--prism-blue-700);font-size:13px;font-weight:600;border:1px solid #D3E2FC}
.fchip .k{color:var(--text-muted);font-weight:500}
.fchip .x{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(32,63,150,.12)}
.fchip .x svg{width:10px;height:10px;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round}
.fchip .d{width:7px;height:7px;border-radius:50%}
.summary{display:flex;justify-content:space-between;align-items:baseline;margin:16px 18px 10px}
.summary .n{font-size:15px;font-weight:700;color:var(--text-strong)}
.summary .n span{color:var(--text-muted);font-weight:600}
.summary .s{font-size:12.5px;font-weight:600;color:var(--text-subtle);display:flex;align-items:center;gap:4px}
.summary .s svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}
.list.flat{padding-top:0}
/* bottom sheet */
.scrim{position:absolute;inset:0;background:var(--scrim);z-index:30;backdrop-filter:blur(1.5px)}
.sheet{position:absolute;left:0;right:0;bottom:0;z-index:31;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -18px 40px rgba(4,12,32,.25);padding:10px 20px 0}
.sheet .grab{width:40px;height:5px;border-radius:3px;background:#D5DBE5;margin:0 auto}
.sheet .hd{display:flex;justify-content:space-between;align-items:center;margin:14px 0 4px}
.sheet .hd h2{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text-strong)}
.sheet .hd .r{display:flex;align-items:center;gap:16px}
.sheet .closeb{width:32px;height:32px;border-radius:50%;background:var(--surface-page);display:grid;place-items:center;color:var(--text-muted)}
.sheet .closeb svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round}
.fs{padding:14px 0 16px;border-bottom:1px solid #EEF1F6}
.fs:last-of-type{border-bottom:none}
.fs .lb{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;font-weight:700;color:var(--text-strong);margin-bottom:10px}
.fs .lb span{font-size:12.5px;font-weight:600;color:var(--text-subtle)}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:13.5px;font-weight:600;color:var(--text-strong)}
.opt .d{width:8px;height:8px;border-radius:50%}
.opt i{font-style:normal;font-size:12px;color:var(--text-subtle);font-weight:600}
.opt.on{background:var(--surface-tint);border-color:var(--prism-blue-700);color:var(--prism-blue-700);box-shadow:inset 0 0 0 1px var(--prism-blue-700)}
.opt.on i{color:var(--prism-blue-700)}
.opt .ck{width:16px;height:16px;border-radius:50%;background:var(--prism-blue-700);display:grid;place-items:center}
.opt .ck svg{width:9px;height:9px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.seg3{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface-page);border-radius:13px;padding:4px;gap:4px}
.seg3 span{height:36px;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:600;color:var(--text-muted)}
.seg3 span.on{background:#fff;color:var(--prism-blue-700);box-shadow:0 2px 8px rgba(15,43,70,.12);font-weight:700}
.hint{font-size:12.5px;color:var(--text-subtle);margin-top:8px}
.dates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.dt{border:1px solid var(--border);border-radius:13px;padding:7px 12px}
.dt.on{border-color:var(--prism-blue-700);box-shadow:inset 0 0 0 1px var(--prism-blue-700)}
.dt .k{font-size:11px;font-weight:600;color:var(--text-muted)}
.dt .v{font-size:15px;font-weight:700;color:var(--text-strong);display:flex;justify-content:space-between;align-items:center}
.dt .v svg{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:1.9}
.foot{display:grid;grid-template-columns:1fr 1.7fr;gap:10px;padding:12px 0 34px;border-top:1px solid #EEF1F6}
.btn2{height:52px;border-radius:15px;display:grid;place-items:center;font-size:15.5px;font-weight:700}
.btn2.ghost{background:var(--surface-page);color:var(--text-strong)}
.btn2.pri{background:linear-gradient(135deg,#203F96,#2E5BD0);color:#fff;box-shadow:0 10px 22px rgba(32,63,150,.32)}
/* manager */
.mgr-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#fff;padding:5px 10px 5px 8px;border-radius:999px;background:linear-gradient(#13284f,#13284f) padding-box,linear-gradient(90deg,#22C3E6,#7AA6F7,#D63AF9) border-box;border:1px solid transparent}
.mgr-badge svg{width:13px;height:13px;stroke:#9FD8F0;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.repsel{margin:16px 16px 0;background:#fff;border-radius:18px;box-shadow:var(--shadow-raised);padding:5px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:4px}
.repsel span{height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:600;color:var(--text-muted)}
.repsel span .avatar{width:20px;height:20px;font-size:8.5px}
.repsel span.on{background:var(--prism-blue-700);color:#fff;box-shadow:0 6px 14px rgba(32,63,150,.28);font-weight:700}
.totals{margin:14px 16px 0;background:#fff;border-radius:20px;box-shadow:var(--shadow-card);padding:14px 16px 6px}
.totals .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
.totals .top .t{font-size:11px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}
.totals .top .s{font-size:13px;font-weight:700;color:var(--text-strong)}
.rrow{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:0 10px;padding:10px 0;border-top:1px solid #EEF1F6}
.totals .top+.rrow{border-top:none}
.rrow .avatar{width:34px;height:34px;font-size:12px;grid-row:span 2}
.rrow .nm{font-size:15px;font-weight:700;color:var(--text-strong)}
.rrow .sb{font-size:12.5px;color:var(--text-muted);font-weight:500;grid-column:2}
.rrow .sb b{color:var(--late);font-weight:700}
.rrow .amt{font-size:15.5px;font-weight:800;color:var(--text-strong);text-align:right;letter-spacing:-.01em}
.rrow .bar2{grid-column:3;height:5px;width:86px;border-radius:5px;background:#EEF1F6;overflow:hidden;justify-self:end}
.rrow .bar2 i{display:block;height:100%;border-radius:5px;background:var(--prism-gradient)}
.kpis.rep{grid-template-columns:1.2fr .8fr 1.25fr}
h1 small .ex-pill{line-height:normal;vertical-align:middle}
h1 small:has(.ex-pill){display:flex;align-items:center;align-self:center}
.kpis.rep{grid-template-columns:1.1fr .9fr 1.3fr}.kpis.rep .kpi .l{white-space:nowrap;font-size:11.5px}

/* v4: rep summary, multi deal tag, dashboard, team */
.kpis.my{grid-template-columns:1.08fr 1fr 1fr}
.kpis.my .kpi .l{white-space:nowrap;font-size:11px}
.kpis.my .kpi .n{font-size:19px}
.kpi.comm .n{color:var(--stage-won)}
.kpi .pend{font-size:10.5px;font-weight:700;color:var(--prio-important);margin-top:3px;white-space:nowrap}
.multi{font-size:11px;font-weight:700;color:var(--prism-blue-700);background:var(--surface-tint);border-radius:6px;padding:2px 6px;margin-left:6px;vertical-align:2px}
.tabbar.four .tab{width:80px}
.head.dash{height:236px}
.head.teamh{height:250px}
.sub2{font-size:13.5px;color:rgba(255,255,255,.66);padding:4px 20px 0}
.dash{padding:6px 16px 120px}
.dcard{background:#fff;border-radius:20px;box-shadow:var(--shadow-card);padding:14px 16px 14px;margin-top:12px}
.dh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.dh .t{font-size:15px;font-weight:700;color:var(--text-strong);letter-spacing:-.01em}
.dh .s{font-size:12.5px;font-weight:600;color:var(--text-muted)}
.vbars{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;align-items:end;height:124px}
.bc{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}
.bc .vl{font-size:9.5px;font-weight:700;color:var(--text-strong);margin-bottom:3px;white-space:nowrap}
.stk{width:100%;display:flex;flex-direction:column;justify-content:flex-end}
.stk i{display:block;width:100%;border-radius:5px;background:linear-gradient(180deg,#3E8EE0,#203F96)}
.stk i+i{border-radius:0 0 5px 5px}
.stk i.pd{background:repeating-linear-gradient(135deg,#F6C98F 0 4px,#FBE3C2 4px 8px);border-radius:5px 5px 0 0}
.stk i.pd:only-child{border-radius:5px}
.stk i.z{height:3px;background:#E8ECF3}
.bc .m{font-size:10.5px;font-weight:600;color:var(--text-subtle);margin-top:6px}
.bc.fut .m{opacity:.5}
.leg{display:flex;gap:12px;align-items:center;margin-top:12px;font-size:12px;font-weight:600;color:var(--text-muted);flex-wrap:wrap}
.leg span{display:flex;align-items:center;gap:6px}
.leg i{width:10px;height:10px;border-radius:3px;background:#203F96}
.leg i.pd{background:repeating-linear-gradient(135deg,#F6C98F 0 3px,#FBE3C2 3px 6px)}
.leg .nt{margin-left:auto;color:var(--text-subtle);font-weight:500}
.hrow{display:grid;grid-template-columns:132px 1fr 62px;align-items:center;gap:10px;padding:7px 0}
.hl{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--text-strong);white-space:nowrap}
.hl .d{width:8px;height:8px;border-radius:50%}
.hl i{font-style:normal;font-size:12px;color:var(--text-subtle);font-weight:600}
.ht{height:10px;border-radius:6px;background:#EEF1F6;overflow:hidden}
.ht i{display:block;height:100%;border-radius:6px}
.hv{text-align:right;font-size:13.5px;font-weight:700;color:var(--text-strong)}
/* team */
.sub2.dk{padding-top:2px}
.tnote{display:flex;gap:10px;align-items:flex-start;margin:16px 16px 0;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.86);font-size:12.5px;line-height:17px}
.tnote svg,.warn svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.tnote svg{color:#9FD8F0}
.team{margin:20px 16px 0;background:#fff;border-radius:20px;box-shadow:var(--shadow-raised);padding:4px 16px}
.th{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);padding:12px 0 6px}
.mem{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #EEF1F6}
.mem .avatar{width:40px;height:40px;font-size:13px}
.mem.off .avatar{background:#C9D0DC}
.mem.off .mn,.mem.off .me2,.mem.off .mr{opacity:.55}
.mn{font-size:15px;font-weight:700;color:var(--text-strong);display:flex;align-items:center;gap:8px}
.role{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;letter-spacing:.01em}
.role.mgr{background:#F4E8FE;color:#8A2BB8}
.role.rep{background:var(--surface-tint);color:var(--prism-blue-700)}
.me2{font-size:12.5px;color:var(--text-muted);margin-top:1px}
.mr{font-size:12px;color:var(--text-subtle);margin-top:2px}
.mr b{color:var(--text-strong);font-weight:700}
.tog{width:46px;height:28px;border-radius:14px;background:#D5DBE5;position:relative}
.tog i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.18)}
.tog.on{background:linear-gradient(135deg,#2E8540,#3DA556)}
.tog.on i{left:21px}
.addbtn{position:absolute;left:16px;right:16px;bottom:100px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:15.5px;font-weight:700;background:linear-gradient(135deg,#203F96,#2E5BD0);box-shadow:0 10px 22px rgba(32,63,150,.32);z-index:9}
.addbtn svg{width:20px;height:20px;stroke:#fff;stroke-width:2.4;fill:none;stroke-linecap:round}
/* form */
.fld{margin-top:14px}
.fld label{display:block;font-size:13px;font-weight:700;color:var(--text-strong);margin-bottom:6px}
.fld .in{height:48px;border-radius:13px;border:1px solid var(--border);display:flex;align-items:center;padding:0 14px;font-size:15.5px;font-weight:500;color:var(--text-strong);background:#fff}
.fld .in.pct{justify-content:space-between;width:140px}
.fld .in.pct span{color:var(--text-muted);font-weight:600}
.fld .hint{margin-top:5px}
.seg2{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-page);border-radius:13px;padding:4px;gap:4px}
.seg2 span{height:38px;border-radius:10px;display:grid;place-items:center;font-size:14.5px;font-weight:600;color:var(--text-muted)}
.seg2 span.on{background:#fff;color:var(--prism-blue-700);box-shadow:0 2px 8px rgba(15,43,70,.12);font-weight:700}
.warn{display:flex;gap:10px;margin:16px 0 14px;padding:11px 13px;border-radius:14px;background:#FEF6E7;border:1px solid #F6DDB0;color:#7A4B00;font-size:12.5px;line-height:17px}

/* v4: stage board */
.stabs{overflow:hidden;margin:16px 0 0;padding:0 16px}
.stabs-in{display:flex;gap:8px;white-space:nowrap}
.stab{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:18px;background:#fff;box-shadow:0 1px 3px rgba(15,43,70,.08);font-size:13.5px;font-weight:600;color:var(--text-muted);flex:none}
.stab .d{width:8px;height:8px;border-radius:50%}
.stab i{font-style:normal;font-size:11.5px;font-weight:700;background:var(--surface-page);color:var(--text-muted);border-radius:9px;padding:1px 7px}
.stab.on{background:var(--text-strong);color:#fff;box-shadow:0 6px 14px rgba(11,27,58,.22)}
.stab.on i{background:rgba(255,255,255,.18);color:#fff}
.board{overflow:hidden;margin-top:12px}
.track{display:flex;gap:10px;align-items:flex-start}
.bcol{flex:none;width:316px;background:rgba(32,63,150,.045);border:1px solid rgba(32,63,150,.07);border-radius:20px;padding:10px 10px 4px}
.bch{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 10px}
.bch .t{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-strong)}
.bch .t .d{width:8px;height:8px;border-radius:50%}
.bch .t i{font-style:normal;color:var(--text-subtle)}
.bch .v{font-size:13.5px;font-weight:700;color:var(--text-strong)}
.card.b{margin:0 0 8px;padding:13px 14px 12px}
.card.b .row1{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.card.b .co{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card.b .val{font-size:16px}
.card.b .row1b{display:flex;justify-content:space-between;margin-top:3px;font-size:12.5px;color:var(--text-muted)}
.card.b .row1b .cd{font-weight:600;color:var(--text-muted)}
.btags{display:flex;gap:6px;margin-top:8px}
.btags .multi{margin-left:0}
.renew{font-size:11px;font-weight:700;color:#0B7A55;background:#E3F6EE;border-radius:6px;padding:2px 7px}
.card.b .row2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #EEF1F6}
.card.b .row2 .ns{margin-right:auto}
.card.b .row2 .who{margin-right:auto}
.card.b .row2 .who+.ns{margin-right:0}
.bdots{display:flex;justify-content:center;gap:6px;margin:6px 0 0}
.bdots i{width:6px;height:6px;border-radius:3px;background:#C9D0DC}
.bdots i.on{width:18px;background:var(--prism-blue-700)}
.card.b .who{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-muted)}.card.b .who .avatar{width:24px;height:24px;font-size:10px}.card.b .ns{white-space:nowrap}
.rates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rates .k{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:5px}
.fld .rates .in.pct{width:auto}
.fld label svg,.lockn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none;vertical-align:-2px;margin-left:4px}
.fld .in.locked{background:var(--surface-page);color:var(--text-muted);border-style:dashed}
.lockn{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:600;color:#7A4B00;background:#FEF6E7;border-radius:10px;padding:8px 10px}
.lockn svg{margin-left:0}
.sheet .foot{margin-top:16px}
.fld label{display:flex;align-items:center;gap:2px}
.hl .d{flex:none}.leg .nt{margin-left:0;flex-basis:100%}
.head.teamh{height:306px}
.head.teamh{height:296px}.addbtn{position:relative;left:auto;right:auto;bottom:auto;margin:12px 16px 0;height:50px}.mem{padding:9px 0}

/* v5: Deal Name, Deal Type, Estimated commission, Unassigned */
.card.b .row1b .dname{font-size:13.5px;font-weight:600;color:var(--text-strong)}
.card.b .meta2{font-size:12.5px;color:var(--text-muted);margin-top:1px}
.card.b .btags{margin-top:7px}
.card.b .row2{margin-top:9px;padding-top:9px}
.dnew{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--surface-page);border-radius:6px;padding:2px 7px}
.kpis.my{grid-template-columns:1.05fr 1fr 1.05fr;align-items:stretch}
.kpis.my .kpi.comm .l{white-space:normal;line-height:13px}
.repsel{grid-template-columns:1.15fr .95fr .95fr .95fr 1.3fr!important}
.repsel span{font-size:13px!important;gap:5px!important}
.repsel span .avatar{display:none}
.leg .nt{line-height:16px}

/* v5: tab bar with Docs, Owner role, Docs screen */
.tabbar.four .tab{width:84px}
.tabbar.five .tab{width:70px;font-size:10.5px}
.role.own{background:#FFF4D6;color:#8A6200}
.head.teamh{height:268px}
.head.docs{height:226px}
.dchips{display:flex;gap:8px;padding:16px 16px 0;overflow:hidden;white-space:nowrap}
.dchips span{flex:none;height:34px;padding:0 13px;border-radius:17px;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.8);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.dchips span.on{background:#fff;color:var(--text-strong);border-color:#fff}
.dchips i{font-style:normal;font-size:11.5px;font-weight:700;background:var(--surface-page);border-radius:9px;padding:1px 7px;color:var(--text-muted)}
.docs{padding:18px 16px 110px}
.fgroup{background:#fff;border-radius:20px;box-shadow:var(--shadow-raised);padding:4px 14px 2px;margin-bottom:12px}
.fgh{display:flex;justify-content:space-between;align-items:center;padding:11px 2px 6px;font-size:11px;font-weight:800;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}
.fgh i{font-style:normal;color:var(--text-subtle)}
.frow{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-top:1px solid #EEF1F6}
.fico{position:relative;width:38px;height:44px;display:block}
.fico svg{width:38px;height:44px;fill:#FFF1EA;stroke:#E2672B;stroke-width:1.4;stroke-linejoin:round}
.fico.pdf svg{fill:#FDECEE;stroke:#C8323F}
.fico b{position:absolute;left:0;right:0;bottom:7px;text-align:center;font-size:8.5px;font-weight:800;letter-spacing:.02em;color:#C2501C}
.fico.pdf b{color:#B0222F}
.fn{font-size:14px;font-weight:700;color:var(--text-strong);line-height:18px}
.fm{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:11.5px;color:var(--text-subtle);white-space:nowrap}
.latest{font-size:10px;font-weight:700;color:var(--stage-won);background:var(--stage-won-bg);border-radius:5px;padding:1px 6px}
.fb{display:flex;flex-direction:column;gap:6px}
.fb span{display:flex;align-items:center;justify-content:center;gap:5px;height:28px;border-radius:9px;font-size:12px;font-weight:700;padding:0 9px}
.fb svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fb .b1{background:var(--surface-tint);color:var(--prism-blue-700)}
.fb .b2{background:var(--prism-blue-700);color:#fff}
.dnote{text-align:center;font-size:12px;color:var(--text-subtle);padding:8px 0 4px}
h1 .mine svg{fill:none}