:root{--p:#7c3fe0;--pd:#5b21b6;--bg:#f3f3f9;--c:#fff;--t:#17132b;--m:#74708a;--l:#e5e3f0;--ok:#168a5b;--bad:#d03b4f;--pl:#efe8fd}
@media(prefers-color-scheme:dark){:root{--bg:#14111f;--c:#201b33;--t:#f1eefb;--m:#a29cbc;--l:#352e4e;--pl:#2e2450}}
*{box-sizing:border-box}html,body{margin:0}body{font:15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--t);padding:env(safe-area-inset-top) 0 calc(72px + env(safe-area-inset-bottom))}
header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--c);border-bottom:1px solid var(--l);position:sticky;top:0;z-index:5}
.logo{width:34px;height:34px;border-radius:10px;background:var(--p);color:#fff;display:grid;place-items:center;font-weight:800}
header b{flex:1;font-size:17px}main{padding:14px 16px;max-width:760px;margin:auto}
.card{background:var(--c);border:1px solid var(--l);border-radius:16px;padding:14px;margin-bottom:12px}
.hero{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;border:0}.hero .big{font-size:34px;font-weight:800}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.k{font-size:12px;color:var(--m)}.v{font-size:22px;font-weight:700}
h2{margin:6px 0 10px;font-size:20px}h3{margin:0 0 8px;font-size:16px}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--l);border-radius:12px;background:var(--c);color:var(--t);font:inherit;margin-bottom:8px}
button{font:inherit;border:0;border-radius:12px;padding:11px 14px;background:var(--p);color:#fff;font-weight:600;cursor:pointer}
button.g{background:var(--pl);color:var(--p)}button.d{background:var(--bad)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--p);outline-offset:2px}
.row{display:flex;gap:8px;align-items:center}.row>*{margin-bottom:0}.sp{justify-content:space-between}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.chip{white-space:nowrap;background:var(--c);color:var(--t);border:1px solid var(--l);padding:7px 12px;border-radius:99px}.chip.on{background:var(--pl);color:var(--p);border-color:var(--p)}
.li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--l);cursor:pointer}.li:last-child{border:0}
.av{width:40px;height:40px;border-radius:12px;background:var(--pl);color:var(--p);display:grid;place-items:center;font-weight:700;flex:none}
.tag{font-size:12px;background:var(--pl);color:var(--p);padding:3px 9px;border-radius:99px}.bar{height:8px;background:var(--bg);border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--p)}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--c);border-top:1px solid var(--l);padding-bottom:env(safe-area-inset-bottom)}
nav button{flex:1;background:none;color:var(--m);border-radius:0;padding:12px 4px;font-size:13px}nav button.on{color:var(--p)}
#sheet{position:fixed;inset:0;background:#0007;display:none;align-items:flex-end;z-index:20}#sheet.on{display:flex}
#sheet>div{background:var(--bg);width:100%;max-height:90vh;overflow:auto;border-radius:22px 22px 0 0;padding:16px;max-width:760px;margin:auto}
#auth{max-width:380px;margin:12vh auto;padding:0 16px}.err{color:var(--bad);min-height:20px}.empty{color:var(--m);text-align:center;padding:22px 0}
@media print{.np,nav,header{display:none!important}body.pi #app,body.pi main,body.pi #main,body.pi #dr,body.pi .trial,body.pi #toasts{display:none!important}body.pi{padding:0!important;background:#fff}body.pi #sheet{position:static;display:block!important;opacity:1;visibility:visible;background:none}body.pi #sheet>div{max-height:none;overflow:visible;transform:none;padding:0;margin:0;max-width:none;border-radius:0;background:none}}
table td{padding:4px 0;border-bottom:1px solid var(--l)}hr{border:0;border-top:1px solid var(--l)}
.card.li{padding:14px}.col{width:min(78vw,300px);flex:none}

.ib{background:var(--c);color:var(--m);border:1px solid var(--l);width:40px;height:40px;border-radius:50%;padding:0;display:grid;place-items:center;flex:none}
header{gap:8px}header .av.me{background:var(--p);color:#fff;border-radius:50%;width:40px;height:40px;border:3px solid var(--pl);font-size:14px}
.card{border-radius:22px;border-color:transparent;box-shadow:0 1px 3px #7c3fe010,0 6px 18px #7c3fe00d}
.hero{border-radius:28px;padding:20px;background:radial-gradient(#fff3 1.2px,transparent 1.4px) 0 0/22px 22px,linear-gradient(135deg,#8b4df0,#4c1d95)}
.hero select{background:#fff2;color:#fff;border:1px solid #fff6;border-radius:99px}.hero option{color:#17132b}
.k4{font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.srch{border-radius:99px;padding:13px 16px 13px 44px;background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2374708a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 16px 50%/20px no-repeat;margin-bottom:14px}
.trial{display:flex;align-items:center;gap:10px;background:var(--pl);color:var(--pd);padding:10px 16px;margin:-14px -16px 14px;font-weight:600}.trial span{flex:1}.trial button{background:var(--c);color:var(--t);padding:8px 14px}
nav button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px}nav button.on svg{background:var(--pl);border-radius:99px;padding:5px 16px;box-sizing:content-box;margin:-5px 0}
.tag{font-weight:600}.fab{position:sticky;bottom:0;display:flex;background:var(--c);border-radius:22px;box-shadow:0 4px 24px #0003;margin-top:12px;padding:6px}
.fab button{flex:1;background:none;color:var(--t);font-size:13px;display:flex;flex-direction:column;gap:2px}
#dr{position:fixed;inset:0;background:#0007;display:none;z-index:30}#dr.on{display:block}
#drb{width:min(82vw,320px);height:100%;background:var(--c);padding:16px;overflow:auto;display:flex;flex-direction:column;animation:sl .2s}@keyframes sl{from{transform:translateX(-100%)}}
#drb .gh{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--m);background:var(--bg);border-radius:12px;padding:10px 12px;margin:12px 0 4px}
#drb .it{padding:11px 12px 11px 24px;border-left:2px solid var(--l);margin-left:12px;cursor:pointer}#drb .it.on{border-color:var(--p);color:var(--p);font-weight:700}
.sw{width:46px;height:26px;border-radius:99px;background:var(--l);position:relative;padding:0;flex:none}.sw.on{background:var(--p)}.sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.15s}.sw.on i{left:23px}
pre{white-space:pre-wrap;word-break:break-all;background:var(--bg);padding:10px;border-radius:12px;font-size:12px;max-height:180px;overflow:auto}
@media(prefers-reduced-motion:reduce){#drb{animation:none}}

/* Drawer v2: collapsible groups with icons */
#drb{padding:0;overflow:hidden}
#drb .dh{padding:20px 20px 12px;gap:12px;flex:none}
#drb .dsc{flex:1;overflow-y:auto;padding:4px 14px 12px;overscroll-behavior:contain}
#drb .dg{margin-top:8px}
#drb .dgh{width:100%;display:flex;align-items:center;gap:14px;background:var(--bg);color:var(--m);border-radius:16px;padding:14px;text-align:left;font-size:14px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
#drb .dgh span{flex:1}
#drb .dgh.single{background:none;color:var(--t);text-transform:none;letter-spacing:0;font-size:17px;font-weight:500;margin-top:4px}
#drb .dgh.cur,#drb .dg.open>.dgh{background:var(--pl)}
#drb .dgh.cur{color:var(--p)}
#drb .dgh.single.cur{background:var(--pl);color:var(--p);font-weight:700}
#drb .chev{transition:transform .2s;flex:none}#drb .dg.open .chev{transform:rotate(180deg)}
#drb .dbody{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}
#drb .dg.open .dbody{grid-template-rows:1fr}
#drb .din{overflow:hidden;min-height:0}
#drb .dl{margin:6px 0 4px 22px;border-left:2px solid var(--l);padding-left:10px}
#drb .dbody:not(:has(.dl)){display:none}
#drb .it{display:flex;align-items:center;gap:14px;width:100%;background:none;color:var(--t);border:0;border-radius:14px;margin:2px 0;padding:13px 12px;text-align:left;font-size:16px;font-weight:500}
#drb .it.on{background:linear-gradient(135deg,#8b4df0,#6a2fd6);color:#fff;font-weight:600;box-shadow:0 6px 16px #7c3fe040}
#drb .it svg,#drb .dgh svg{flex:none}
#drb .df{flex:none;border-top:1px solid var(--l);padding:14px 16px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;background:var(--c)}
#drb .badge{background:#fdf0cf;color:#a8670a;font-weight:700;padding:7px 14px;border-radius:99px;font-size:14px}
#drb .trialp{align-self:flex-start;background:var(--pl);color:var(--p);border:1px solid var(--p);font-weight:700;letter-spacing:.06em;font-size:13px;padding:5px 14px;border-radius:99px;margin-left:60px}
#drb .lo{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-size:17px}
.li svg.ic{color:var(--p);flex:none}
@media(prefers-reduced-motion:reduce){#drb .dbody,#drb .chev{transition:none}}

/* Drawer v3: compact sizing */
#drb{width:min(68vw,290px)}
#drb .dh{padding:16px 16px 8px;gap:10px}
#drb .dh .logo{width:38px;height:38px;border-radius:11px;flex:none}
#drb .dh b{font-size:19px!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#drb .dsc{padding:2px 12px 8px}
#drb .dg{margin-top:5px}
#drb .dgh{gap:10px;padding:10px 12px;border-radius:12px;font-size:12px;letter-spacing:.08em}
#drb .dgh svg:not(.chev){width:18px;height:18px}
#drb .chev{width:16px;height:16px}
#drb .dgh.single{font-size:15px;padding:10px 12px;margin-top:2px}
#drb .dl{margin:3px 0 2px 18px;padding-left:8px}
#drb .it{gap:10px;padding:9px 10px;font-size:14px;border-radius:12px;margin:1px 0;line-height:1.25}
#drb .it svg{width:18px;height:18px}
#drb .it.on{box-shadow:0 4px 10px #7c3fe033}
#drb .df{padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:8px}
#drb .df .av.me{width:40px!important;height:40px!important;font-size:13px;border-width:2px!important}
#drb .df b{font-size:14px}
#drb .df .k{font-size:11px}
#drb .badge{font-size:12px;padding:5px 10px}
#drb .trialp{font-size:11px;padding:3px 10px;margin-left:50px}
#drb .lo{font-size:15px;padding:9px 12px;gap:8px}
#drb .lo svg{width:18px;height:18px}

/* Smooth sheets + lead form */
#sheet{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}
#sheet.on{opacity:1;visibility:visible;transition:opacity .2s ease}
#sheet{display:flex}
#sheet>div{transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#sheet.on>div{transform:none}
.nl{position:relative}
.nl .grab{width:44px;height:5px;border-radius:9px;background:var(--l);margin:-6px auto 10px}
.nl .nlh{margin-bottom:6px}.nl .nlh h2{margin:0;font-size:22px}
.nl .x{width:36px;height:36px}
.nl .sec{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--p);margin:16px 0 8px}
.nl .fld{margin-bottom:12px;min-width:0}
.nl .fld label{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--m);margin:0 0 6px 4px}
.nl .fld label i{color:var(--bad);font-style:normal}
.nl .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:340px){.nl .two{grid-template-columns:1fr}}
.nl input,.nl select{margin:0;border-radius:14px;padding:13px 14px;min-height:48px;font-size:16px;transition:border-color .15s,box-shadow .15s}
.nl input:focus,.nl select:focus,.nl .chipbox:focus-within{outline:0;border-color:var(--p);box-shadow:0 0 0 4px var(--pl)}
.nl input.bad{border-color:var(--bad);box-shadow:0 0 0 4px #d03b4f1f}
.nl .er{color:var(--bad);font-size:12px;min-height:0;margin:4px 0 0 4px}.nl .er:empty{display:none}
.nl .chipbox{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1px solid var(--l);background:var(--c);border-radius:14px;padding:6px 10px;min-height:48px;transition:border-color .15s,box-shadow .15s}
.nl .chipbox #tgc{display:contents}.nl .chipbox input{border:0;box-shadow:none!important;flex:1;min-width:120px;padding:7px 4px;min-height:0;background:none}
.nl .tag a{color:inherit;text-decoration:none;margin-left:2px;font-weight:700}
.nlf{position:sticky;bottom:-16px;display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin:14px -16px -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--l)}
.nlf button{min-height:50px;border-radius:16px;font-size:16px;transition:transform .1s,opacity .15s}.nlf button:active{transform:scale(.97)}.nlf button:disabled{opacity:.6}
@media(prefers-reduced-motion:reduce){#sheet,#sheet>div,.nl input{transition:none}}

/* Lead card v2 */
header b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.lbar .g{display:flex;align-items:center;gap:6px;border-radius:99px;background:var(--c);color:var(--t);border:1px solid var(--l);padding:9px 16px}
.lbar .row .g{width:40px;height:40px;padding:0;justify-content:center;color:var(--p)}
.lbar .g:disabled{opacity:.4}
.lc{position:relative;overflow:hidden;padding:22px 18px 18px;border-radius:28px;margin-top:0}
.lc::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#9a63f2,#5b21b6)}
.lh{display:flex;gap:16px;align-items:flex-start}
.lav{width:66px;height:66px;border-radius:20px;flex:none;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:800;background:linear-gradient(135deg,#9a63f2,#5b21b6);box-shadow:0 10px 22px #7c3fe04d}
.lm{flex:1;min-width:0}.lm h2{margin:0;font-size:24px;line-height:1.15;word-break:break-word}
.lm .ib{width:38px;height:38px;margin-left:8px;flex:none}
.lsr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 6px}
.stp{font-size:13px;font-weight:700;padding:5px 14px;border-radius:99px;background:#fdf0cf;color:#a8670a}
.stp.n{background:var(--pl);color:var(--p)}.stp.w{background:#d8f5e8;color:var(--ok)}.stp.l{background:#fde3e6;color:var(--bad)}
.lrc{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.35}.lrc svg{color:var(--p);flex:none;margin-top:1px}
.lc hr{margin:16px 0}
.lab{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--m);margin-bottom:8px}
.lc .pill{border-radius:99px;margin:0;padding:12px 38px 12px 16px;appearance:none;-webkit-appearance:none;background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2374708a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center/16px no-repeat}
.lc .pill:disabled{opacity:1;color:var(--m)}
.dv{display:flex;align-items:center;gap:4px;font-size:26px;font-weight:800;min-height:46px}
.dv input{margin:0;border:0;border-bottom:2px dashed var(--l);border-radius:0;background:none;padding:2px 0;font-size:26px;font-weight:800;width:100%;min-width:0}
.dv input:disabled{border-color:transparent;opacity:1}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.ab{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:99px;background:var(--bg);color:var(--t);border:1px solid var(--l);font-weight:600;font-size:15px}
.ab svg{color:var(--p);flex:none}.ab:disabled{opacity:.45}.ab.w2{flex:1 1 40%}
.stages{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none;position:relative}.stages::-webkit-scrollbar{display:none}
.stg{flex:none;display:flex;align-items:center;gap:6px;padding:12px 20px;border-radius:99px;background:var(--c);border:1px solid var(--l);color:var(--t);font-weight:600;font-size:16px}
.stg.dn{background:var(--pl);border-color:transparent;color:var(--p);padding:12px 18px}
.stg.cur{background:linear-gradient(135deg,#8b4df0,#5b21b6);border-color:transparent;color:#fff;box-shadow:0 6px 14px #7c3fe040}
.stg:disabled{opacity:1}
.trow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.trow .lab{margin:0}
.tgp{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;background:#dffbfc;border:1.5px solid #22d3ee;color:#17132b;font-weight:700;font-size:15px}
.tgp svg{color:#0ea5b7;flex:none}.tgp a{display:grid;color:var(--m);text-decoration:none}
.tgp.add{background:none;border:1.5px dashed var(--l);color:var(--p);font-weight:600;font-size:16px}.tgp.add svg{color:var(--p)}
.tgi{flex:1;min-width:150px;margin:0;border-radius:99px}
.seg{display:flex;gap:4px;overflow-x:auto;background:var(--c);border:1px solid var(--l);border-radius:22px;padding:6px;margin-bottom:12px;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}
.sg{flex:none;display:flex;align-items:center;gap:8px;background:none;color:var(--m);padding:11px 18px;border-radius:16px;font-size:16px;font-weight:600}
.sg.on{background:var(--pl);color:var(--p)}
.cb{background:var(--bg);color:var(--m);border-radius:99px;font-size:12px;font-weight:700;min-width:22px;padding:2px 7px;text-align:center}.sg.on .cb{background:var(--p);color:#fff}
.nc textarea{border-radius:18px;background:var(--bg);resize:none;min-height:56px}
.nc button{width:100%;padding:14px;border-radius:14px;margin-bottom:6px}.nc button:disabled{opacity:.5;cursor:default}
.ai{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--l)}.ai:last-child{border:0}
.aib{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--bg);border:1px solid var(--l);color:var(--p)}
.at{font-size:16px;line-height:1.35;word-break:break-word;white-space:pre-wrap}
.am{font-size:13px;color:var(--m);margin-top:3px}.am .wn{text-transform:uppercase}
.fab{border-radius:26px;padding:10px 6px;margin-top:14px;border:1px solid var(--l)}
.fab button{gap:6px;font-weight:600;padding:8px 4px}.fab button:disabled{opacity:.4}
@media(prefers-color-scheme:dark){.tgp{background:#0f3b40;color:#f1eefb}.stp{background:#4a3a14;color:#f5c469}.stp.n{background:var(--pl);color:#c9b0ff}.stp.w{background:#12372a}.stp.l{background:#4a1d26}}

/* Lead card v3: compact sizing + alignment fixes */
.lbar{margin-bottom:10px}
.lbar .g{font-size:14px;padding:8px 14px}
.lbar .row{gap:8px}.lbar .row .g{width:36px;height:36px}
.lc{padding:18px 16px 16px;border-radius:24px}
.lh{gap:14px;align-items:center}
.lav{width:56px;height:56px;border-radius:17px;font-size:19px}
.lm h2{font-size:20px;line-height:1.2}
.lm .ib{width:34px;height:34px;margin-left:6px}
.lsr{margin:6px 0 4px;gap:8px}
.stp{font-size:12px;padding:4px 12px}
.lsr .k{font-size:13px}
.lrc{font-size:13px;gap:6px}.lrc svg{width:16px;height:16px;margin-top:1px}
.lc hr{margin:14px 0}
.lab{font-size:11px;margin-bottom:6px}
.lc .pill{font-size:15px;padding:10px 34px 10px 14px;min-height:44px}
.dv{font-size:22px;min-height:44px}
.dv input{font-size:22px;padding:0}
.acts{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0}
.acts .ab{grid-column:span 2}.acts .ab:nth-child(n+4){grid-column:span 3}
.ab{font-size:14px;padding:11px 8px;gap:6px;min-width:0;white-space:nowrap}
.ab svg{width:18px;height:18px}
.stages{gap:8px;padding:2px 2px 10px}
.stg,.stg.dn{font-size:14px;padding:10px 16px;gap:5px}
.trow{margin-top:2px}
.tgp{font-size:14px;padding:8px 14px}.tgp.add{font-size:14px}
.seg{border-radius:18px;padding:5px}
.sg{font-size:14px;padding:10px 14px;gap:6px;border-radius:13px}
.at{font-size:15px}.am{font-size:12px}
.aib{width:36px;height:36px}
.nc textarea{font-size:15px}.nc button{font-size:15px;padding:12px}
.fab{padding:8px 4px;border-radius:22px;align-items:stretch}
.fab button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;padding:6px 2px;min-width:0}
.fab button svg{width:22px;height:22px;display:block}
.fab button span{line-height:1.1}

/* Header avatar: centre the initials inside the circle. The global button padding (11px 14px) was squeezing the text out of it. */
header .av.me{padding:0;display:grid;place-items:center;flex:none;line-height:1;font-size:13px;letter-spacing:0;white-space:nowrap;text-align:center}
/* Trial bar: shorter row. */
.trial{padding:6px 16px;gap:8px}
.trial span{font-size:14px;line-height:1.2}
.trial button{padding:5px 12px;font-size:13px;line-height:1.2;border-radius:10px}

/* Leads list: one card per lead */
.lks{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}
.lk{position:relative;display:flex;align-items:center;gap:12px;background:var(--c);border:1px solid var(--l);border-radius:20px;padding:14px;box-shadow:0 1px 3px #17132b0d}
.lk.open{border-color:var(--p);box-shadow:0 0 0 1px var(--p)}
.lkc{flex:none;width:22px;height:22px;padding:0;margin:0;border-radius:6px;accent-color:var(--p)}
.lkav{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:17px;cursor:pointer}
.lkr{flex:1;min-width:0}
.lkto{display:flex;align-items:center;gap:8px;cursor:pointer}
.lkto b{flex:1;min-width:0;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lkto .stp{flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lksub{color:var(--m);font-size:15px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.lkbt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.lkmeta{display:flex;align-items:center;gap:6px;min-width:0;color:var(--m);font-size:14px;white-space:nowrap;cursor:pointer}
.lkmeta svg{flex:none}.lkmeta b{font-weight:600;overflow:hidden;text-overflow:ellipsis}.lkmeta span{margin-left:4px}
.lkact{display:flex;align-items:center;gap:6px;flex:none}
.lkib{width:40px;height:40px;padding:0;border-radius:50%;display:grid;place-items:center;background:none;color:var(--p);border:2px solid var(--p)}
.lkib.dots{border-color:transparent;color:var(--m)}.lk.open .lkib.dots{background:var(--pl);color:var(--p)}
.lkmenu{position:absolute;right:14px;bottom:62px;z-index:6;min-width:200px;background:var(--c);border:1px solid var(--l);border-radius:16px;box-shadow:0 8px 28px #17132b33;padding:6px}
.lkmenu button{display:block;width:100%;text-align:left;background:none;color:var(--t);font-size:16px;padding:12px 14px;border-radius:10px}
.lkmenu button:hover{background:var(--pl)}.lkmenu button.del{color:var(--bad)}

/* Lead page: smaller, smoother action buttons (Call, WhatsApp, Email, Task, Schedule) */
.acts{gap:8px;margin:12px 0}
.ab{min-height:38px;padding:7px 10px;gap:6px;font-size:13.5px;font-weight:600;border-radius:12px;box-shadow:0 1px 2px #17132b0d;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}
.ab svg{width:16px;height:16px}
.ab:not(:disabled):active{transform:scale(.97);background:var(--pl)}
.ab:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
@media(hover:hover){.ab:not(:disabled):hover{background:var(--pl);border-color:var(--p)}}
/* Floating action bar at the bottom of a lead */
.fab{padding:5px 4px;border-radius:18px;margin-top:10px;box-shadow:0 4px 18px #17132b26}
.fab button{gap:3px;padding:5px 2px;font-size:11.5px;transition:background .15s,transform .1s}
.fab button svg{width:20px;height:20px}
.fab button:not(:disabled):active{transform:scale(.95)}

/* Compact lead cards (leads list) */
.lks{gap:10px}
.lk{gap:10px;border-radius:16px;padding:10px 12px}
.lkc{width:16px;height:16px;border-radius:4px}
.lkav{width:38px;height:38px;font-size:13px}
.lkto{gap:6px}
.lkto b{font-size:14.5px;line-height:1.25}
.lkto .stp{font-size:11px;padding:2px 9px}
.lksub{font-size:12.5px;margin-top:1px}
.lkbt{margin-top:5px;gap:6px}
.lkmeta{font-size:12px;gap:5px}
.lkmeta svg{width:15px;height:15px}
.lkact{gap:4px}
.lkib{width:30px;height:30px;border-width:1.5px}
.lkib svg{width:16px;height:16px}
.lkmenu{right:12px;bottom:48px;min-width:180px}
.lkmenu button{font-size:14.5px;padding:10px 12px}

/* Compact dashboard rows (Recent leads, Needs attention) */
.li.lis{gap:10px;padding:8px 0}
.li.lis .av{width:34px;height:34px;border-radius:10px;font-size:13px}
.li.lis b{font-size:14px;line-height:1.25}
.li.lis .k{font-size:11.5px}
.li.lis .tag{font-size:11px;padding:2px 8px}
.li.lis select{font-size:13px;padding:6px 8px;min-height:0;border-radius:10px}

/* Dashboard: Recent leads + Needs attention */
.dxc{padding:16px}
.dxh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.dxh>div{min-width:0}.dxh h3{margin:0;font-size:17px;line-height:1.25}
.dxs{font-size:12.5px;color:var(--m);margin-top:2px;line-height:1.3}
.dxva{flex:none;border-radius:99px;padding:7px 13px;font-size:13px;background:var(--pl);color:var(--pd);white-space:nowrap}
.dxr{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--l);cursor:pointer}
.dxr:last-child{border-bottom:0;padding-bottom:2px}
.dxav{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:13px}
.dxm{flex:1;min-width:0}
.dxm b{display:block;font-size:14.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dxk{font-size:12.5px;color:var(--m);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dxe{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:45%}
.dxe .stp{font-size:11px;padding:2px 9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dxt{font-size:11.5px;color:var(--m)}
.dxas{position:relative;flex:none;display:inline-flex;align-items:center;gap:4px;padding:6px 13px;border-radius:99px;background:var(--pl);color:var(--p);font-size:13px;font-weight:600;cursor:pointer}
.dxas select{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;padding:0;border:0;cursor:pointer;font-size:16px}
.dxas:focus-within{outline:3px solid var(--p);outline-offset:2px}

/* Drawer: coloured integration icons sit on a white chip when the item is active (purple) */
#drb .it.on svg.icm{background:#fff;border-radius:7px;padding:2px;box-sizing:content-box}

/* Website Forms */
.wbc{padding:14px;cursor:pointer}
.wbk{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:14.5px}
.wbk>span:first-child{flex:none;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m)}
.wbk b{font-weight:600;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis}
.wbt{display:flex;gap:2px;border-bottom:1px solid var(--l);margin:6px 0 14px;overflow-x:auto;scrollbar-width:none}.wbt::-webkit-scrollbar{display:none}
.wbt button{flex:none;background:none;color:var(--m);border-radius:0;padding:11px 14px;font-size:14.5px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px}
.wbt button.on{color:var(--p);border-color:var(--p)}
.wbl{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m);margin:12px 0 6px}
.wbf{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--l)}
.wbfm{flex:1;min-width:0}.wbfm b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wbfa{display:flex;gap:4px;flex:none}
.wbfa button{width:32px;height:32px;padding:0;border-radius:10px;font-size:14px}.wbfa button:disabled{opacity:.35}
.wbic{display:flex;flex-wrap:wrap;gap:8px}
.wbic button{width:44px;height:44px;padding:0;border-radius:12px;background:var(--c);border:1px solid var(--l);font-size:20px;color:var(--t)}
.wbic button.on{border-color:var(--p);background:var(--pl);box-shadow:0 0 0 3px var(--pl)}
.wbcol{height:46px;padding:4px;cursor:pointer;max-width:110px}
.wbn{font-size:34px;font-weight:800;line-height:1.1;margin-top:4px}
.wbpv{padding:16px;background:var(--bg)}
.card textarea{width:100%;padding:11px 12px;border:1px solid var(--l);border-radius:12px;background:var(--c);color:var(--t);font:inherit;margin-bottom:8px}
.wbs{padding:14px}.wbp b{white-space:normal;text-align:right;word-break:break-word}

/* ---- My Account + toast ---- */
.achd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.achd h2{margin:0}
.actr{display:inline-flex;gap:6px;background:var(--pl);color:var(--p);border:1px solid var(--p);font-weight:700;letter-spacing:.04em;font-size:13px;padding:6px 14px;border-radius:99px}
.card.ac{padding:22px 20px}.ac h3{font-size:22px;margin:0 0 10px}.ac .acs{color:var(--m);font-size:15px;line-height:1.5;margin-bottom:16px}
.ac .aclb{display:block;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--m);margin:16px 0 6px}
.ac input:not([type=checkbox]){padding:14px;border-radius:14px;margin-bottom:6px;font-size:16px}.ac input[readonly]{opacity:.8}
.ac .ach{font-size:13px;line-height:1.4;margin-bottom:4px}
.acbt{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.ac button.acb2,button.acb2{background:var(--c);color:var(--t);border:1px solid var(--l)}
.acn{background:var(--bg);border:1px solid var(--l);border-radius:18px;padding:16px;margin-bottom:16px}
.acb{font-size:14px;font-weight:600;padding:6px 14px;border-radius:99px;background:var(--l);color:var(--m);white-space:nowrap}
.acb.bad{background:#fde3e6;color:var(--bad)}.acb.ok{background:#d8f5e8;color:var(--ok)}
.acol{margin:0;padding-left:22px;color:var(--m);font-size:15px;line-height:1.5}.acol li{margin-bottom:6px}
.acck{display:flex;align-items:center;gap:12px;margin:4px 0 16px;cursor:pointer;font-size:16px}
.acck input{width:24px;height:24px;margin:0;padding:0;accent-color:var(--p);flex:none}
#toasts{position:fixed;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.toast{pointer-events:auto;background:#17132b;color:#fff;padding:12px 16px;border-radius:14px;box-shadow:0 8px 28px #0005;font-weight:600;max-width:420px;animation:tin .25s}
@keyframes tin{from{opacity:0;transform:translateY(-10px)}}

/* ---- Pipeline cards (compact) ---- */
.card.pc{padding:10px 12px;margin-bottom:8px;border-left:4px solid var(--p)}.card.pc.w{border-left-color:var(--ok)}.card.pc.l{border-left-color:var(--m)}
.pch{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}
.pcav{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none;border:1.5px solid #0000001a}
.pcnm{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.pcn{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcsub{font-size:12px;color:var(--m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcv{font-size:16px;color:#a8670a;flex:none}
.pcr2{display:flex;gap:8px;align-items:center;margin:6px 0}
.pcr2 select{margin:0;flex:1;min-width:0;height:34px;padding:0 10px;font-size:14px;font-weight:600;border-radius:10px;background:var(--bg)}
.pcfu{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px;border-radius:10px;background:var(--pl);color:var(--p);font-size:13px;font-weight:600;white-space:nowrap}
.pcfu.od{background:#fde3e6;color:var(--bad)}.pcfu.none{background:var(--bg);color:var(--m);border:1px dashed var(--l)}
.pcac{display:flex;gap:6px}
.pcib{flex:1;min-width:0;height:32px;padding:0;border-radius:10px;display:grid;place-items:center;background:var(--c);color:var(--p);border:1.5px solid var(--l)}
.pcib.wa{color:#1fa855;border-color:#bfe8d1}.pcib:disabled{opacity:.4}.pctot{margin:-2px 0 6px}
@media(prefers-color-scheme:dark){.pcfu.od{background:#4a1d26}.pcv{color:#f5c469}.pcib.wa{border-color:#1d4a35}}

/* ---- My Work: Tasks & Calendar ---- */
.tkh{margin-bottom:8px;gap:8px}.tkh h2{margin:0;font-size:18px;min-width:0}
.tkh>button{flex:none;border-radius:99px;padding:7px 13px;font-size:13px;white-space:nowrap}
.tks{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.tks>div{background:var(--c);border-radius:14px;padding:6px 2px;text-align:center;box-shadow:0 1px 3px #7c3fe010,0 6px 18px #7c3fe00d}
.tks b{display:block;font-size:19px;line-height:1.1}.tks span{font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--m)}
.tks .so b{color:var(--p)}.tks .st b{color:#c26a00}.tks .sv b{color:var(--bad)}.tks .sd b{color:var(--ok)}
.tkseg{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--c);border:1px solid var(--l);border-radius:14px;padding:3px;margin-bottom:8px}
.tkseg button{background:none;color:var(--m);border-radius:11px;padding:7px 8px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}
.tkseg button.on{background:var(--p);color:#fff;box-shadow:0 3px 8px #7c3fe040}
.tkf{gap:6px;padding-bottom:6px}.tkf .chip{padding:5px 11px;font-size:13px}
.tkf .chip.on{background:var(--p);color:#fff;border-color:var(--p)}
.card.tk{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;margin-bottom:7px;border-radius:16px;border-left:4px solid var(--l)}
.card.tk.ph{border-left-color:var(--bad)}.card.tk.pm{border-left-color:#e0a020}.card.tk.pl{border-left-color:var(--ok)}.card.tk.dn{opacity:.65}
.tkcb{width:21px;height:21px;margin:0;padding:0;flex:none;accent-color:var(--p)}
.tkb{flex:1;min-width:0}.tkti{font-weight:700;font-size:14px;line-height:1.3;overflow-wrap:anywhere}.card.tk.dn .tkti{text-decoration:line-through}
.tkm{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:4px}.tkm .k{font-size:11px}
.tkp{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--bg);color:var(--m);white-space:nowrap}
.tkp.up{background:#e3f4ea;color:var(--ok)}.tkp.td{background:#fff0d6;color:#a8670a}.tkp.od{background:#fde3e6;color:var(--bad)}
.tkp.prh{background:#fde3e6;color:var(--bad)}.tkp.prm{background:#fff0d6;color:#a8670a}.tkp.prl{background:#e3f4ea;color:var(--ok)}
.tkp.ld{background:var(--pl);color:var(--p);cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.tkn{font-size:12px;color:var(--m);margin-top:4px;overflow-wrap:anywhere}
.tka{display:flex;gap:5px;flex:none}.tka button{width:30px;height:30px;padding:0;border-radius:9px;display:grid;place-items:center;background:var(--bg);color:var(--m)}
.tkcal{background:var(--c);border-radius:16px;overflow:hidden;margin-bottom:10px;box-shadow:0 1px 3px #7c3fe010,0 6px 18px #7c3fe00d}
.tkch{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:linear-gradient(135deg,var(--p),var(--pd));color:#fff}
.tkch b{font-size:16px}.tkch button{width:34px;height:30px;padding:0;background:#fff3;border-radius:9px;font-size:18px;line-height:1}
.tkw,.tkg{display:grid;grid-template-columns:repeat(7,1fr)}
.tkw span{text-align:center;font-size:10.5px;font-weight:700;color:var(--m);padding:6px 0;letter-spacing:.03em}
.tkg{border-top:1px solid var(--l)}
.tkd{min-height:42px;min-width:0;background:none;color:var(--t);border-radius:0;border-right:1px solid var(--l);border-bottom:1px solid var(--l);padding:5px 0 4px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13.5px;font-weight:500}
.tkd:nth-child(7n){border-right:0}.tkd.o{color:var(--m);opacity:.55}
.tkd.t{background:var(--pl);color:var(--p);font-weight:700}.tkd.s{background:var(--p);color:#fff;font-weight:700;opacity:1}
.tkdots{display:flex;gap:2px;height:5px}.tkdots i{width:5px;height:5px;border-radius:50%;background:var(--p)}
.tkdots i.od{background:var(--bad)}.tkd.s .tkdots i{background:#fff}
.tkdh{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--m);margin:2px 2px 7px}
.nl textarea.tkta{margin:0;border-radius:14px;padding:13px 14px;min-height:84px;font-size:16px;resize:vertical}
.nl textarea.tkta:focus{outline:0;border-color:var(--p);box-shadow:0 0 0 4px var(--pl)}
@media(prefers-color-scheme:dark){.tkp.up,.tkp.prl{background:#17382b}.tkp.td,.tkp.prm{background:#46361a;color:#f5c469}.tkp.od,.tkp.prh{background:#4a1d26}.tks .st b{color:#f5c469}}
/* Cal.com bookings: badge, Join button, calendar dot */
.tkp.calb{background:#111827;color:#fff}.tkp.join{background:var(--p);color:#fff;text-decoration:none;cursor:pointer}
.tkdots i.cal{background:#0d9488}
@media(prefers-color-scheme:dark){.tkp.calb{background:#374151}}
/* WhatsApp template button on the lead screen: full width under the other actions */
.acts .ab.wt{grid-column:1/-1}
/* Products & Services: list page, add/edit sheet, and products on a lead */
.wb{background:var(--c);color:var(--t);border:1px solid var(--l)}.wb:disabled{opacity:.55;cursor:default}
.pgr{background:linear-gradient(135deg,#8b4df0,#5b21b6);color:#fff}
.pbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:16px;font-size:16px}
.pfull{width:100%;margin-bottom:8px;min-height:44px;font-size:15px;border-radius:14px}
.pin{font-size:13px;line-height:1.4;margin:0 0 10px}
.pio{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.pio>*{min-width:0}.pio .pbtn{min-height:40px;font-size:14px;border-radius:14px;gap:6px}
.psr{margin-bottom:8px;padding-top:10px;padding-bottom:10px;font-size:15px}
.pcat{max-width:100%;border-radius:14px;padding:9px 14px;min-height:42px;font-size:15px;margin-bottom:8px}
.pseg{background:var(--bg);border:1px solid var(--l);padding:4px;margin-bottom:10px;border-radius:16px}.pseg .sg{flex:1;min-width:0;justify-content:center;white-space:nowrap;padding:8px 6px;font-size:13.5px;border-radius:12px}.pseg .sg.on{background:var(--c);color:var(--t);box-shadow:0 1px 4px #17132b14}
.pcd{padding:12px 14px;margin-bottom:8px;border-radius:18px}.pcd.off{opacity:.6}
.pnm{display:block;font-size:16px;line-height:1.25;overflow-wrap:anywhere;margin-bottom:4px}.pcd .tag{font-size:11.5px;padding:2px 9px}
.ppr{margin:8px 0;padding-bottom:8px;border-bottom:1px solid var(--l);font-size:13px;line-height:1.35}
.ppr>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:2px 0}
.ppr b{font-size:16px;font-weight:800}.ppr .pu{font-size:13px;font-weight:600;color:var(--m)}.ppr .pn2{display:block;font-size:13px;color:var(--m);margin:0}.ppr .k{font-size:12px;margin-top:2px}
.pft{gap:8px}.pft .k{font-size:13px}.pft .wb{min-height:36px;padding:0 14px;border-radius:12px;font-size:14px;gap:6px}
.pft2{text-align:center;font-size:13px;margin:4px 0 6px}
.pem{text-align:center;padding:22px 16px}.pem h3{font-size:19px;margin:12px 0 6px}.pem p{font-size:14px;line-height:1.45;margin:0 0 14px}.pem .pbtn{padding:0 22px;min-height:44px;font-size:15px;border-radius:14px}
.pei{width:56px;height:56px;border-radius:18px;background:var(--pl);color:var(--p);display:grid;place-items:center;margin:0 auto}
.nl .ph3{font-size:20px;font-weight:700;margin:20px 0 4px}.nl .pps{font-size:14px;line-height:1.45;margin:0 0 12px}
.nl .prc{background:var(--c);background:color-mix(in srgb,var(--pl) 35%,var(--c));border:1px solid var(--l);border-radius:18px;padding:12px;margin-bottom:10px}
.nl .prc input,.nl .prc select,.nl .prc .two{margin-bottom:10px}.nl .prc .two input{margin-bottom:0}.nl .prc input:disabled{opacity:.5}
.nl .pck{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.35;color:var(--m);cursor:pointer}
.nl .pck input{width:22px;height:22px;min-height:0;padding:0;margin:1px 0 0;flex:none;accent-color:var(--p)}
.nl .prc>button.g{width:100%;margin-top:10px}.nl .padd{margin:0 0 16px}
.nl .psw{border-top:1px solid var(--l);margin-top:16px;padding-top:14px;gap:14px}.nl .psw b{font-size:20px}.nl .psw .k{font-size:14px;line-height:1.4;margin-top:4px}
.nl .pdl{margin-top:16px;padding:0 18px}
.nl textarea.bad{border-color:var(--bad);box-shadow:0 0 0 4px #d03b4f1f}
.lpr{padding:12px;margin:8px 0;box-shadow:none;border:1px solid var(--l)}.lpr .ib{width:34px;height:34px}
.ptt{font-size:18px}

/* ===== Invoices module (scoped: .iv, .ivd) ===== */
.iv h3{font-size:18px;margin:0 0 12px}.iv h2{margin:0}.iv *{min-width:0}
.iv input,.iv select,.iv textarea{max-width:100%}.iv .fld label{overflow-wrap:anywhere}
.iv button{min-height:40px}.iv .up{text-transform:uppercase}.iv .up::placeholder{text-transform:none}
.iv-hd{display:flex;align-items:center;gap:12px;margin:2px 0 12px}.iv-hd h2{font-size:22px;flex:1}
.iv-sv{width:100%;min-height:46px;margin-bottom:12px}
.iv-t{font-size:22px;margin:2px 0 10px}.iv-bk{width:100%;margin-bottom:10px}.iv-ds,.iv-h{line-height:1.45;margin:2px 0 12px}.iv-h{margin:6px 0 0}
.iv .t2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.iv input[type=date]{font-size:15px;padding:12px 8px 12px 12px;min-width:0;width:100%}
@media(max-width:359px){.iv .t2.c{grid-template-columns:minmax(0,1fr)}.iv-w{display:none}}
.iv-fm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.iv-fm button{min-height:46px;padding:8px 6px;font-size:14px}
.iv-lk{display:flex;align-items:center;gap:8px;justify-content:space-between;background:var(--pl);color:var(--p);border-radius:14px;padding:6px 6px 6px 14px;font-weight:600}.iv-lk span{overflow-wrap:anywhere}.iv-lk button{flex:none;width:40px;padding:0}
.iv-lr{display:flex;flex-direction:column;gap:6px;margin-top:6px}.iv-lr:empty{display:none}
.iv-lr button{text-align:left;background:var(--bg);color:var(--t);border:1px solid var(--l);padding:8px 12px;border-radius:12px;font-weight:500;overflow-wrap:anywhere}
.iv-lr button span{display:block;font-size:12px;color:var(--m)}.iv-lr .k{padding:6px 4px}
.iv-li{background:var(--bg);border:1px solid var(--l);border-radius:18px;padding:12px;margin-bottom:10px}
.iv-lh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.iv-lh label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--m);margin:0 0 0 4px}
.iv-lh button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px;white-space:nowrap;flex:none}
.iv-hn{margin:-4px 0 10px 4px;color:var(--p)}
.iv-am{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 10px}.iv-am b{font-size:18px}
.iv-ab{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.iv-ab button{padding:6px 4px;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px}.iv-ab button:disabled{opacity:.45}.iv-ab .rm{color:var(--bad)}
.iv-add{width:100%}
.iv-bt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 10px}.iv-bt button{min-height:44px;padding:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.iv-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.iv-sc{background:var(--c);border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:2px;box-shadow:0 1px 3px #7c3fe010,0 6px 18px #7c3fe00d}
.iv-sc .k{font-size:10px;font-weight:700;letter-spacing:.03em;overflow-wrap:anywhere;text-transform:uppercase;line-height:1.2;min-height:2.4em}.iv-sc b{font-size:clamp(14px,4.6vw,18px);line-height:1.2;white-space:nowrap}.iv-sc .k.n{text-transform:none;font-weight:500;font-size:11px;min-height:0;letter-spacing:0}
.iv-fl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.iv-fl select{margin:0;min-height:44px;padding:8px 10px;text-overflow:ellipsis}
.iv-cd{background:var(--c);border-radius:16px;padding:10px 12px;margin-bottom:8px;cursor:pointer;display:flex;flex-direction:column;gap:3px;box-shadow:0 1px 3px #7c3fe010;min-height:64px;justify-content:center}
.iv-r1,.iv-r2{display:flex;align-items:center;justify-content:space-between;gap:8px}.iv-r1 .l{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.iv-r1 b{overflow-wrap:anywhere}.iv-r1 .a{flex:none}
.iv-cl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.iv-pill{flex:none;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px;background:#ece9f5;color:#5d5878}
.iv-pill.unpaid{background:#fdf0cf;color:#a8670a}.iv-pill.over{background:#fde3e6;color:var(--bad)}.iv-pill.paid{background:#d8f5e8;color:var(--ok)}
@media(prefers-color-scheme:dark){.iv-pill{background:#2b2640;color:#c9c3e0}.iv-pill.unpaid{background:#4a3a14;color:#f5c469}.iv-pill.over{background:#4a1d26;color:#ff9aa8}.iv-pill.paid{background:#12372a;color:#6fe0ac}}
.iv-vb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;align-items:center}.iv-vb button{min-height:40px;padding:8px 12px}
.iv-lgb{display:grid;place-items:center;height:76px;max-width:200px;border:1px dashed var(--l);border-radius:14px;color:var(--m);background:var(--bg);overflow:hidden;margin-bottom:10px}.iv-lgb img{max-width:100%;max-height:72px;object-fit:contain}
.iv-lga{display:flex;gap:8px;flex-wrap:wrap}.iv-up{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:12px;background:var(--pl);color:var(--p);font-weight:700;cursor:pointer;margin:0!important;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.iv-tg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.iv-tp{background:var(--c);color:var(--t);border:2px solid var(--l);border-radius:14px;padding:8px;text-align:left;min-height:84px;display:flex;flex-direction:column;gap:6px}.iv-tp.on{border-color:var(--ia,var(--p));box-shadow:0 0 0 3px var(--pl)}.iv-tp b{font-size:13px}
.iv-tp .sk{display:block;background:#fff;border:1px solid var(--l);border-radius:8px;padding:5px;overflow:hidden}.iv-tp .sk i{display:block;height:4px;border-radius:3px;margin-bottom:4px;background:#e2e0ee}
.iv-tp .sk i.b{height:2px;background:var(--ia,var(--p));margin:0 0 5px}.iv-tp .sk i.l{height:5px;background:var(--ia,var(--p))}.iv-tp .sk i.g2{width:60%}.iv-tp .sk i.t{width:50%;height:2px;margin:6px 0 0 auto;background:var(--ia,var(--p))}
.iv-tp.t-modern .sk i.b,.iv-tp.t-bold .sk i.b{height:9px;margin:-5px -5px 5px;border-radius:0}.iv-tp.t-minimal .sk i.l{background:none;border:1.5px solid var(--ia,var(--p));height:6px}.iv-tp.t-bold .sk i.t{height:8px;border-radius:3px}
.iv-sws{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.iv-sw{width:40px;height:40px;padding:0;border-radius:50%;border:3px solid var(--c);box-shadow:0 0 0 1px var(--l)}.iv-sw.on{box-shadow:0 0 0 3px var(--t)}
.iv-cu{display:flex;align-items:center;gap:10px}.iv-cu input[type=color]{width:48px;min-height:40px;height:40px;padding:2px;flex:none;border-radius:10px}.iv-cu input.ivf{flex:1;font-family:ui-monospace,Menlo,monospace}
.iv-ss{width:100%;min-height:46px;margin-bottom:6px}.iv-ss:disabled{opacity:.55;cursor:default}
.iv-pr{width:100%;text-align:left;background:var(--c);color:var(--t);border:1px solid var(--l);border-radius:14px;padding:10px 12px;margin-bottom:8px;font-weight:500;display:block;overflow-wrap:anywhere}.iv-pr span{display:block;font-size:12.5px;color:var(--m)}
/* invoice document (always a white sheet, also in dark mode and print) */
.ivd{--ia:#4f3fe0;background:#fff;color:#17132b;border:1px solid var(--l);border-radius:14px;padding:16px;font-size:13px;line-height:1.4;overflow:hidden;text-align:left}
.ivd *{min-width:0}.ivd .m{color:#6b6784;font-size:12px;overflow-wrap:anywhere}.ivd .h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.ivd .bz{flex:1;min-width:0}.ivd .bz>b{font-size:16px;display:block;overflow-wrap:anywhere}.ivd .lg{max-width:150px;max-height:56px;object-fit:contain;display:block;margin-bottom:6px}
.ivd .tt{text-align:right;flex:none;max-width:46%;overflow-wrap:anywhere}.ivd .tt h4{margin:0 0 2px;font-size:16px;letter-spacing:.03em;color:var(--ia)}
.ivd .rl{height:2px;background:var(--ia);margin:12px 0}.ivd .bt{margin-bottom:8px;overflow-wrap:anywhere}.ivd .bt>b{display:block}
.ivd .tb{width:100%;border-collapse:collapse;margin:10px 0;table-layout:auto}.ivd .tb th{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:6px 4px;background:#f3f3f9;color:#4b4766}
.ivd .tb td{padding:6px 4px;border-bottom:1px solid #e5e3f0;vertical-align:top;overflow-wrap:anywhere}.ivd .tb .r{text-align:right;white-space:nowrap}
.ivd .tl{margin-left:auto;width:min(100%,270px)}.ivd .tl>div{display:flex;justify-content:space-between;gap:10px;padding:3px 0}
.ivd .tl .gt{border-top:2px solid var(--ia);margin-top:3px;padding-top:6px;font-size:15px;font-weight:700}
.ivd .nt{margin-top:10px;overflow-wrap:anywhere;white-space:pre-line}
.ivd.t-modern .h,.ivd.t-bold .h{background:var(--ia);color:#fff;margin:-16px -16px 12px;padding:14px 16px}.ivd.t-modern .h .m,.ivd.t-bold .h .m{color:#ffffffd0}.ivd.t-modern .tt h4,.ivd.t-bold .tt h4{color:#fff}
.ivd.t-modern .rl,.ivd.t-bold .rl{display:none}.ivd.t-bold .tb th{background:var(--ia);color:#fff}.ivd.t-bold .tl .gt{background:var(--ia);color:#fff;border:0;padding:7px 8px;border-radius:8px}
.ivd.t-minimal .rl{height:1px;background:#cfcde0}.ivd.t-minimal .tt h4{display:inline-block;color:#17132b;font-weight:600;border:1.5px solid var(--ia);border-radius:6px;padding:2px 8px}
.ivd.t-minimal .tb th{background:none;border-bottom:1px solid var(--ia)}.ivd.t-minimal .tl .gt{border-top:1px solid var(--ia)}
@media print{.ivd{border:0;border-radius:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ivd *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.iv-hd button{flex:none}
@media(max-width:359px){.iv-sc{padding:8px}.iv-sc .k{font-size:9px;letter-spacing:0}.iv-sc .k.n{font-size:10px}}
/* lead card > Invoices tab */
.iv-lt .iv-ln{width:100%;min-height:44px;margin-bottom:10px}
.iv-lt .iv-cd{border:1px solid var(--l);box-shadow:none}
.iv-lt .iv-r2 .k{font-size:12.5px}
.iv-la{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.iv-la button{min-height:36px;padding:6px 12px;font-size:13px}
/* lead card: green avatar + green current stage when the lead is Won, and the 1s confetti */
.lc.won .lav{background:linear-gradient(135deg,#34c38f,#0f8a5f);box-shadow:0 10px 22px #1fa87240}
.lc.won .stg.cur{background:linear-gradient(135deg,#34c38f,#0f8a5f);box-shadow:0 6px 14px #1fa87240}
.lc.lost .lav{background:linear-gradient(135deg,#ec6a7c,#c12d44);box-shadow:0 10px 22px #d03b4f40}
.lc.lost .stg.cur{background:linear-gradient(135deg,#ec6a7c,#c12d44);box-shadow:0 6px 14px #d03b4f40}
.cfx{position:fixed;width:0;height:0;pointer-events:none;z-index:9999}
.cfx i{position:absolute;left:0;top:0;width:7px;height:11px;border-radius:2px;opacity:0;animation:cfx 1s ease-out forwards}
.cfx i.rd{width:8px;height:8px;border-radius:50%}
@keyframes cfx{0%{opacity:1;transform:translate(0,0) rotate(0)}45%{opacity:1;transform:translate(var(--x),var(--y1)) rotate(calc(var(--r)/2))}100%{opacity:0;transform:translate(calc(var(--x)*1.1),var(--y2)) rotate(var(--r))}}
/* lead card: three-dot menu and read-only details */
.lcw{position:relative;flex:none}
.lcm{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:7;min-width:170px;background:var(--c);border:1px solid var(--l);border-radius:16px;box-shadow:0 8px 28px #17132b33;padding:6px}
.lcm.on{display:block}
.lcm button{display:block;width:100%;text-align:left;background:none;color:var(--t);font-size:15px;padding:11px 14px;border-radius:10px}
.lcm button:hover{background:var(--pl)}.lcm button.del{color:var(--bad)}
.lcd input:disabled,.lcd select:disabled{opacity:1;color:var(--t);background:var(--bg);border-color:transparent}

/* ===== Phone input with country flag + code ===== */
.ph{display:flex;align-items:center;border:1px solid var(--l);border-radius:14px;background:var(--c);min-height:48px;margin-bottom:8px;transition:border-color .15s,box-shadow .15s}
.nl .ph{margin:0}
.ph:focus-within{border-color:var(--p);box-shadow:0 0 0 4px var(--pl)}
.ph:has(input.bad){border-color:var(--bad);box-shadow:0 0 0 4px #d03b4f1f}
.ph .phb{display:flex;align-items:center;gap:4px;align-self:stretch;margin:0;padding:0 2px 0 12px;border:0;border-radius:14px 0 0 14px;background:none;color:var(--m);font-weight:400;cursor:pointer}
.ph .phb:disabled{cursor:default;opacity:.6}
.ph .phd{padding:0 4px 0 6px;font-size:16px;color:var(--t);white-space:nowrap}
.ph input.phi{flex:1;min-width:0;width:auto;margin:0;padding:13px 12px 13px 0;min-height:46px;border:0!important;box-shadow:none!important;background:transparent;border-radius:0 14px 14px 0}
.ph input.phi:focus-visible{outline:0}
.phf{font-size:22px;line-height:1;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}
.phdd{position:fixed;z-index:10000;display:flex;flex-direction:column;overflow:hidden;background:var(--c);color:var(--t);border:1px solid var(--l);border-radius:14px;box-shadow:0 12px 40px #0004}
.phdd .phs{display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--l);color:var(--m)}
.phdd .phs input{flex:1;min-width:0;margin:0;padding:14px 0;min-height:48px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:16px}
.phdd .phs input:focus-visible{outline:0}
.phdd .phl{flex:1;overflow-y:auto;position:relative;padding:6px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.phdd .pho{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:11px 12px;border:0;border-radius:10px;background:none;color:var(--t);font-size:16px;font-weight:400;text-align:left}
.phdd .pho:hover,.phdd .pho.on{background:var(--pl)}
.phdd .phn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phdd .phk{color:var(--m);font-size:15px}
.phdd .phe{padding:18px;text-align:center;color:var(--m)}

/* payment details: one row per item */
.ivd .pd{white-space:normal}.ivd .pd>b{display:block;margin-bottom:3px}.ivd .pr{display:flex;gap:8px;padding:1px 0}.ivd .pr span{flex:none;width:68px;font-weight:600;color:#4b4766}
/* larger text when printing / saving as PDF */
@media print{.ivd{font-size:15.5px;padding:8px}.ivd .m{font-size:14px}.ivd .bz>b{font-size:20px}.ivd .tt h4{font-size:20px}.ivd .tb th{font-size:12.5px}.ivd .tb td{padding:8px 5px}.ivd .tl{width:min(100%,330px)}.ivd .tl .gt{font-size:18px}.ivd .pr span{width:84px}}

/* ===== Reports (Insights & Money) ===== */
.rp-sub{margin:-2px 2px 14px;font-size:14px;line-height:1.5}
.rp-hero{background:linear-gradient(135deg,#8b5cf0,#7c3fe0 45%,#4c1d95);color:#fff;border-radius:26px;padding:20px;margin-bottom:14px;box-shadow:0 10px 26px #7c3fe038}
.rp-hero h3{font-size:22px;margin:0 0 6px;color:#fff}.rp-hero p{margin:0 0 16px;font-size:14px;line-height:1.5;opacity:.93}
.rp-hero select,.rp-hero input{background:#fff;color:#17132b;border:0;margin:0 0 10px;width:auto;min-width:160px;max-width:100%;display:block;color-scheme:light}
.rp-dr{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.rp-dr input{margin:0;min-width:0;flex:1 1 140px}.rp-dr span{font-size:13px;opacity:.9}
.rp-er{background:#fff2;border-radius:12px;padding:8px 12px;font-size:13px;margin:0 0 10px}
button.rp-dl{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--p);padding:13px 20px;border-radius:16px;font-weight:700}.rp-dl:disabled{opacity:.7;cursor:progress}
.rp-tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--l);margin:0 -16px 14px;padding:0 12px;position:relative;scrollbar-width:none;-webkit-overflow-scrolling:touch}.rp-tabs::-webkit-scrollbar{display:none}
button.rpt{background:none;color:var(--m);border-radius:0;padding:13px 14px;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px;font-weight:600}
button.rpt.on{color:var(--p);border-bottom-color:var(--p)}
button.rp-f{width:100%;background:var(--c);color:var(--t);border:1px solid var(--l);display:flex;gap:8px;align-items:center;justify-content:center;padding:14px;border-radius:16px;margin-bottom:10px}
.rp-sv{border-radius:16px;padding:14px;margin-bottom:12px}.rp-fp{padding:14px}.rp-fp .k{margin:4px 0 4px 2px}.rp-fp .row button{flex:1 1 120px}
.rp-kg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.rp-kg.w{grid-template-columns:repeat(3,1fr)}
.rp-k{background:var(--c);border:1px solid var(--l);border-radius:22px;padding:16px;min-width:0}
.rp-i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;margin-bottom:12px}
.rp-kl{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--m)}
.rp-kv{font-size:26px;font-weight:800;margin-top:4px;line-height:1.15;overflow-wrap:anywhere}.rp-ks{font-size:12px;color:var(--m);margin-top:4px;overflow-wrap:anywhere}
.rp-c h3{font-size:18px;margin-bottom:12px}
.rp-ex{display:flex;gap:8px;margin-bottom:12px}.rp-ex>*{flex:1;margin:0;min-width:0}
.rp-ex button{background:var(--c);color:var(--t);border:1px solid var(--l);display:flex;gap:6px;align-items:center;justify-content:center;padding:11px 8px}
.rp-ex select{flex:1.2;border-radius:12px;padding:11px 12px}
.rp-big{font-size:32px;font-weight:800;line-height:1.1;margin:4px 0 2px}
.rp-bl{margin:12px 0}.rp-bt{display:flex;justify-content:space-between;gap:10px}.rp-bt span{overflow-wrap:anywhere}.rp-bt b{white-space:nowrap}
.rp-bb{height:10px;background:var(--bg);border-radius:9px;overflow:hidden;margin-top:7px}.rp-bb i{display:block;height:100%;border-radius:9px}
.rp-m{border:1px solid var(--l);border-radius:18px;padding:8px 16px;margin-top:12px}
.rp-r{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:9px 0}
.rp-r span{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--m)}.rp-r b{font-weight:600;text-align:right;overflow-wrap:anywhere}
.rp-r.h b{font-weight:800;font-size:17px}
.rp-msg{text-align:center;color:var(--m);padding:30px 12px}
/* PDF look (rendered off-screen, always light) */
#rpx .rp-pc{border:1px solid var(--l);border-radius:16px;padding:16px;margin:6px 0}#rpx .rp-kg{margin:8px 0}
.rp-gh{font-size:20px;font-weight:800;color:var(--p);margin:14px 2px 6px}
.rp-ph{background:linear-gradient(135deg,#8b5cf0,#4c1d95);color:#fff;border-radius:18px;padding:22px;margin-bottom:6px}.rp-ph .k{color:#e9defc;font-size:13px}
.rp-pn{opacity:.85;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.rp-pt1{font-size:28px;font-weight:800;margin:4px 0 8px}
@media(max-width:380px){.rp-kv{font-size:22px}.rp-kg{gap:10px}}
/* ---- Billing & plan ---- */
.trial.w{background:#fff4dc;color:#7a4b00}.trial.x{background:#fde8ea;color:#9b1c2e}
.bl-cur h3{margin:0 0 6px;font-size:22px}.bl-t{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--pl);color:var(--p);vertical-align:middle;margin-left:8px}
.bl-t.ok{background:#e3f6ee;color:var(--ok)}.bl-t.w{background:#fff4dc;color:#7a4b00}.bl-t.x{background:#fde8ea;color:var(--bad)}
.bl-u{margin-top:12px}.bl-u .row{font-size:14px;margin-bottom:6px}
.bl-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.bl-acts .pbtn{width:100%;font-size:15px}
.bl-pc{border:1px solid var(--l);border-radius:22px;padding:20px;margin:14px 0 0;background:var(--c)}.bl-pc.cur{border-color:var(--p)}
.bl-pc h4{margin:0;font-size:24px}.bl-pr{font-size:40px;font-weight:800;margin:12px 0 14px;letter-spacing:-.02em}.bl-pr small{font-size:16px;font-weight:500;color:var(--m);letter-spacing:0}
.bl-pc ul{list-style:none;margin:0 0 18px;padding:0}.bl-pc li{display:flex;gap:12px;padding:6px 0;font-size:17px}.bl-pc li:before{content:"✓";color:var(--ok);font-weight:700}
.bl-pc .pbtn{width:100%}
.bl-r{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--l);font-size:15px}.bl-r.tt{font-size:20px;font-weight:800;border-bottom:0}
.bl-stp{display:flex;align-items:center;gap:14px;margin:8px 0 14px}.bl-stp b{min-width:32px;text-align:center;font-size:20px}.bl-stp button{width:48px;height:48px;font-size:22px;padding:0;justify-content:center}
.bl-seg{margin:6px 0 12px}.bl-er{color:var(--bad);font-size:14px;line-height:1.45;margin:10px 0}
.bl-h{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--l)}