/* Vego · base.css — shared look: colours, layout, top bar, sheets, buttons, cards, heroes, sign-in, tour, bottom bar, dark mode. Split from app.css (2.77.8); load order: base, crm, docs, accounts, projects. */
:root{
  --shadow:0 1px 0 rgba(16,48,47,.06);
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:inherit}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--ink);line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.num{font-variant-numeric:tabular-nums}

/* top bar */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;}
.topin{max-width:1100px;margin:0 auto;display:flex;align-items:center;}


.sync{margin-inline-start:auto;font-size:12px;display:flex;align-items:center;gap:6px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}
nav.tabs{display:none;gap:4px}
nav.tabs button,.bnav button{border:0;background:none;padding:8px 12px;border-radius:8px;color:var(--ink2);font-weight:600}

main{max-width:1100px;margin:0 auto;padding:16px 16px 110px}

.sub{margin:0 0 12px}

/* bottom nav (mobile) */
.bnav{position:fixed;z-index:20;border-top:1px solid var(--line);display:flex;padding-bottom:env(safe-area-inset-bottom,0px)}
.bnav button{flex:1;display:flex;flex-direction:column;align-items:center;}

.fab{position:fixed;inset-inline-end:18px;z-index:21;border:0;display:flex;align-items:center}
@media (min-width:820px){
  nav.tabs{display:flex;margin-inline-start:24px}
  .bnav{display:none}
  .fab{inset-inline-end:28px}
  main{padding-bottom:60px}
}

/* lead rows */
.list{background:var(--pane);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.row{display:flex;align-items:center;border-top:1px solid var(--line);cursor:pointer;background:none;border-inline-start:0;border-inline-end:0;border-bottom:0;width:100%;text-align:start}
.row:first-child{border-top:0}
.row:hover{background:var(--glass)}
.row .main{flex:1;min-width:0}
.row .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .meta{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .side{text-align:end;font-size:13px;}
.pill{display:inline-block;border-radius:20px;background:var(--glass);color:var(--ink2);white-space:nowrap}
.due-over{color:var(--bad);font-weight:600}
.due-today{color:var(--warn);font-weight:600}
.empty{padding:22px 16px;color:var(--muted);text-align:center}
.empty button{margin-top:10px}

/* stage colors */







@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .st-New{background:#1B2C44;color:#8DB6EC}:root:not([data-theme="light"]) .st-Responded{background:#223331;color:#A9BDBB}:root:not([data-theme="light"]) .st-Site-visit{background:#2C2340;color:#C2A5EC}:root:not([data-theme="light"]) .st-Negotiation{background:#3A2719;color:#7588DA}}

/* toolbar */
.tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.tools input,.tools select{background:var(--pane);border:1px solid var(--line);border-radius:10px;padding:9px 11px;min-width:0}
.tools input{flex:1 1 220px}
.tools select{flex:1 1 130px}

/* pipeline */
.board{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}
.col{flex:0 0 260px;scroll-snap-align:start;padding:10px;display:flex;flex-direction:column;gap:8px;max-height:72vh}
.card{background:var(--pane);border:1px solid var(--line);border-radius:10px;padding:10px 11px;cursor:pointer;text-align:start;width:100%}
.card .nm{font-weight:600}
.card .meta{font-size:12.5px;color:var(--muted)}
.card .ft{display:flex;justify-content:space-between;margin-top:6px;font-size:12.5px}

/* insights */
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:700px){.kpis{grid-template-columns:repeat(5,1fr)}}
.kpi{background:var(--pane);border:1px solid var(--line);border-radius:12px;}
.kpi .v{font-size:22px;font-weight:600;letter-spacing:-.02em}
.kpi .l{font-size:13px;color:var(--muted)}
.bars{background:var(--pane);border:1px solid var(--line);border-radius:12px;padding:6px 14px 12px}
.bar{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;align-items:center;gap:10px;padding:7px 0;font-size:14px}
.bar .track{height:10px;background:var(--glass);border-radius:6px;overflow:hidden;position:relative}
.bar .fill{position:absolute;inset:0 auto 0 0;background:var(--teal);border-radius:6px}
.bar .fill.won{background:var(--brand)}
.grid2{display:grid;gap:0 18px}
@media (min-width:820px){.grid2{grid-template-columns:1fr 1fr}}
a.btn{text-decoration:none;color:inherit;display:inline-block}
.btn.pri{border-color:var(--brand)}


/* sheet */
.scrim{position:fixed;inset:0;background:rgba(8,24,23,.45);z-index:40;display:none}
.scrim.open{display:block}
.sheet{position:fixed;z-index:41;inset-inline-start:0;inset-inline-end:0;bottom:0;max-height:94%;display:none;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}
.sheet.open{display:flex;animation:up .22s ease-out}
@keyframes up{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.sheet.open{animation:none}}
@media (min-width:820px){.sheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:640px;max-height:88%;border-radius:16px}.sheet.open{animation:none}}
.shead{display:flex;align-items:center;gap:10px;padding:14px 16px;}
.shead h3{margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbody{overflow-y:auto;padding:14px 16px 20px}
.sfoot{display:flex;gap:8px;padding:12px 16px;}
.sfoot .grow{flex:1}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.f{display:flex;flex-direction:column;gap:4px;min-width:0}
.f.full{grid-column:1/-1}
.f label{font-size:13px;color:var(--ink2);font-weight:600}
.f input,.f select,.f textarea{background:var(--pane);border:1px solid var(--line);border-radius:9px;padding:9px 10px;width:100%;min-width:0}
.f textarea{min-height:70px;resize:vertical}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip[aria-pressed="true"]{border-color:var(--teal);}
.contact{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.contact a{text-decoration:none}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;background:var(--pane);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px}
.facts div span{display:block;font-size:12px;color:var(--muted)}
.log{list-style:none;margin:0;padding:0}
.log li{padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.log li:first-child{border-top:0}
.log time{display:block;font-size:12px;color:var(--muted)}
.addnote input{flex:1;background:var(--pane);border:1px solid var(--line);border-radius:9px;padding:9px 10px;min-width:0}
.toast{position:fixed;display:none;}
.badge{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px;margin-inline-start:6px;vertical-align:2px}
.viewtoggle{display:inline-flex;border:1px solid var(--line);overflow:hidden;background:var(--pane)}
.viewtoggle button{border:0;background:none;padding:8px 12px;font-weight:600;color:var(--ink2)}
.headrow{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.headrow > div:first-child{flex:1;min-width:200px}
.tablewrap{overflow-x:auto;border-radius:12px;border:1px solid var(--line);background:var(--pane)}
table.rep{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}
table.rep th{font-weight:600;padding:10px 12px;text-align:start;white-space:nowrap}
table.rep td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
table.rep tr.grp td{background:var(--glass);font-weight:600;font-size:13px;color:var(--ink2)}
table.rep tbody tr.lead{cursor:pointer}
table.rep tbody tr.lead:hover td{background:var(--glass)}
table.rep td.no{color:var(--brand-fg);font-weight:600;width:44px}
table.rep td.ct{white-space:nowrap;font-weight:600}
table.rep td.msg{color:var(--ink2);max-width:420px}
.imp-list{max-height:40vh;overflow-y:auto;border:1px solid var(--line);border-radius:10px;background:var(--pane)}
.imp-row{display:flex;gap:10px;padding:8px 12px;border-top:1px solid var(--line);font-size:13.5px}
.imp-row:first-child{border-top:0}
.imp-row .tag{flex-shrink:0;font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;height:fit-content}
.tag.new{background:var(--good-bg);color:var(--brand-fg)}
.tag.upd{background:var(--warn-bg);color:var(--warn)}
.tag.same{background:var(--glass);color:var(--muted)}
.dropzone{position:relative;display:block;border:2px dashed var(--line);border-radius:12px;padding:22px 16px;text-align:center;color:var(--ink2);background:var(--pane)}
.dropzone.over{border-color:var(--brand);background:var(--good-bg)}
.reminder{display:flex;gap:10px;align-items:center;color:var(--warn);padding:11px 14px;margin-bottom:14px;font-size:14px}
.reminder b{color:var(--ink)}
.reminder .grow{flex:1}
.navbadge{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;margin-inline-start:4px}
.bnav .navbadge{position:absolute;margin:0;}
.bnav button{position:relative}
.qsec{background:var(--pane);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:12px}
.arearow{display:flex;gap:8px;margin-top:8px}
.arearow input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px 10px}
.followrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.followrow input{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:7px 9px}
/* home */
.hero{padding:10px 0 4px}
.hero .when{color:var(--muted);font-size:14px}
.hero h1{font-size:clamp(30px,7.5vw,52px);line-height:1.04;letter-spacing:-.035em;margin:8px 0 14px;max-width:16ch;font-weight:700}
.hero h1 .n{color:var(--brand-fg);font-variant-numeric:tabular-nums}
.hero .acts{display:flex;gap:8px;flex-wrap:wrap}
.wall{margin:26px 0 8px;padding:18px 14px 12px;border-radius:16px;background:linear-gradient(180deg,var(--glass),var(--bg));border:1px solid var(--line)}
.wall .cap{display:flex;justify-content:space-between;align-items:baseline;margin:0 4px 12px;font-size:14px;color:var(--ink2)}
.wall .cap b{color:var(--ink);font-size:15px}
.pane{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;border:0;background:none;padding:0;cursor:pointer;color:inherit}
.rail{height:7px;border-radius:2px;background:linear-gradient(180deg,#DCE2E3,#A7B1B3 60%,#C6CDCF)}
.frost{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:0;background:linear-gradient(180deg,rgba(31,138,91,.30),rgba(31,138,91,.55));transform-origin:bottom;animation:rise .9s cubic-bezier(.2,.8,.2,1) both}
.pane.lost .frost{background:linear-gradient(180deg,rgba(180,51,43,.22),rgba(180,51,43,.42))}
.pane.won .frost{background:linear-gradient(180deg,rgba(31,138,91,.55),rgba(31,138,91,.85))}
@media (max-width:480px){.pane .lbl{font-size:10.5px;letter-spacing:-.01em}}
@keyframes rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.frost{animation:none}}
.pane .lbl{overflow-wrap:anywhere;font-size:12px;text-align:center;color:var(--ink2);margin-top:7px;line-height:1.2;min-height:2.4em}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rail{background:linear-gradient(180deg,#6E7A7C,#465153 60%,#5E696B)}}
.quick{display:grid;grid-template-columns:1fr 1fr;}
@media (min-width:820px){.quick{grid-template-columns:repeat(4,1fr)}}
.qa{display:flex;flex-direction:column;gap:2px;text-align:start;background:var(--pane);border:1px solid var(--line);border-radius:12px;cursor:pointer}
.qa b{letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.qa.hot{border-color:var(--bad);}
.week{display:flex;gap:6px;align-items:flex-end;background:var(--pane);border:1px solid var(--line);border-radius:12px;}
.week .d{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;font-size:11.5px;color:var(--muted)}
.week .d i{display:block;width:100%;max-width:34px;background:var(--teal);min-height:2px}
.week .d em{font-style:normal;font-weight:600;color:var(--ink);font-size:12px}
.connbtn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;font-weight:600;font-size:13px;}
.connbtn svg{width:16px;height:16px}
.connbtn .dot{width:7px;height:7px}
@media (max-width:480px){.connbtn span{display:none}.sync span{display:none}}
.conncard{background:var(--pane);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px}
.conncard .top{display:flex;gap:12px;align-items:center}
.conncard .logo{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.conncard .logo svg{width:24px;height:24px}
.conncard h3{margin:0;font-size:16px}
.conncard .st{font-size:13px;color:var(--muted)}
.conncard .st.ok{color:var(--brand-fg);font-weight:600}
.conncard .st.bad{color:var(--bad);font-weight:600}
.conncard p{font-size:14px;color:var(--ink2);margin:10px 0 0}
.conncard .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.opt{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin-top:10px;cursor:pointer}
.opt input{margin-top:3px;accent-color:var(--brand)}
.docs{display:flex;flex-direction:column;gap:8px}
.doc{display:flex;align-items:center;gap:10px;background:var(--pane);border:1px solid var(--line);border-radius:10px;padding:9px 10px}
.doc .ic{width:40px;height:40px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;overflow:hidden;background:var(--teal)}
.doc .ic img{width:100%;height:100%;object-fit:cover}
.doc .ic.pdf{background:#B4332B}.doc .ic.csv{background:#1F7A45}.doc .ic.img{background:var(--glass)}
.doc .mid{flex:1;min-width:0}
.doc .fn{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc .fm{font-size:12px;color:var(--muted)}
.doc .kind{border:0;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--glass);color:var(--ink2)}
.doc .kind.Drawing{background:#E3EEFB;color:#22528F}.doc .kind.BOQ{background:var(--good-bg);color:var(--brand-fg)}.doc .kind.Site-photo{background:var(--warn-bg);color:var(--warn)}
.viewer{position:fixed;inset:0;z-index:70;background:rgba(6,18,17,.92);display:none;flex-direction:column;padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px))}
.viewer.open{display:flex}
.viewer .vh{display:flex;gap:8px;align-items:center;color:#fff;margin-bottom:8px}
.viewer .vh b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.viewer .vb{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;background:#fff;border-radius:10px}
.viewer .vb img{max-width:100%;height:auto;margin:auto}
.viewer .vb iframe{width:100%;height:100%;border:0}
.viewer table{border-collapse:collapse;font-size:13px;color:#10302F;background:#fff}
.viewer td,.viewer th{border:1px solid #D3DFDD;padding:5px 8px;white-space:nowrap}
.viewer tr:first-child td{background:#E1ECEA;font-weight:600}
.close{border:0;width:34px;height:34px;border-radius:50%;font-size:18px;line-height:1}


/* ===== Theme: neutral + cobalt ===== */
:root{ --brand-ink:#FFFFFF; --teal:#3355FF; --accent:#3355FF; --band:#14161C;
  --warn:#B86E00; --warn-bg:#FFF4E0; --bad:#E5383B; --bad-bg:#FDECEC; --good-bg:#E5F7EE;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--brand:#6F86FF;--brand-ink:#0D0E12;--teal:#6F86FF;--accent:#6F86FF;--band:#F2F3F6;--warn:#F2A33A;--warn-bg:#2E2414;--bad:#FF6B6E;--bad-bg:#341A1C;--good-bg:#15301F;}}
:root[data-theme="dark"]{--brand-fg:#8EA2FF;--ink:#F2F3F6;--ink2:#A6ABB6;--muted:#7C818C;--bg:#0D0E12;--pane:#17191F;--glass:#22252D;--line:#262932;--brand:#6F86FF;--brand-ink:#0D0E12;--teal:#6F86FF;--accent:#6F86FF;--band:#F2F3F6;--brand-soft:#1E2340;--warn:#F2A33A;--warn-bg:#2E2414;--bad:#FF6B6E;--bad-bg:#341A1C;--good-bg:#15301F;--lift:0 1px 2px rgba(0,0,0,.4)}

h2{color:var(--ink);}
.sub{color:var(--muted)}

header.top{-webkit-backdrop-filter:blur(16px);border-bottom:0}
.mark{font-size:18px;font-weight:700;letter-spacing:-.04em;color:var(--ink)}
.mark b{color:var(--ink)}
.mark span{font-size:13px;font-weight:600;color:var(--brand-fg);background:var(--brand-soft);padding:2px 8px;border-radius:20px;letter-spacing:0;margin-inline-start:8px;vertical-align:2px}
.sync{color:var(--muted)}
.dot.on{background:#21B26B}
.connbtn{background:var(--pane);border:0;box-shadow:var(--lift);color:var(--ink);border-radius:20px}
nav.tabs button{border-radius:20px}

/* surfaces: borderless cards */
.list,.kpi,.bars,.conncard,.qsec,.facts,.week,.doc,.qa,.tablewrap,.imp-list,.card,.pipe2,.promo,.hero2{border:0;border-radius:20px;box-shadow:var(--lift);background:var(--pane)}
.row{padding:14px 16px;border-top-color:var(--line)}
.row .nm{font-weight:600;letter-spacing:-.015em}
.row .meta{font-size:13px}
.col{background:var(--glass);border-radius:20px}
.btn{border:0;background:var(--glass);color:var(--ink);transition:transform .08s ease,opacity .15s}
.btn:active{transform:scale(.97)}
.btn.sm{padding:7px 12px;border-radius:10px}
.btn.bad{color:var(--bad)}
.chip{border:0;background:var(--glass);padding:7px 13px;font-size:13px;color:var(--ink2);}
.tools input,.tools select,.f input,.f select,.f textarea,.addnote input,.arearow input,.followrow input{border:0;background:var(--pane);box-shadow:var(--lift);border-radius:12px}
.f input,.f select,.f textarea,.arearow input,.followrow input{background:var(--glass);box-shadow:none}
.pill{font-weight:600;font-size:11.5px;padding:3px 9px}
.kpi .v,.qa b{font-weight:700;letter-spacing:-.04em}
.badge{background:var(--bad);color:#fff}
table.rep th{background:var(--ink);color:var(--bg)}
.sheet{background:var(--bg);border-radius:24px 24px 0 0}
.shead{border-bottom:0}
.shead h3{font-size:20px;font-weight:700;letter-spacing:-.03em}
.sfoot{border-top:0}
.close{background:var(--glass)}
.reminder{border-radius:16px;background:var(--warn-bg)}

/* floating tab bar */
.bnav{border:0;}
.bnav button{font-weight:600;}

.fab{color:#fff;bottom:calc(92px + env(safe-area-inset-bottom,0px));}
@media (min-width:820px){.fab{bottom:28px}}

/* home */
.hello{display:flex;flex-direction:column;}
.hello span:first-child{font-weight:700;letter-spacing:-.04em}
.hello .d{color:var(--muted);font-weight:500}
.hero2 .big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.hero2 .hn{font-weight:700;letter-spacing:-.05em;line-height:1;}
.hero2 .hl{font-weight:600;letter-spacing:-.02em;}
.hero2 .acts{display:flex;gap:8px;flex-wrap:wrap}
.promo{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;text-align:start;cursor:pointer;color:var(--ink)}
.promo .wa{background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.promo .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.promo .tx b{letter-spacing:-.015em}
.promo .tx span{color:var(--muted)}
.promo .chev{width:18px;height:18px;color:var(--muted)}
.pipe2{margin-top:12px}
.pipe2 .cap{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.pipe2 .cap b{font-weight:700;letter-spacing:-.02em}
.pipe2 .cap span{color:var(--muted);font-weight:600}
.seg{display:flex;gap:3px;height:12px;border-radius:8px;overflow:hidden}
.seg i{display:block;min-width:6px}
.legend{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;margin-top:14px}
.lg-item{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink);text-align:start;cursor:pointer}
.lg-item i{width:9px;height:9px;border-radius:3px;flex-shrink:0}
.lg-item span{flex:1;color:var(--ink2);font-weight:500}
.lg-item b{font-weight:700}.sg-Won{background:#21B26B}.sg-Lost{background:#E5383B}
.quick{gap:12px;margin-top:12px}

.qa span{color:var(--muted);font-weight:600}
.week{height:110px;padding:14px 16px 10px}
.week .d i{background:color-mix(in srgb,var(--brand) 30%,transparent);border-radius:6px}
.week .d.today i{background:var(--brand)}
.btn.wa-btn{background:#25D366;color:#fff}
.wsbtn{display:inline-flex;align-items:center;gap:0;border:0;background:none;padding:4px 2px;cursor:pointer;color:var(--ink);font:inherit;font-size:18px;font-weight:700;letter-spacing:-.04em}
.wsbtn b{color:var(--ink);font-weight:700}
.wsbtn .wschev{margin-inline-start:2px;}
.wsbtn .appname{font-size:21px;font-weight:700;letter-spacing:-.05em;margin-inline-end:10px}
.wsbtn .appname::after{content:"";width:6px;height:6px;border-radius:50%;margin-inline-start:2px}
.wsbtn .cochip{display:inline-flex;align-items:center;gap:6px;background:var(--pane);box-shadow:var(--lift);border-radius:20px;padding-block:5px 5px;padding-inline:10px 9px;font-size:13.5px;font-weight:600;letter-spacing:-.01em}
.wsbtn .cochip i{width:8px;height:8px;border-radius:50%}
.wsbtn span.appname,.wsbtn span.cochip{color:var(--ink);margin-inline-start:0;vertical-align:baseline}
.wsbtn span.appname{background:none;padding:0;}
.wsrow{gap:14px}
.wslogo{width:42px;height:42px;border-radius:13px;color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.st-Responded{background:#EEF0F4;color:#4B5160}
.st-Site-visit{background:#F2EAFF;color:#6A2FD6}
.st-Quoted{background:#FFF4DE;color:#0F299A}
.st-Negotiation{background:#FFEDE2;color:#1C39B5}
.st-Won{background:#E5F7EE;color:#14834C}
.st-Lost{background:#FDECEC;color:#C1272A}

/* calls */
.seg2{display:flex;}
.seg2 button{flex:1;min-width:0;border:0;background:none;font-weight:600;color:var(--ink2);line-height:1.15}
.seg2 button b{display:block;}
.seg2 button b{margin-inline-start:0;font-weight:700}
.calls{display:flex;flex-direction:column;gap:10px}
.callrow{background:var(--pane);cursor:pointer}
.ctop{display:flex;gap:12px;align-items:flex-start}
.cno{width:26px;height:26px;border-radius:9px;background:var(--glass);color:var(--ink2);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.cmain{flex:1;min-width:0}
.cmeta{color:var(--muted);margin-top:1px}
.cmsg{color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cdial{color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}
.cacts{display:flex;gap:8px;margin-top:12px}
.cbtn{flex:1;border:0;border-radius:12px;padding:11px 6px;font-weight:600;font-size:13px;line-height:1.15;background:var(--glass);color:var(--ink);display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.cbtn.ok{color:#fff}
.cbtn.no{color:var(--bad)}
.cbtn.wa{flex:0 0 46px;background:#25D366;color:#fff}
.cbtn.wa svg{width:20px;height:20px}
.cbtn:active{transform:scale(.97)}
.snack{position:fixed;inset-inline-start:14px;inset-inline-end:14px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:65;background:var(--ink);color:var(--bg);border-radius:16px;padding:12px 14px;display:none;align-items:center;gap:10px;font-weight:600;font-size:14px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.snack.show{display:flex}
.snack span{flex:1}
.snack button{border:0;background:none;color:#8FA3FF;font-weight:700;font-size:14px;cursor:pointer}
@media (min-width:820px){.snack{inset-inline-start:auto;inset-inline-end:28px;width:380px;bottom:28px}}

.csearch{position:relative;display:flex;align-items:center;margin:2px 0 12px}
.csearch svg{position:absolute;inset-inline-start:14px;width:18px;height:18px;color:var(--muted);pointer-events:none}
.csearch input{width:100%;border:0;background:var(--pane);box-shadow:var(--lift);border-radius:16px;padding-block:14px 14px;padding-inline:42px 44px;font-size:16px;font-weight:600;color:var(--ink)}
.csearch input::placeholder{font-weight:500;color:var(--muted)}
.csearch input::-webkit-search-cancel-button{display:none}
.cclear{position:absolute;inset-inline-end:8px;width:30px;height:30px;border:0;border-radius:50%;background:var(--glass);color:var(--ink2);font-size:17px;cursor:pointer}
.restag{font-size:12px;font-weight:600;color:var(--brand-fg);margin:6px 4px -4px}

.sirow{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.si{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;padding-block:3px 3px;padding-inline:6px 8px;background:var(--glass);color:var(--ink2);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si svg{width:13px;height:13px;flex-shrink:0}
.si-called{background:#E5F7EE;color:#14834C}
.si-dial{background:#E6F0FF;color:#1D4ED8}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .si-dial{background:#16264A;color:#8FB4FF}}:root[data-theme="dark"] .si-dial{background:#16264A;color:#8FB4FF}
.si-pin{background:#F2EAFF;color:#6A2FD6}
.si-fu.later{background:#ECEFFF;color:#2440D6}
.si-fu.today{background:var(--warn-bg);color:var(--warn)}
.si-fu.over{background:var(--bad-bg);color:var(--bad)}
.si-fu.need{background:var(--warn-bg);color:var(--warn);outline:1.5px dashed currentColor;outline-offset:-1.5px}
.fuquick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;color:var(--muted);font-weight:600}
.fuquick button{border:0;background:var(--brand);color:#fff;font-weight:600;font-size:12.5px;padding:7px 11px;border-radius:10px;cursor:pointer}
.fuquick .mb{margin-inline-start:auto;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .si-called{background:#15301F;color:#5FD39A}:root:not([data-theme="light"]) .si-pin{background:#2A2140;color:#C2A5EC}:root:not([data-theme="light"]) .si-fu.later{background:#1E2340;color:#9DAEFF}}

.si-quote{background:#E3F4F7;color:#0B7285}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .si-quote{background:#12313A;color:#6FD3E3}}

.ltbar{display:flex;align-items:center;gap:6px;}
.ltbtn{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--pane);box-shadow:var(--lift);color:var(--ink2);cursor:pointer;max-width:100%}
.ltbtn b{color:var(--ink);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ltbtn.on{color:rgba(255,255,255,.8)}
.ltbtn.on b,.ltbtn.on .wschev{color:#fff}

nav.tabs{overflow-x:auto;scrollbar-width:none;min-width:0}
nav.tabs button{white-space:nowrap}
.fuquick .qwon{background:#21B26B}
.fuquick .qlost{background:var(--bad-bg);color:var(--bad)}
.docgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:700px){.docgrid{grid-template-columns:repeat(4,1fr)}}
.dcard{background:var(--pane);border-radius:18px;box-shadow:var(--lift);overflow:hidden;display:flex;flex-direction:column}
.dthumb{position:relative;border:0;padding:0;background:var(--glass);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}
.dthumb img{width:100%;height:100%;object-fit:cover}
.dext{width:56px;height:56px;border-radius:14px;background:var(--brand);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.dext.pdf{background:#E5383B}.dext.csv{background:#1F7A45}
.dkind{position:absolute;inset-inline-start:8px;top:8px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:rgba(255,255,255,.92);color:#14161C}
.dkind.BOQ{color:#14834C}.dkind.Drawing{color:#2440D6}.dkind.Quotation{color:#0B7285}.dinfo{padding:10px 11px 12px;min-width:0}
.dname{font-size:13px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}

.wsbtn{white-space:nowrap;flex-shrink:0}
.sync{flex-shrink:0;white-space:nowrap}
.connbtn{flex-shrink:0}
nav.tabs{flex:1 1 auto;margin-inline-start:16px !important}
nav.tabs button{padding:8px 10px}
@media (max-width:1320px){.sync span{display:none}.connbtn span{display:none}}

.edtitle{cursor:pointer;display:flex;flex-direction:column;line-height:1.15}
.edtitle small{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0;margin-top:2px}
.addname{border:0;background:none;padding:0;color:var(--brand-fg);font-weight:600;font-size:13px;cursor:pointer}



.lockscr{position:fixed;inset:0;z-index:95;grid-template-columns:1.1fr 1fr;}
.lhero{color:#fff;padding:56px 56px 48px;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%}
.lglass{position:absolute;inset-inline-end:-40px;top:30px;width:58%;height:46%;display:flex;gap:14px;transform:skewY(-8deg);opacity:.9}
.lglass i{flex:1;border-radius:6px;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);backdrop-filter:blur(2px)}
.lglass i:nth-child(2){margin-top:40px}.lglass i:nth-child(3){margin-top:90px;}.lglass i:nth-child(4){margin-top:140px}
.lbrand{position:absolute;top:44px;inset-inline-start:56px;font-size:30px;font-weight:700;letter-spacing:-.06em}
.lbrand b,.lmini b{width:8px;height:8px;border-radius:50%;margin-inline-start:3px}
.lhead{position:relative;font-size:clamp(34px,4.4vw,58px);line-height:1.02;margin:0 0 16px;}
.ltag{position:relative;font-size:16px;margin:0 0 18px;max-width:34ch}
.lfeat{position:relative;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.lfeat li{font-size:14px;padding-inline-start:22px;position:relative}
.lfeat li::before{content:"";position:absolute;inset-inline-start:0;top:6px;width:10px;height:10px;}
.lpanel{display:flex;align-items:center;justify-content:center;padding:32px 24px}
.lockbox{width:100%;max-width:400px;padding:30px 24px}
.lmini{display:none;font-size:28px;font-weight:700;letter-spacing:-.06em;margin-bottom:14px}
.locksub{color:var(--muted);margin:0 0 16px;font-size:14px}
.lockmsg{font-size:14px;color:var(--bad);margin-bottom:6px}
.lfoot{font-size:12.5px;color:var(--muted);text-align:center;margin:14px 0 0}
@media (max-width:820px){
  .lockscr:not([hidden]){display:block}
  .lhero{padding:26px 22px 24px;min-height:0;display:block}
  .lbrand{position:static;margin-bottom:18px;font-size:26px}
  .lglass{width:55%;height:120%;top:-10px;inset-inline-end:-30px;opacity:.55}
  .lhead{font-size:32px}
  .lfeat{display:none}
  .ltag{margin:0;font-size:14px}
  .lpanel{align-items:flex-start;padding:20px 16px 32px}
}
.userbtn{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:20px;cursor:pointer;flex-shrink:0}
.userbtn[hidden]{display:none}
.uav{width:26px;height:26px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
@media (max-width:480px){.userbtn{padding:4px}}
.connbtn[hidden]{display:none}
.f[hidden]{display:none}
.si-appt{background:#FFF0E6;color:#1C39B5}
.si-user{background:#EEF0F4;color:#3D4250}

.roleinfo{margin-top:10px;font-size:13.5px;color:var(--ink2)}
.roleinfo summary{cursor:pointer;font-weight:600;color:var(--brand-fg)}
.roleinfo ul{margin:8px 0 0;padding-inline-start:18px;display:flex;flex-direction:column;gap:4px}

.flag{font-size:14px;line-height:1}
.spendin{display:flex;flex-wrap:wrap;gap:8px}
.spendin label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--ink2);flex:1 1 110px}
.spendin input{border:0;background:var(--glass);border-radius:10px;padding:9px 10px;font-size:15px}
.spkpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.spkpis div{background:var(--glass);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column}
.spkpis span{font-size:12px;color:var(--muted);font-weight:600}
.spkpis b{font-size:18px;font-weight:700;letter-spacing:-.02em}
.spkpis small{font-size:11.5px;color:var(--muted)}
.spkpis .warn{background:var(--bad-bg)}.spkpis .warn b{color:var(--bad)}.spkpis .good b{color:var(--good,#15803D)}.spkpis .due b{color:#1E3DC2}
.spadd{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.spadd input,.spadd select{border:0;background:var(--glass);border-radius:10px;padding:9px 10px;flex:1 1 120px;min-width:0;font-weight:600}
.sptable{margin-top:12px;display:flex;flex-direction:column}
.sprow{display:grid;grid-template-columns:1.3fr 1fr .8fr 1.1fr auto;gap:8px;align-items:center;padding:9px 2px;border-top:1px solid var(--line);font-size:13.5px}
.sprow .spd{display:flex;flex-direction:column}.sprow .spd span{font-size:11.5px;color:var(--muted)}
.sprow .cpl{font-weight:700}
.sprow.hi .cpl{color:var(--bad)}
@media (max-width:520px){.sprow{grid-template-columns:1.2fr auto auto auto;gap:6px}.sprow > div:nth-child(3){display:none}.spkpis b{font-size:15px}}
.uavimg{border-radius:50%;object-fit:cover;display:block}
.pfphoto{display:flex;align-items:center;gap:10px}
.linkbtn2{border:0;background:none;color:var(--brand-fg);font-weight:600;cursor:pointer;padding:0;font-size:13px}
#lk-main[hidden],#lk-forgot[hidden],#fg-step2[hidden]{display:none}

.subtabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.subtabs button{flex-shrink:0;border:0;border-radius:20px;font-weight:600;color:var(--ink2);cursor:pointer}

.steps{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.acc{background:var(--pane);box-shadow:var(--lift);overflow:hidden}
.acc.need{outline:1.5px dashed var(--brand);outline-offset:-1.5px}
.acchead{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;text-align:start;color:var(--ink)}
.acchead .at{font-weight:600;flex-shrink:0}
.acchead .as{flex:1;min-width:0;text-align:end;color:var(--ink2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acchead .as.none{color:var(--muted);font-weight:500}
.acc.need .as.none{color:var(--brand-fg);font-weight:600}
.acc.open .achev{transform:rotate(180deg)}
.acc.open .acchead{border-bottom:1px solid var(--line)}

.cside{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.starbtn{border:0;background:var(--glass);width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#B8BCC6;flex-shrink:0}
.starbtn svg{width:21px;height:21px}
.starbtn.on{background:#FFF4D6;color:#163DE1}
.starbtn:active{transform:scale(.92)}
.callrow.starred{box-shadow:0 0 0 2px #F5C04A, var(--lift)}
.starmini{color:#163DE1;margin-inline-end:5px}
.starchip[aria-pressed="true"]{background:#F5A300;color:#fff}
.shead .starbtn{width:34px;height:34px}

.doc .readbtn{background:var(--brand-soft);color:var(--brand-fg);margin-inline-end:4px;cursor:pointer}

.remember{display:flex;gap:10px;align-items:flex-start;margin-top:14px;cursor:pointer;font-size:14px;color:var(--ink)}
.remember input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--brand);flex-shrink:0}
.remember span{display:flex;flex-direction:column}
.remember small{font-size:12px;color:var(--muted);margin-top:1px}

.perfgrid{display:grid;gap:12px}
@media (min-width:820px){.perfgrid{grid-template-columns:1fr 1fr}}
.tplrow{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:14px;background:#F4F5F7;margin-bottom:8px;text-decoration:none;color:#14161C}
.tplrow.plain{background:#E9FBEF}
.remindpop{position:fixed;inset:0;z-index:85;display:none;justify-content:center;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.remindpop.show{display:flex}
@media (min-width:820px){.remindpop{align-items:center}}
.rpbox{width:100%;max-width:420px;background:var(--pane);border-radius:24px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.3);animation:up .2s ease-out}
.rpicon{width:44px;height:44px;border-radius:14px;background:var(--brand-soft);color:var(--brand-fg);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.rpicon svg{width:24px;height:24px}
.rptitle{font-size:20px;font-weight:700;letter-spacing:-.03em}
.rpsub{font-size:14px;color:var(--ink2);margin-top:2px}
.schedhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;background:var(--pane);border-radius:16px;box-shadow:var(--lift);padding:8px}
.schedhead button{border:0;background:var(--glass);width:36px;height:36px;border-radius:12px;font-size:20px;cursor:pointer;color:var(--ink)}
.schedday{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.schedday.today .sdl{background:var(--brand);color:#fff}
.sdl{width:46px;flex-shrink:0;border-radius:14px;background:var(--pane);box-shadow:var(--lift);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;height:52px}
.sdl b{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}
.sdl span{font-size:18px;font-weight:700}
.sdi{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.sdempty{font-size:13px;color:var(--muted);padding-top:16px}
.appt{border-inline-start:4px solid var(--brand);}
.appt.done{opacity:.7;border-inline-start-color:#21B26B}
.appt.clash{border-inline-start-color:var(--bad)}
.appt .at{font-weight:700;font-size:13px;min-width:62px}
.appt .ab{display:flex;flex-direction:column;min-width:0}
.appt .ab b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appt .ab span{font-size:12.5px;color:var(--muted)}
.clashtag{color:var(--bad) !important;font-weight:600}
.okt{color:#14834C !important;font-weight:600}

.checkin{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--brand-soft);border-radius:16px;padding:12px 14px;margin-bottom:12px}
.checkin.done{background:#E5F7EE}
.sc-hot{background:#FFE7E0;color:#1E3DC2}
.sc-warm{background:#FFF4DE;color:#0F299A}
.sc-cold{background:#E7F0FB;color:#2F5D9A}
.mrow{background:var(--pane);border-radius:16px;box-shadow:var(--lift);padding:12px;margin-bottom:10px}
.mnums{display:flex;gap:8px;align-items:flex-end;margin-top:8px;flex-wrap:wrap}
.mnums label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--ink2);flex:1 1 70px;min-width:0}
.mnums input,.mnums select{border:0;background:var(--glass);border-radius:10px;padding:9px;font-size:15px;width:100%;min-width:0}
.mres{font-weight:700;font-size:14px;white-space:nowrap;padding-bottom:9px}
.qbtot{margin-top:12px;background:var(--pane);border-radius:16px;box-shadow:var(--lift);padding:10px 14px}
.qbtot div{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14.5px}
.qbtot span{color:var(--ink2)}
.qbtot input{width:120px;border:0;background:var(--glass);border-radius:10px;padding:7px 9px;text-align:end}
.qbtot .grand{border-top:1px solid var(--line);margin-top:4px;padding-top:10px;font-size:18px}
.qbtot .grand b{font-weight:700}
.projcard{display:block;width:100%;text-align:start;border:0;color:var(--ink)}
.pbar{height:8px;border-radius:6px;background:var(--glass);overflow:hidden;margin-top:12px}
.pbar i{display:block;height:100%;background:#21B26B;border-radius:6px}
.pstages{display:flex;flex-direction:column;gap:6px}
.pst{display:flex;gap:12px;align-items:center;border:0;background:var(--pane);box-shadow:var(--lift);border-radius:14px;padding:10px 12px;text-align:start;cursor:pointer;color:var(--ink)}
.pdot{width:30px;height:30px;border-radius:50%;background:var(--glass);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}
.pst.done .pdot{background:#21B26B;color:#fff}
.ptx{display:flex;flex-direction:column}
.ptx small{font-size:12px;color:var(--muted)}

/* ===== Theme: dark blue + orange, calmer layout ===== */

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lift:0 1px 2px rgba(0,0,0,.4)}}
header.top{backdrop-filter:none}
.wsbtn span.cochip{color:#fff;}
.wsbtn .wschev{color:rgba(255,255,255,.6)}
nav.tabs button{color:rgba(255,255,255,.7)}
.navbadge{background:var(--brand)}
.sync,.connbtn{display:none !important}
.userbtn{background:rgba(255,255,255,.1);box-shadow:none}








.ltbtn.on{background:var(--navy)}
h1{color:var(--ink)}
.hello span:first-child{color:var(--ink)}
.hero2{color:#fff;}
.hero2 .hl{color:#fff}
.hero2 .hn{color:var(--brand-fg)}
.hero2 .btn{background:rgba(255,255,255,.12);color:#fff}
.hero2 .btn.pri{background:var(--brand);color:#fff}
.qa.hot{background:var(--brand-soft)}
.qa.hot b{color:var(--brand-fg)}

.cbtn.ok{background:var(--navy)}
.cbtn.no.icon{flex:0 0 48px;font-size:18px}
.cdial{background:var(--brand)}
.cdial.wa{background:#25D366;}
.callrow{padding:14px}
.fuquick .qb{background:var(--brand)}
.fuquick .mb{background:var(--glass);color:var(--ink2)}
/* lead detail */
.morebtn{border:0;background:var(--glass);width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;color:var(--ink);font-weight:700}
.dtop{display:flex;align-items:center;}
.actbar{display:flex;margin:0 0 12px}
.actb{flex:1;display:flex;flex-direction:column;align-items:center;border:0;background:var(--pane);box-shadow:var(--lift);color:var(--ink);text-decoration:none;cursor:pointer}
.actb .ai{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center}
.actb .ai.wa{background:#25D366}
.actb .ai.q{background:var(--brand)}
.actb .ai.ok{background:#14834C}
.actb:active{transform:scale(.97)}
.alertline.bad{background:var(--bad-bg);color:var(--bad)}
.alertline.warn{background:var(--warn-bg);color:var(--warn)}
.steps + .steps{margin-top:0}
.acc.open .acchead{border-bottom-color:var(--line)}
/* menus */
.viewer.menumode{background:rgba(10,18,32,.5);justify-content:flex-end}
.viewer.menumode .vh{color:#fff}
.viewer.menumode .vb{flex:0 0 auto;max-height:70vh;border-radius:20px;display:flex;flex-direction:column;padding:6px;background:var(--pane)}
@media (min-width:820px){.viewer.menumode{align-items:center;justify-content:center}.viewer.menumode .vb,.viewer.menumode .vh{width:420px}}
.mitem{display:flex;flex-direction:column;align-items:flex-start;border:0;background:none;text-align:start;padding:14px 14px;border-radius:14px;font-size:15.5px;font-weight:600;color:var(--ink);cursor:pointer;text-decoration:none}
.mitem small{font-size:12.5px;font-weight:500;color:var(--muted)}
.mitem:hover,.mitem:active{background:var(--glass)}
.mitem.cur{color:var(--brand-fg)}
.mitem.danger{color:var(--bad)}
/* Today/Leads breathing room */

.list .row{padding:14px 16px}

.lbrand b,.lmini b{background:var(--brand)}
.lglass i{background:linear-gradient(180deg,rgba(249,115,22,.45),rgba(249,115,22,.06))}
.lglass i:nth-child(3){background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.04))}
.uav{background:var(--brand)}
.wsbtn .appname::after{background:var(--brand)}

.cdial{width:42px;height:42px;border-radius:14px;border:0}
.cdial svg{width:20px;height:20px}
.cdial.wa{margin-inline-end:6px}
.cphone{white-space:nowrap}
.ctop .cmain{min-width:0}
.sg-New{background:var(--navy)}.sg-Responded{background:#5B7DB1}.sg-Site-visit{background:#8B5CF6}.sg-Quoted{background:var(--brand)}.sg-Negotiation{background:#EA580C}
.st-New{background:#E6ECF5;color:var(--navy)}

.lk-or{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:var(--muted);font-size:12.5px}
.lk-or::before,.lk-or::after{content:"";flex:1;height:1px;background:currentColor;opacity:.3}
.lk-google{width:100%;padding:13px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;font-weight:600}

.lnew{margin:14px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.llegal{margin:8px 0 0;text-align:center;font-size:12px}
.llegal a{color:var(--muted)}

.otpbox{font-size:28px!important;letter-spacing:.5em;text-align:center;font-weight:700}

.lktabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#EEF1F7;border-radius:14px;padding:4px;margin:0 0 18px}
.lktabs button{border:0;background:transparent;border-radius:11px;padding:11px 8px;font:inherit;font-weight:600;font-size:15px;color:#64748B;cursor:pointer}
.lktabs button[aria-selected="true"]{background:#fff;color:#0B1B3A;box-shadow:0 1px 3px rgba(15,23,42,.12)}

.remsec{background:var(--pane);margin:0 0 12px;box-shadow:var(--lift)}
.remsechead{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.remsechead h4{margin:0;}
.remitem{display:flex;align-items:center;gap:12px;background:var(--pane);border-radius:14px;padding:12px;box-shadow:var(--lift);margin-top:8px}
.remsec .remitem{background:var(--glass)}
.remitem.over{box-shadow:inset 3px 0 0 #E5484D,var(--lift)}
.remitem.done{opacity:.6}
.remic{width:40px;height:40px;display:grid;place-items:center;font-size:19px;flex:none}
.remwhen{display:block;font-size:12.5px;color:var(--ink2);font-weight:600}
.remitem.over .remwhen{color:#E5484D}
.remtype{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border:1.5px solid var(--line);background:var(--pane);font:inherit;font-weight:600;font-size:14.5px;color:var(--ink);cursor:pointer;text-align:start}
.remtype[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft)}

.pushcard{display:flex;align-items:center;gap:12px;background:var(--brand-soft);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.pushcard>span:first-child{font-size:22px}
.pushcard .grow{flex:1;min-width:0}
.pushcard b{display:block;font-size:14.5px}
.pushcard small{display:block;font-size:12.5px;color:var(--ink2)}
.pushcard.on{background:var(--glass)}

.pwwrap{position:relative;display:block;flex:1;min-width:0}
.pwwrap>input{width:100%;padding-inline-end:46px!important}
.pweye{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;border-radius:10px;cursor:pointer}
.pweye:hover{color:var(--ink);background:rgba(127,127,127,.12)}

.lktabs[hidden],.pushcard[hidden]{display:none!important}

/* ================= Vego premium theme (Oct 2026) ================= */
:root{
  --navy:#0A1A33; --navy2:#13305A; --brand:#FF6A13; --brand-soft:#FFF0E6; --brand-fg:#2F4FE0; --warn:#9B2C4A;
  --bg:#F3F5F8; --pane:#FFFFFF; --glass:#EEF2F7; --line:#E4E9F0;
  --ink:#0B1730; --ink2:#4A5A72; --muted:#8A97AB;
  --lift:0 1px 2px rgba(10,26,51,.05),0 4px 14px rgba(10,26,51,.05);
  --r-lg:22px; --r-md:16px; --r-sm:12px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--navy:#061226;--navy2:#0E2445;--bg:#08111F;--pane:#0F1C31;--glass:#172840;--line:#1E3150;--ink:#E9EEF6;--ink2:#A7B4C8;--muted:#7083A0;--brand-soft:#3A2210;--brand-fg:#8EA2FF;--warn:#F08AA6}}
body{font-family:"Sora",-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,sans-serif;font-feature-settings:"tnum" 0,"ss01" 1;letter-spacing:-.005em}
.num,.kpi .v,.hero2 .hn,.seg2 button b,.qa b{font-variant-numeric:tabular-nums}
h2{font-weight:650;letter-spacing:-.02em}

/* header: navy command bar with the glass-V mark */

.wsbtn span.appname{display:inline-flex;align-items:center;font-weight:600;color:#fff}
.wsbtn span.appname::before{content:"";}
.wsbtn .appname::after{display:none}
.wsbtn span.cochip{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-weight:600}
nav.tabs button{font-weight:600;letter-spacing:-.01em}
nav.tabs button[aria-current="true"]{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 -2px 0 var(--brand)}

/* surfaces: hairline + soft lift, radius by hierarchy */
.list,.kpi,.bars,.conncard,.qsec,.facts,.week,.doc,.qa,.tablewrap,.imp-list,.card,.pipe2,.promo,.remsec,.remitem{border:1px solid var(--line);box-shadow:var(--lift)}
.list,.kpi,.bars,.conncard,.qsec,.facts,.week,.doc,.qa,.tablewrap,.imp-list,.card,.pipe2,.promo{border-radius:var(--r-md)}
.remsec .remitem{border:0;box-shadow:none}
.hero2{border-radius:var(--r-lg);border:0;background:radial-gradient(120% 140% at 100% 0%,#1D4275 0%,var(--navy) 60%);box-shadow:0 14px 34px rgba(10,26,51,.22)}
.kpi{padding:14px 16px}
.kpi .v,.kpi b{font-weight:600;letter-spacing:-.03em}
.row{transition:background .12s}
.row:hover{background:color-mix(in srgb,var(--glass) 60%,transparent)}

/* buttons */
.btn{letter-spacing:-.01em}
.btn.pri{background:var(--navy);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 6px 16px rgba(10,26,51,.18)}
.btn.pri:hover{background:var(--navy2)}
.fab{background:var(--brand);font-weight:600;box-shadow:0 12px 26px rgba(255,106,19,.38)}
.btn:focus-visible,.chip:focus-visible,.row:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* chips, segments, status */
.chip{border-radius:999px;font-weight:600}
.chip[aria-pressed="true"]{background:var(--navy);color:#fff}
.seg2{background:var(--glass);}
.seg2 button[aria-selected="true"]{background:var(--pane);color:var(--ink);box-shadow:0 1px 2px rgba(10,26,51,.08),0 0 0 1px var(--line)}
.si{font-weight:650;border-radius:8px}

/* bottom bar */



/* sign-in brand */
.lbrand,.lmini{display:inline-flex;align-items:center;letter-spacing:-.045em}
.lbrand::before,.lmini::before{content:"";}
.lbrand b,.lmini b{display:none}
.remic svg,.remtype span svg{width:20px;height:20px}
.remtype span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:0}

.remquick .chip svg,.chips .chip svg,.si svg{width:15px;height:15px;vertical-align:-3px;margin-inline-end:2px}

/* lead avatars */
.lav{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:600;font-size:14px;letter-spacing:-.02em;color:#fff;background:#7B8AA3}
.lav-st-New{background:linear-gradient(135deg,#3B82F6,#1D4ED8)}
.lav-st-Site-visit{background:linear-gradient(135deg,#8B5CF6,#6D28D9)}
.lav-st-Quoted{background:linear-gradient(135deg,#FF8A3D,#EA580C)}
.lav-st-Negotiation{background:linear-gradient(135deg,#F59E0B,#B45309)}
.lav-st-Won{background:linear-gradient(135deg,#22C55E,#15803D)}
.lav-st-Lost{background:linear-gradient(135deg,#F87171,#B91C1C)}
.meta .clip{width:13px;height:13px;vertical-align:-2px;margin-inline-end:2px}
/* secondary buttons: clean white with hairline */
.btn:not(.pri):not(.wa-btn):not(.sm){background:var(--pane);box-shadow:0 0 0 1px var(--line),0 1px 2px rgba(10,26,51,.04)}
.btn:not(.pri):not(.wa-btn):hover{box-shadow:0 0 0 1px #CBD5E1,0 2px 6px rgba(10,26,51,.06)}
.hero2 .btn:not(.pri):not(.wa-btn):not(.sm),.hero2 .btn.sm:not(.pri){background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.viewtoggle{border-radius:12px;border-color:var(--line)}
.viewtoggle button[aria-pressed="true"]{background:var(--navy);color:#fff}
.pipe2 .track,.bars .track{border-radius:999px;overflow:hidden}
/* boot splash: hide the sign-in screen while an existing login is being restored */
html.booting #lock{display:none!important}
html.booting body::before{content:"";position:fixed;inset:0;z-index:200;background:#0A1A33}
html.booting body::after{content:"";position:fixed;z-index:201;inset-inline-start:50%;top:50%;width:34px;height:34px;margin-block:-17px 0;margin-inline:-17px 0;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#FF6A13;animation:bootspin .8s linear infinite}
@keyframes bootspin{to{transform:rotate(360deg)}}

/* lead row — compact, professional */
.lrow{gap:12px;padding:12px 14px!important;align-items:center}
.lrow .lav{border-radius:11px;}
.lrow .main{min-width:0;flex:1}
.lrow .nm{display:flex;align-items:center;gap:6px;letter-spacing:-.01em;line-height:1.25}
.lrow .nmt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.lrow .rdot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.lrow .meta{color:var(--muted);text-overflow:ellipsis}
.lrow .sirow{flex-wrap:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.lrow .si{font-size:11px;padding-block:2px 2px;padding-inline:6px 7px;border-radius:6px;flex:none}
.lrow .si svg{width:11px;height:11px}
.spill{flex:none;display:inline-flex;align-items:center;background:#EEF1F6;color:#33415C;white-space:nowrap}
.spill.st-New{background:#E8ECF4;color:#0A1A33}
.spill.st-Responded{background:#E6EEFA;color:#2C5596}
.spill.st-Site-visit{background:#F1EAFE;color:#6D3FD1}
.spill.st-Quoted{background:#FFF0E5;color:#1E3DC2}
.spill.st-Negotiation{background:#FFEBDD;color:#1B38B4}
.spill.st-Won{background:#E3F6EC;color:#15803D}
.spill.st-Lost{background:#FDE8E8;color:#B91C1C}
.rside{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.rwhen{color:var(--muted);}
.rcall{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.rcall svg{width:15px;height:15px}
.rcall:active{background:#E3E9F2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .spill{background:#1E2A3D;color:#C9D4E5}:root:not([data-theme="light"]) .rcall{background:#1E2A3D;color:#E6ECF5;box-shadow:inset 0 0 0 1px #2B3950}}

/* calls list — one compact call button, slimmer actions */
.cdial2{flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;}
.cdial2 svg{width:17px;height:17px}
.cdial2:active{transform:scale(.95)}
.callrow .cacts{gap:6px;margin-top:10px}
.callrow .cbtn{padding:9px 4px;font-size:12.5px;border-radius:10px;min-height:38px}
.callrow .cbtn.no{background:#FDF1F1;color:#C0262D}

/* home carousel */
.hcar{position:relative;margin:0 -16px;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
.htrack{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding:2px 16px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.htrack::-webkit-scrollbar{display:none}
.hslide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;box-sizing:border-box}
.hcar .hslide:only-child{flex-basis:100%}
.hdate{display:inline-flex;align-self:flex-start;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.72);background:rgba(255,255,255,.1);border-radius:999px;}
.hsub{margin:-6px 0 14px;font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.4}
.hdots{display:flex;justify-content:center;gap:6px;margin-top:-4px;margin-bottom:6px}
.hdot{width:7px;height:7px;border-radius:999px;border:0;padding:0;background:var(--line,#d6dbe4);cursor:pointer;transition:width .2s,background .2s}
.hdot[aria-current="true"]{width:20px;background:var(--brand)}
/* call + whatsapp buttons on lead rows */
.row{gap:10px}
.row .side{flex-shrink:0}
/* swipe left = not interested */
.swbg{position:absolute;inset-inline-start:0;inset-inline-end:0;background:#9AA3B2;color:#fff;display:flex;align-items:center;justify-content:flex-end;padding-inline-end:20px;font-weight:600;font-size:14px;transition:background .15s;z-index:0}
.swbg.go{background:#E5383B}
.row.swiping,.row[style*="translateX"]{position:relative;z-index:1;background:var(--pane,#fff)}
@media (prefers-reduced-motion: reduce){.htrack{scroll-behavior:auto}}

/* ===== compact scale: professional app sizing ===== */
body{font-size:14px}
.topin{padding:8px 14px;gap:10px}
.wsbtn span.appname{margin-inline-end:8px}
.wsbtn span.cochip{font-size:12.5px;padding-block:4px 4px;padding-inline:9px 8px}
.wsbtn .wschev{width:13px;height:13px}
.userbtn{padding:3px}
.userbtn .uav,.userbtn img{width:28px!important;height:28px!important;font-size:12px}
h1{font-size:23px;margin:2px 0 2px}
.sub{font-size:13px;margin-bottom:10px}
h2{margin:18px 0 8px}
.hello{margin:2px 2px 10px}
.hello span:first-child{font-size:22px}
.hello .d{font-size:12.5px}
.btn{padding:8px 13px;}
.btn svg{width:15px;height:15px;vertical-align:-3px;margin-inline-end:5px}
.headrow .btn{padding:7px 11px;font-size:13px}
.seg2{margin:2px 0 12px}
.seg2 button{padding:6px 2px;font-size:11.5px;border-radius:9px}
.seg2 button b{font-size:13.5px}
.hero2{padding:16px}
.hero2 .hn{font-size:34px}
.hero2 .hl{font-size:15px}
.hslide{min-height:0;justify-content:flex-start}
.hslide .acts{margin-top:auto}
.hslide .big{margin-bottom:12px}
.hdate{font-size:11px;padding:3px 9px;margin-bottom:8px}
.pipe2 .cap b{font-size:15px}
.pipe2 .cap span{font-size:12px}
.lg-item{font-size:13px;padding:5px 0}
.qa{padding:12px 14px}
.qa b{font-size:21px}
.qa span{font-size:12.5px}
.promo{padding:10px 12px}
.promo .wa{width:34px;height:34px;border-radius:10px}
.promo .wa svg{width:18px;height:18px}
.promo .tx b{font-size:13.5px}
.promo .tx span{font-size:12px}
.lrow .meta{font-size:12px}
.lrow .lav{width:36px;height:36px;font-size:12.5px}
.callrow .cphone{font-size:15.5px}
.cmeta{font-size:12px}
.bnav{inset-inline-start:12px;inset-inline-end:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:4px;border-radius:18px}
.bnav button{padding:6px 0 5px;font-size:10px;gap:1px;border-radius:14px}
.bnav button svg{width:19px;height:19px}
.bnav .navbadge{font-size:9.5px;min-width:15px;line-height:15px;padding:0 4px;transform:translate(11px,-3px)}
.fab{padding:9px 13px;font-size:13px;border-radius:13px;gap:5px}
@media (max-width:819px){.fab{bottom:calc(76px + env(safe-area-inset-bottom,0px));inset-inline-end:14px}}
.fab svg{width:15px;height:15px}
main{padding-bottom:130px}

/* today tabs: same layout, small count badge */
.tabs3 button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;font-size:12.5px}
.tcount{font-style:normal;font-size:10.5px;font-weight:600;min-width:18px;height:18px;line-height:18px;padding:0 5px;border-radius:999px;background:rgba(10,26,51,.08);color:var(--muted)}
.tcount.on{background:var(--brand);color:#fff}
.allclear{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 16px!important}
.allclear svg{width:26px;height:26px;color:#21B26B;margin-bottom:4px}
.allclear b{color:var(--ink);font-size:15px}
.allclear span{font-size:12.5px}
/* leads search + filters */
.srow{display:flex;gap:8px;margin:2px 0 10px}
.sbox{flex:1;display:flex;align-items:center;gap:8px;background:var(--pane);border-radius:12px;padding:0 12px;box-shadow:inset 0 0 0 1px var(--line)}
.sbox svg{width:16px;height:16px;color:var(--muted);flex:none}
.sbox input{flex:1;min-width:0;border:0!important;background:none!important;box-shadow:none!important;padding:10px 0!important;font-size:14px;outline:none}
.fbtn{flex:none;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:12px;padding:0 13px;background:var(--pane);box-shadow:inset 0 0 0 1px var(--line);font-weight:650;font-size:13px;color:var(--ink);cursor:pointer}
.fbtn svg{width:16px;height:16px}
.fbtn.on{background:#0A1A33;color:#fff;box-shadow:none}
.fbtn em{font-style:normal;font-size:10.5px;background:var(--brand);color:#fff;border-radius:999px;min-width:17px;height:17px;line-height:17px;text-align:center;padding:0 4px}
.fpanel{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;padding:12px;background:var(--pane);border-radius:14px;box-shadow:var(--lift)}
.fpanel[hidden]{display:none}
.fpanel select{width:100%;font-size:13px;padding:9px 10px;border-radius:10px}
.fpanel .fsel{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:10px;padding:10px 12px;background:var(--glass);font-size:13px;color:var(--muted);cursor:pointer}
.fpanel .fsel b{color:var(--ink)}
.fpanel .btn{grid-column:1/-1}
.si svg{flex:none}
.dhead .lav{width:42px;height:42px;border-radius:12px;font-size:14px;flex:none}
.dhead h3{font-size:18px!important}
.dhead .edtitle small{font-size:12.5px;margin-top:3px}
.dhead .starbtn,.dhead .morebtn,.dhead .close{width:32px;height:32px;border-radius:10px;font-size:16px}
.dhead .starbtn svg{width:17px;height:17px}
.dtop{margin:0 0 12px;gap:8px}
.dlast{font-size:12px;color:var(--muted);font-weight:600}
.actbar{gap:6px}
.actb{padding:10px 4px 9px;border-radius:14px;gap:5px;font-size:12px;font-weight:650}
.actb .ai{width:32px;height:32px;border-radius:10px}
.actb .ai svg{width:16px;height:16px}
.actb .ai.rm{background:#5B7DB1}
.dchips{display:block;margin:0 0 12px}
.dchips .sirow{margin:0}
.remsec{padding:12px 14px;border-radius:14px}
.remsechead{margin-bottom:6px}
.remsechead h4{font-size:14px}
.remquick .chip,.steps .chip,.chips .chip{font-size:12.5px;padding:6px 10px}
.acc{border-radius:14px}
.acchead .at{font-size:13.5px}
.acchead .as{font-size:12.5px}
.si-last{background:#E9F7EF;color:#15803D}
/* slim backup line */
.slimline{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:6px 4px;margin:6px 0 2px;font-size:12.5px;color:var(--muted);cursor:pointer;text-align:start}
.slimline svg{width:15px;height:15px;color:#21B26B;flex:none}
.slimline span{flex:1}
.slimline u{color:var(--ink2);font-weight:600;text-decoration-color:rgba(0,0,0,.2)}
/* swipe right */
.swbg.right{justify-content:flex-start;padding-block:0 0;padding-inline:20px 0;background:#9AA3B2}
.swbg.right.go{background:#21B26B}
/* pull to refresh */
.ptr{position:fixed;left:50%;top:calc(58px + env(safe-area-inset-top,0px));z-index:30;width:34px;height:34px;margin-top:-10px;border-radius:50%;background:var(--pane);box-shadow:0 4px 14px rgba(10,26,51,.18);display:flex;align-items:center;justify-content:center;color:var(--muted);transform:translate(-50%,0);pointer-events:none}
.ptr svg{width:17px;height:17px}
.ptr.ready{color:var(--brand-fg)}
.ptr.spin{animation:ptrspin .7s linear infinite;color:var(--brand-fg)}
@keyframes ptrspin{from{transform:translate(-50%,66px) rotate(0)}to{transform:translate(-50%,66px) rotate(360deg)}}
/* appearance row in account menu */
.themeseg{margin:0!important;width:200px}
.themeseg button{padding:6px 2px;font-size:12px}

/* dark theme fixes */
:root[data-theme="dark"] .spill{background:#1E2A3D;color:#C9D4E5}
:root[data-theme="dark"] .spill.st-New{background:#22314A;color:#DCE6F5}
:root[data-theme="dark"] .spill.st-Responded{background:#1C2F4D;color:#8DB6EC}
:root[data-theme="dark"] .spill.st-Quoted{background:#3A2414;color:#778CE8}
:root[data-theme="dark"] .spill.st-Site-visit{background:#2C2340;color:#C2A5EC}
:root[data-theme="dark"] .spill.st-Negotiation{background:#3A2719;color:#7588DA}
:root[data-theme="dark"] .spill.st-Won{background:#15301F;color:#5FD39A}
:root[data-theme="dark"] .spill.st-Lost{background:#341A1C;color:#FF8A8D}
:root[data-theme="dark"] .rcall{background:#1E2A3D;color:#E6ECF5;box-shadow:inset 0 0 0 1px #2B3950}
:root[data-theme="dark"] .si{background:#1E2A3D;color:#C9D4E5}
:root[data-theme="dark"] .si.sc-cold{background:#1B2C44;color:#8DB6EC}
:root[data-theme="dark"] .si.sc-warm{background:#2E2414;color:#6E84DE}
:root[data-theme="dark"] .si.sc-hot{background:#341A1C;color:#FF8A8D}
:root[data-theme="dark"] .si-last{background:#15301F;color:#5FD39A}
:root[data-theme="dark"] .si-fu.today{background:#2E2414;color:#6E84DE}
:root[data-theme="dark"] .si-fu.over{background:#341A1C;color:#FF8A8D}
:root[data-theme="dark"] .si-quote{background:#12302E;color:#5ED3C5}
:root[data-theme="dark"] .stagepick{background:#22314A;color:#DCE6F5}
:root[data-theme="dark"] .callrow .cbtn.no{background:#341A1C;color:#FF8A8D}
:root[data-theme="dark"] .callrow .cbtn.ok{background:#FF6A13;color:#fff}
:root[data-theme="dark"] .cbtn.ok{background:#FF6A13;color:#fff}
:root[data-theme="dark"] .sg-New{background:#8DA2C4}
:root[data-theme="dark"] .lg-item i.sg-New{background:#8DA2C4}
:root[data-theme="dark"] .tcount{background:rgba(255,255,255,.1)}
:root[data-theme="dark"] .slimline u{color:#C9D4E5}
:root[data-theme="dark"] .fbtn.on{background:#FF6A13}
:root[data-theme="dark"] .dlast{color:#8B93A3}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .spill{background:#1E2A3D;color:#C9D4E5}:root:not([data-theme]) .spill.st-New{background:#22314A;color:#DCE6F5}:root:not([data-theme]) .spill.st-Responded{background:#1C2F4D;color:#8DB6EC}:root:not([data-theme]) .spill.st-Quoted{background:#3A2414;color:#778CE8}:root:not([data-theme]) .spill.st-Site-visit{background:#2C2340;color:#C2A5EC}:root:not([data-theme]) .spill.st-Negotiation{background:#3A2719;color:#7588DA}:root:not([data-theme]) .spill.st-Won{background:#15301F;color:#5FD39A}:root:not([data-theme]) .spill.st-Lost{background:#341A1C;color:#FF8A8D}:root:not([data-theme]) .rcall{background:#1E2A3D;color:#E6ECF5;box-shadow:inset 0 0 0 1px #2B3950}:root:not([data-theme]) .si{background:#1E2A3D;color:#C9D4E5}:root:not([data-theme]) .si.sc-cold{background:#1B2C44;color:#8DB6EC}:root:not([data-theme]) .si.sc-warm{background:#2E2414;color:#6E84DE}:root:not([data-theme]) .si.sc-hot{background:#341A1C;color:#FF8A8D}:root:not([data-theme]) .si-last{background:#15301F;color:#5FD39A}:root:not([data-theme]) .si-fu.today{background:#2E2414;color:#6E84DE}:root:not([data-theme]) .si-fu.over{background:#341A1C;color:#FF8A8D}:root:not([data-theme]) .si-quote{background:#12302E;color:#5ED3C5}:root:not([data-theme]) .stagepick{background:#22314A;color:#DCE6F5}:root:not([data-theme]) .callrow .cbtn.no{background:#341A1C;color:#FF8A8D}:root:not([data-theme]) .callrow .cbtn.ok{background:#FF6A13;color:#fff}:root:not([data-theme]) .cbtn.ok{background:#FF6A13;color:#fff}:root:not([data-theme]) .sg-New{background:#8DA2C4}:root:not([data-theme]) .lg-item i.sg-New{background:#8DA2C4}:root:not([data-theme]) .tcount{background:rgba(255,255,255,.1)}:root:not([data-theme]) .slimline u{color:#C9D4E5}:root:not([data-theme]) .fbtn.on{background:#FF6A13}:root:not([data-theme]) .dlast{color:#8B93A3}}

:root[data-theme="dark"] select,:root[data-theme="dark"] .fpanel select{background:#1E2A3D;color:#E6ECF5;border-color:#2B3950}
@media (prefers-color-scheme:dark){:root:not([data-theme]) select{background:#1E2A3D;color:#E6ECF5;border-color:#2B3950}}

/* header search */
.topin .hsearch{margin-inline-start:auto;flex:none;width:34px;height:34px;border-radius:10px;border:0;background:rgba(255,255,255,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.topin .hsearch svg{width:17px;height:17px}
.topin .userbtn{margin-inline-start:0}
.gsbox{flex:1;box-shadow:inset 0 0 0 1px var(--line)}
.conote:focus{outline:2px solid var(--brand);outline-offset:0}
.cochips .chip{font-size:12.5px}
.cnote{margin-top:6px;font-size:13px;color:var(--ink);background:var(--warn-bg,#FFF7E6);border-radius:10px;padding:6px 9px;overflow-wrap:anywhere}.cnote small{color:var(--muted);font-size:11.5px}
.bcai{background:var(--glass);border-radius:14px;padding:12px;margin:0 0 14px}.bcai label{display:block;font-size:12.5px;font-weight:700;color:var(--ink2);margin-bottom:6px}.bcai textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--pane);color:var(--ink);font:inherit;font-size:14.5px;padding:10px;margin-bottom:8px}
.vmban{border:1px dashed var(--line);border-radius:12px;background:var(--glass);min-height:84px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px}.vmban img{display:block;width:100%;height:auto;max-height:240px;object-fit:cover}.vmban span{font-size:13px;color:var(--muted)}
.purbtns{display:flex;gap:8px;margin:0 0 12px}.purbtns .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px}.purbtns .btn svg{width:17px;height:17px}
.spkpis.pur4{grid-template-columns:repeat(2,1fr);margin-bottom:12px}@media (min-width:700px){.spkpis.pur4{grid-template-columns:repeat(4,1fr)}}
.pjmargin{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:12px 14px;border-radius:14px;background:var(--pane);border:1px dashed var(--line)}.pjmargin span{display:block;font-size:12px;font-weight:700;color:var(--ink2)}.pjmargin small{display:block;font-size:11.5px;color:var(--muted)}.pjmargin.neg b{color:var(--bad)}
.invopt{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:var(--pane);box-shadow:0 0 0 1px var(--line);border-radius:14px;padding:10px 13px;font:inherit;color:inherit;cursor:pointer;text-align:start}.invopt b{font-size:14px}.invopt small{font-size:12px;color:var(--muted)}.invopt[aria-pressed="true"]{box-shadow:0 0 0 2px var(--brand,#FF6A13);background:var(--glass)}
.aiplanbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 0;padding:10px 12px;border-radius:14px;background:var(--glass)}.aiplanbar span{flex:1;min-width:180px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink2)}
.lav{position:relative}.lav .avpic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.lav.haspic,.lav:has(> .avpic){background:var(--glass,#EEF2F8)!important}
.picbtn{flex:none;width:44px;height:44px;border-radius:14px;border:0;padding:0;cursor:pointer;color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}
.picbtn:disabled{cursor:default}.picbtn svg{width:20px;height:20px}
.picbtn.supav{background:#5B7DB1}.picbtn.pjav{background:var(--brand,#FF6A13)}
.piccam{position:absolute;inset-inline-end:-4px;bottom:-4px;width:19px;height:19px;border-radius:50%;background:var(--ink,#0B1B33);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px var(--pane,#fff)}
.piccam svg{width:11px!important;height:11px!important}
.pjcardpic{width:42px;height:42px;border-radius:12px;margin-inline-end:10px;overflow:hidden}
.projcard .ctop{align-items:center}
.pdx-av{position:relative;overflow:hidden}.pdx-av .avpic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pdx-nm .pjmini{width:24px;height:24px;border-radius:7px;object-fit:cover;flex:none}
.hbtns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.hbtns .btn svg{width:15px;height:15px;margin-inline-end:4px}
.regtabs{display:grid!important;grid-template-columns:repeat(4,1fr)}.regtabs button{font-size:12.5px;padding-inline-start:4px;padding-inline-end:4px}
.regrow{align-items:center}.regic{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:.02em;color:#fff;background:#1A16B8}
.regic.proforma{background:#0EA5E9}.regic.invoice{background:#16A34A}.regic.receipt{background:#F26A12}
#sheet[data-mode="register"]{height:min(92vh,900px)}.regic{position:relative}.regic.nofile{opacity:.55}.regic i{position:absolute;inset-inline-end:-5px;bottom:-5px;font-style:normal;font-size:8.5px;padding:1px 4px;border-radius:5px;background:#B4332B;color:#fff;box-shadow:0 0 0 2px var(--pane,#fff)}
.rgst{align-self:flex-start}
.rgamt{font-weight:750;white-space:nowrap;margin-inline-start:8px}.rgst{display:inline-block;font-style:normal;font-size:11.5px;font-weight:700;margin-top:4px;padding:2px 8px;border-radius:99px;background:var(--glass,#EEF2F8);color:var(--muted)}
.rgst.ok{background:#E6F6EC;color:#15803D}.rgst.due{background:#FFF1E6;color:#1E3DC2}.rgst.lost{background:#FDECEA;color:#B4332B}.rgst.old{opacity:.75}
.reglink{width:100%;justify-content:center;margin-bottom:12px}.reglink svg{width:16px;height:16px;margin-inline-end:6px}
.coai{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#EEF0FF,#F3EEFF);box-shadow:0 0 0 1px #DCD8FB;margin:0 0 12px}
.coai img{width:30px;height:30px;flex:none}.coai-t{flex:1;min-width:0}.coai-t b{display:block;font-size:14px;color:#1A16B8}.coai-t small{display:block;font-size:12px;color:var(--muted);line-height:1.35}
.ccaimsg{font-size:12.5px;color:#1A16B8;margin:-4px 0 10px;min-height:0}.ccaimsg:empty{display:none}
input.aifilled,textarea.aifilled{box-shadow:0 0 0 2px #7C6CF2 inset!important;background:#F5F3FF!important}
.codiff{padding:10px 12px;border-radius:12px;background:var(--warn-bg);margin:0 0 12px;font-size:13px}.codr{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.codr span{min-width:0;word-break:break-word}
.pjgt{flex:1;display:flex;align-items:center;gap:8px;color:var(--ink)}
.pjgt .pji{display:grid;place-items:center;}
.pjsubbig{margin:0 -2px 14px!important}.pjsubbig button{padding:10px 16px!important;font-size:14px!important}
.cobrand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px;margin:0 0 14px}.cobr{padding:10px;border-radius:14px;background:var(--pane);box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:4px;min-width:0}
.cobr b{font-size:13.5px}.cobr small{font-size:11.5px;color:var(--muted);line-height:1.3;min-height:2.6em}.cobi{height:74px;border-radius:10px;background:repeating-conic-gradient(#F1F3F6 0 25%,#fff 0 50%) 50%/14px 14px;display:grid;place-items:center;overflow:hidden;padding:6px}
.cobi img{max-height:62px;max-width:100%;width:auto;height:auto;object-fit:contain;display:block}.cobi span{font-size:12px;color:var(--muted)}.cobb{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.vmcard{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 4px;padding:14px 14px;border:0;border-radius:18px;cursor:pointer;text-align:start;color:#fff;background:linear-gradient(135deg,#0EA5E9 0%,#38BDF8 55%,#7DD3FC 100%);box-shadow:0 8px 22px rgba(14,165,233,.35)}
.vmcard:active{transform:scale(.99)}.vmc-ic{flex:none;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.22);display:grid;place-items:center}.vmc-ic svg{width:22px;height:22px}
.vmc-t{flex:1;min-width:0}.vmc-t b{display:block;font-size:15.5px;font-weight:800}.vmc-t small{display:block;font-size:12px;opacity:.92;line-height:1.35}.vmc-go svg{width:20px;height:20px}
.mirow{display:flex;align-items:center;gap:10px}.mitx{display:flex;flex-direction:column}.mitem.miai{background:linear-gradient(135deg,#EEF0FF,#F3EEFF);box-shadow:inset 0 0 0 1px #DCD8FB;color:#1A16B8}
.lockscr{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y}.lockscr .lockbox,.lockscr .lpanel{max-width:min(420px,100%)!important;min-width:0;overflow-wrap:anywhere}
html:has(#lock:not([hidden])),html:has(#lock:not([hidden])) body{overflow:hidden;overscroll-behavior:none}
.dsd-ic{flex:none;width:38px;height:38px;border-radius:12px;background:#F97316;color:#fff;display:grid;place-items:center}.swdelbg{position:absolute;inset-inline-start:0;inset-inline-end:0;border-radius:14px;background:#FCA5A5;display:flex;align-items:center;justify-content:flex-end;padding-inline-end:22px;color:#fff;font-weight:800;z-index:0;transition:background .15s}.swdelbg.go{background:#DC2626}
[data-swdel]{position:relative;z-index:1;touch-action:pan-y}
.tplcard.ownc .ownth{width:100%;aspect-ratio:210/297;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line)}.tplcard.ownc .ownth img{width:100%;height:100%;object-fit:cover;object-position:top}
.asksure{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(6,18,38,0);transition:background .15s}
.asksure.open{background:rgba(6,18,38,.45)}
.askbox{width:100%;max-width:340px;background:var(--pane,#fff);border-radius:20px;padding:22px 20px 16px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.25);transform:scale(.94);opacity:0;transition:transform .15s,opacity .15s}
.asksure.open .askbox{transform:none;opacity:1}
.askic{width:46px;height:46px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:var(--glass,#EEF2F8);font-weight:800;font-size:20px;color:var(--ink,#0B1B33)}
.askic.del{background:var(--bad-bg,#FDECEA);color:var(--bad,#B4332B)}.askic svg{width:22px;height:22px}
.askbox h4{margin:0 0 6px;font-size:16.5px;line-height:1.35;font-weight:800;color:var(--ink,#0B1B33)}
.askname{margin:0 0 6px;font-size:13.5px;font-weight:600;color:var(--ink,#0B1B33);word-break:break-word;white-space:pre-line}
.asknote{margin:0 0 4px;font-size:11.5px;line-height:1.4;color:var(--muted,#6B7686)}
.askbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.askbtns .btn{justify-content:center;width:100%}
#asksure .askbtns .btn.danger{background:#C62828!important;color:#fff!important;border-color:transparent!important;opacity:1!important}#asksure .askbtns .btn.danger:hover{background:#A51F1F!important}
.ctitem{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:var(--pane);box-shadow:0 0 0 1px var(--line)}.ctitem.site{box-shadow:0 0 0 1.5px var(--brand,#FF6A13)}.ctitem .btn{padding:7px 9px}.ctitem .btn svg{width:16px;height:16px}
.payacts .chip{font-size:12px;padding:5px 10px}.payacts .chip.on{background:var(--glass);font-weight:700}
.pmfile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.matbill{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--pane);border:1px solid var(--line);border-radius:14px;padding:11px 13px;margin:0 0 10px}.matbill b{display:block;font-size:17px}.matbill .btn{flex:none;display:inline-flex;align-items:center;gap:6px}.matbill .btn svg{width:16px;height:16px}
.vmbai{background:var(--glass);border-radius:12px;padding:10px;margin-bottom:8px;display:grid;gap:8px}.vmbai textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--pane);color:var(--ink);font:inherit;font-size:14px;padding:9px}
.vmchk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2)}.vmchk input{width:18px;height:18px}
.vmbanb{display:flex;gap:8px;margin-bottom:4px}.vmbanb .btn{flex:1;text-align:center;cursor:pointer}
.bcbtns{display:flex;gap:8px;margin:12px 0 4px}.bcbtns .btn{flex:1}
.bcprev{max-width:560px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line);color:#14161C}.bcp-top{background:#0A1A33;padding:16px 20px}.bcp-top img{height:26px;display:block}.bcp-img{display:block;width:100%;height:auto}
.bcp-in{padding:20px}.bcp-in h2{margin:0 0 12px;font-size:20px;color:#0A1A33}.bcp-in p{margin:0 0 12px;font-size:15px;line-height:1.6;color:#2A2F3A}.bcp-btn{display:inline-block;background:#FF6A13;color:#fff;font-weight:700;padding:11px 20px;border-radius:12px;margin-top:4px}
.outgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:6px}
.outgrid .btn{min-height:44px;font-size:14px}
.outgrid .outno{color:#C0262D;background:#FDF1F1}
/* selection */
.lrow.picked{background:#FFF4EC!important}
.lrow.picked .lav{background:var(--brand)!important;color:transparent;position:relative}
.lrow.picked .lav::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:7px;border-inline-start:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:translate(-50%,-70%) rotate(-45deg)}
body.selmode .rcall{visibility:hidden}
#selbar{position:fixed;inset-inline-start:12px;inset-inline-end:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;padding:8px;border-radius:16px;background:#0A1A33;color:#fff;box-shadow:0 14px 34px rgba(6,18,38,.35)}
#selbar .grow{flex:1}
#selbar button{border:0;border-radius:10px;font-weight:650;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
#selbar button.no{background:#E5383B}
body.selmode .bnav,body.selmode .fab{display:none!important}
.rcall,.row[data-open]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/* install banner */
.instbar{display:flex;align-items:center;gap:10px;margin:4px 0 10px;padding:10px 12px;background:var(--pane);border-radius:14px;box-shadow:var(--lift)}
.instbar img{border-radius:9px;flex:none}
.instbar span{flex:1;display:flex;flex-direction:column;min-width:0}
.instbar b{font-size:13.5px}
.instbar small{font-size:12px;color:var(--muted)}
.instx{border:0;background:none;font-size:18px;color:var(--muted);padding:0 4px;cursor:pointer}
/* offline bar */
#netbar{position:fixed;left:50%;top:calc(56px + env(safe-area-inset-top,0px));z-index:60;transform:translate(-50%,-140%);transition:transform .25s ease;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#33415C;color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.2)}
#netbar.show{transform:translate(-50%,8px)}
#netbar svg{width:15px;height:15px}
:root[data-theme="dark"] .lrow.picked{background:#2A1D14!important}
:root[data-theme="dark"] .outgrid .outno{background:#341A1C;color:#FF8A8D}

/* hero slide illustrations */
.hslide{position:relative;overflow:hidden}
.hslide > *:not(.hart){position:relative;z-index:1}
.hslide .big,.hslide .hsub{max-width:calc(100% - 104px)}
.hart{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-54%);width:118px;height:110px;z-index:0;pointer-events:none}
.hart svg{width:100%;height:100%}
@media (min-width:600px){.hart{width:150px;height:140px;inset-inline-end:20px}.hslide .big,.hslide .hsub{max-width:calc(100% - 160px)}}

/* connect slide: real WhatsApp mark + Vego logo */
.hconn{display:flex;align-items:center;justify-content:center;gap:8px}
.hcwa{width:46px;height:46px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(37,211,102,.35);flex:none}
.hcarr{display:flex;gap:4px}
.hcarr i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55);animation:hcdot 1.4s infinite}
.hcarr i:nth-child(2){animation-delay:.2s}.hcarr i:nth-child(3){animation-delay:.4s}
@keyframes hcdot{0%,100%{opacity:.25}50%{opacity:1;background:#FF6A13}}
.hclogo{width:46px;height:46px;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.12);flex:none}
@media (prefers-reduced-motion:reduce){.hcarr i{animation:none;opacity:.7}}
.hart.hconn{width:142px;inset-inline-end:14px;gap:7px}
.hcwa,.hclogo{width:42px;height:42px}
.hcwa svg{width:25px;height:25px}
.hslide .hsub{max-width:calc(100% - 150px)}

/* WhatsApp mark: always the official glyph on WhatsApp green */
.wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#25D366!important;color:#fff!important}
.wa-btn svg{width:16px;height:16px;flex:none}
.wabadge{width:28px;height:28px;border-radius:50%;background:#25D366;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}
.wabadge svg{width:17px;height:17px}
.wabadge.sm{width:22px;height:22px}
.wabadge.sm svg{width:13px;height:13px}
.actb .ai.wa svg,.conncard .logo svg{width:18px;height:18px}

/* ===== Business module ===== */
.htools{display:grid;margin:2px 0 12px}
.htool{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:var(--pane);box-shadow:var(--lift);border-radius:14px;padding:11px 4px 9px;font-size:12px;font-weight:650;color:var(--ink);cursor:pointer}
.htool:active{transform:scale(.97)}
.hti.quote{background:#FFF0E5;color:#1D3FCF}.hti.invoice{background:#E6EEFA;color:#2C5596}.hti.expense{background:#FDE8E8;color:#C0262D}.hti.day{background:#E9F7EF;color:#15803D}
.newbiz{flex:none;align-self:center}
.btn.sm svg{width:14px;height:14px;vertical-align:-2px;margin-inline-end:4px}
.bizrow{gap:12px;align-items:center}
.bzic{flex:none;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.bzic.inv{background:#E6EEFA;color:#2C5596}.bzic.exp{background:#FDE8E8;color:#C0262D}
.bzamt{font-size:14px;color:var(--ink)}
.bizrow .main{min-width:0;flex:1}
.bizrow .nm{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bizrow .meta{font-size:12px;color:var(--muted)}
.bizrow .sirow{margin-top:5px}
.spill.ivst-paid{background:#E3F6EC;color:#15803D}.spill.ivst-unpaid{background:#EEF1F6;color:#33415C}.spill.ivst-partial{background:#FFF4D6;color:#1630A1}.spill.ivst-overdue{background:#FDE8E8;color:#B91C1C}
.expbar{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:10px;border:0;background:none;padding:5px 2px;border-radius:8px;font-size:12.5px;color:var(--ink2);cursor:pointer;text-align:start}
.expbar i{height:8px;border-radius:99px;background:var(--glass);overflow:hidden;display:block}
.expbar em{display:block;height:100%;border-radius:99px;background:#E5383B}
.expbar.on{background:var(--glass)}
.expamt{display:flex;align-items:baseline;gap:8px;border-bottom:2px solid var(--line);margin:4px 0 14px;padding-bottom:6px}
.expamt span{font-size:16px;color:var(--muted);font-weight:600}
.expamt input{flex:1;border:0!important;background:none!important;box-shadow:none!important;font-size:30px;font-weight:750;padding:0!important;outline:none;letter-spacing:-.02em;min-width:0}
.dsdy{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;border:0;background:none;border-radius:10px;padding:5px 0;cursor:pointer;color:var(--ink2)}
.dsdy span{font-size:10.5px;font-weight:600;color:var(--muted)}
.dsdy i{width:5px;height:5px;border-radius:50%;background:transparent}
.dsdy i.has{background:var(--brand)}
.dsdy.today b{color:var(--brand-fg)}
.dsdy.on{background:linear-gradient(180deg,#2D44B8 0%,#14206B 100%);color:#fff;box-shadow:0 6px 14px -8px rgba(20,32,107,.8)}.dsdy.on span{color:rgba(255,255,255,.7)}.dsdy.on b{color:#fff}.dsdy.on i.has{background:#fff}
.tline{position:relative;display:flex;flex-direction:column;gap:8px}
.tli{display:grid;grid-template-columns:62px 14px 1fr;align-items:start;gap:8px;border:0;background:var(--pane);box-shadow:var(--lift);border-radius:14px;padding-block:12px 12px;padding-inline:10px 12px;text-align:start;cursor:pointer;color:var(--ink)}
.tld{width:10px;height:10px;border-radius:50%;margin-top:4px;background:var(--brand)}
.tli.appt .tld{background:#8B5CF6}.tli.rem .tld{background:#FF6A13}.tli.fu .tld{background:#F2A33A}.tli.inst .tld{background:#21B26B}
.tli.past{opacity:.55}
:root[data-theme="dark"] .hti.quote{background:#3A2414}:root[data-theme="dark"] .hti.invoice,:root[data-theme="dark"] .bzic.inv{background:#1C2F4D;color:#8DB6EC}:root[data-theme="dark"] .hti.expense,:root[data-theme="dark"] .bzic.exp{background:#341A1C;color:#FF8A8D}:root[data-theme="dark"] .hti.day{background:#15301F;color:#5FD39A}
:root[data-theme="dark"] .dsdy.on{background:#FF6A13}
.bizrow .main{display:flex;flex-direction:column;gap:1px}
.bizrow .rside{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}
.bizrow > .spill{flex:none}
.jdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:6px;vertical-align:1px;background:#9AA3B2;flex:none}
.jdot.js-started{background:#F2A33A}.jdot.js-onsite{background:#3B82F6}.jdot.js-done{background:#21B26B}
.jst{flex:none;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;background:#EEF1F6;color:#33415C;white-space:nowrap}
.jst.js-started{background:#FFF4D6;color:#1630A1}.jst.js-onsite{background:#E6EEFA;color:#2C5596}.jst.js-done{background:#E3F6EC;color:#15803D}
.jbusy{font-size:10.5px;color:var(--muted);font-weight:600}
.tli.job .tld{background:#0A1A33}
:root[data-theme="dark"] .jst{background:#1E2A3D;color:#C9D4E5}:root[data-theme="dark"] .jst.js-done{background:#15301F;color:#5FD39A}:root[data-theme="dark"] .jst.js-started{background:#2E2414;color:#6E84DE}:root[data-theme="dark"] .jst.js-onsite{background:#1C2F4D;color:#8DB6EC}

/* bills */
.billshot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;border:2px dashed var(--line);border-radius:16px;background:var(--glass);margin:0 0 14px;cursor:pointer;color:var(--muted);font-size:13px;font-weight:600;overflow:hidden;position:relative}
.billshot svg{width:30px;height:30px;color:var(--brand-fg)}
.billshot.has{border-style:solid;border-color:#21B26B}
.billshot.has span{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:rgba(10,26,51,.75);color:#fff;padding:4px 10px;border-radius:99px;font-size:12px}
.billlist{display:flex;flex-direction:column;gap:8px}
.bst.bs-pending{background:#FFF4D6;color:#1630A1}.bst.bs-approved{background:#E3F6EC;color:#15803D}.bst.bs-rejected{background:#FDE8E8;color:#B91C1C}.bst.bs-paid{background:#E6EEFA;color:#2C5596}
.jup{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:13px}
.jup svg{width:16px;height:16px}
.hti.docs{background:#E6EEFA;color:#2C5596}.hti.bills{background:#E9F7EF;color:#15803D}
:root[data-theme="dark"] .bst.bs-pending{background:#2E2414;color:#6E84DE}:root[data-theme="dark"] .bst.bs-approved{background:#15301F;color:#5FD39A}:root[data-theme="dark"] .bst.bs-rejected{background:#341A1C;color:#FF8A8D}

/* cash book */
.cbhero{background:radial-gradient(120% 140% at 100% 0%,#1D4275 0%,#0A1A33 60%);color:#fff;border-radius:18px;padding:16px;margin:0 0 12px;box-shadow:0 12px 28px rgba(10,26,51,.22)}
.cbhero > span{font-size:12.5px;color:rgba(255,255,255,.7);font-weight:600}
.cbhero > b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;margin:2px 0 12px}
.cbhero b.neg{color:#FF8A8D}
.cbbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cbbtns .btn{background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.cbsign.in{background:#21B26B;color:#fff}.cbsign.out{background:#E5383B;color:#fff}
.cbday{background:var(--pane);border-radius:14px;box-shadow:var(--lift);padding:6px 12px}
.cbline{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 2px;font-size:13.5px}
.cbline small{color:var(--muted);font-weight:500;font-size:11.5px}
.cbline b{font-size:14px;white-space:nowrap}
.cbline.tot{padding:6px 2px;border-top:1px solid var(--line);font-size:13px;color:var(--ink2)}
.cbamt.in,.cbline b.in,.cbtr .in{color:#15803D}.cbamt.out,.cbline b.out,.cbtr .out{color:#C0262D}
.cbday b.neg,.cbtr b.neg{color:#C0262D}
.cbtable{background:var(--pane);border-radius:14px;box-shadow:var(--lift);overflow:hidden}
.cbth span:not(:first-child),.cbtr > :not(:first-child){text-align:end}
.cbtr{width:100%;border:0;border-top:1px solid var(--line);background:none;font-size:12.5px;color:var(--ink);cursor:pointer;text-align:start}
.cbtr.on{background:#FFF4EC}
:root[data-theme="dark"] .cbtr.on{background:#2A1D14}
#sheet[data-mode="invrec"] .spadd,#sheet[data-mode="project"] .spadd{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#sheet[data-mode="invrec"] .spadd .btn,#sheet[data-mode="project"] .spadd .btn{grid-column:1/-1;min-height:42px}
#sheet[data-mode="invrec"] .spadd > *,#sheet[data-mode="project"] .spadd > *{min-width:0;width:100%}

.xpchips .chip small{color:var(--muted);font-weight:500;margin-inline-start:3px}
.xpchips .chip[aria-pressed="true"] small{color:rgba(255,255,255,.7)}
.expbar.prj em{background:#2C5596}
.expbar.prj span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* staff cash */
.stcash{background:var(--pane);border-radius:14px;box-shadow:var(--lift);padding:12px;margin:0 0 12px}
.stch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.stch b{font-size:14px;display:block}.stch span{font-size:12px;color:var(--muted)}
.stcrow{display:flex;align-items:center;gap:10px;width:100%;border:0;border-top:1px solid var(--line);background:none;padding:9px 2px;cursor:pointer;color:var(--ink);text-align:start}
.stcrow b.neg{color:#C0262D}
.stcrow .chev{width:16px;height:16px;color:var(--muted)}
.mywallet{display:block;width:100%;border:0;text-align:start;cursor:pointer}
.mywallet em{display:block;font-style:normal;font-size:12px;color:rgba(255,255,255,.7);margin-top:-6px}
.cbd{font-size:11px;color:var(--muted);font-weight:600;margin-inline-end:4px}

/* company print, logo */
.coprint{font-size:12.5px;color:var(--muted);background:var(--glass);border-radius:10px;padding:8px 10px;margin:0 0 10px}
/* add to schedule */
.addsched .row{gap:12px;border-radius:12px;margin-bottom:6px;background:var(--glass)}
.addsched .main{display:flex;flex-direction:column}
.addsched .nm{font-weight:600}
.tli.task .tld{background:#5B7DB1}
.fxrow .btn.bad{background:#FDE8E8;color:#B91C1C}

/* ===== page hero (same look as Home on every page) ===== */
.pghero{position:relative;background:radial-gradient(120% 140% at 100% 0%,#1D4275 0%,#0A1A33 62%);color:#fff;border-radius:20px;padding:16px;margin:0 0 14px;box-shadow:0 12px 30px rgba(10,26,51,.22);overflow:hidden}
.pghero::after{content:"";position:absolute;inset-inline-end:-30px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,19,.22),transparent 65%);pointer-events:none}
.pgh-top{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.pgh-ic{flex:none;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#4968EA}
.pgh-ic svg{width:20px;height:20px}
.pgh-t{min-width:0;flex:1}
.pgh-ic.pgh-logo{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;width:48px!important;height:48px!important}.pgh-ic.pgh-logo img{width:48px;height:48px;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.pghero h1{color:#fff!important;font-size:21px!important;margin:0!important;letter-spacing:-.02em}
.pghero .sub{color:rgba(255,255,255,.72)!important;margin:2px 0 0!important;font-size:12.5px!important}
.pghero .linkbtn2{color:#7C91EA!important}
.pgh-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-top:14px}
.pgs{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border-radius:12px;padding:9px 10px;min-width:0}
.pgs b{display:block;font-size:18px;font-weight:700;letter-spacing:-.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pgs span{display:block;font-size:11px;color:rgba(255,255,255,.68);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pgs.hot b{color:#4968EA}


.pdhead{display:flex;align-items:center;justify-content:space-between}
.pdcount{font-size:12.5px;color:var(--muted);font-weight:600}.pdcount b{color:var(--ink);font-size:14px}
.pdeck{display:grid;padding-bottom:10px;margin-top:8px;transition:padding .3s;position:relative;z-index:0;isolation:isolate}
.pdeck .pdcard{grid-area:1/1;align-self:start;position:relative;overflow:hidden;cursor:pointer;border-radius:20px;background:linear-gradient(160deg,var(--tone,#fff) 0%,#FFFFFF 55%,#F6F2EA 100%);transform-origin:50% 0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s ease;touch-action:pan-y;will-change:transform;box-shadow:0 -6px 18px rgba(10,26,51,.08),0 10px 26px rgba(10,26,51,.12),0 0 0 1px rgba(10,26,51,.07);color:#0A1A33}
.pdcard > :not(.pdart){position:relative}
.pdic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#0A1A33,#21406E);color:#fff}.pdic svg{width:17px;height:17px}
.pdcard .pbar{margin:8px 0 0}
:root[data-theme="dark"] .pdeck .pdcard{color:#0A1A33}
.pdnav{display:flex;align-items:center;justify-content:center;gap:14px;margin:2px 0 10px}
.pdb{width:36px;height:36px;border-radius:12px;border:0;background:var(--card,var(--pane));box-shadow:0 0 0 1px var(--line);color:var(--ink);display:grid;place-items:center;cursor:pointer}.pdb svg{width:18px;height:18px}
.pddots{display:flex;gap:5px}.pddots i{width:6px;height:6px;border-radius:4px;background:var(--line);transition:width .2s}.pddots i.on{width:18px;background:var(--brand)}

.pjtabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:2px -2px 14px;padding:2px}
.pjtabs::-webkit-scrollbar{display:none}
.pjsub{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:-6px -2px 14px;padding:2px}.pjsub::-webkit-scrollbar{display:none}
.pjsub button{flex:0 0 auto;border:0;background:none;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;font-weight:650;color:var(--ink2);white-space:nowrap;cursor:pointer}
.pjsub button[aria-selected="true"]{background:var(--ink,#0A1A33);color:var(--pane,#fff);box-shadow:none}
.pjsub em{font-style:normal;color:#fff;border-radius:99px;}
.pjtabs button{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:var(--card,var(--pane));box-shadow:0 0 0 1px var(--line);border-radius:14px;padding:9px 10px 8px;font:inherit;font-size:10.5px;font-weight:600;color:var(--ink2);cursor:pointer;min-width:0;padding-inline-start:2px;padding-inline-end:2px;white-space:nowrap}
.pjtabs button[aria-selected="true"]{background:#0A1A33;color:#fff;box-shadow:none}
.pji{position:relative;width:22px;height:22px;display:grid;place-items:center}.pji svg{width:20px;height:20px}
.pji em{position:absolute;font-style:normal;color:#fff;border-radius:8px;padding:0 4px;line-height:15px;min-width:15px;text-align:center}
.pjhint{font-size:12.5px;color:var(--muted);margin:0 0 10px}
.pjempty{background:var(--glass);border-radius:14px;padding:16px;text-align:center;font-size:13px;color:var(--muted)}
.pjfiles{display:flex;flex-direction:column;gap:8px}
.pjf{display:flex;align-items:center;gap:10px;background:var(--card,var(--pane));border-radius:14px;padding:8px;box-shadow:0 0 0 1px var(--line)}
.pjthumb{flex:none;width:52px;height:52px;border-radius:10px;overflow:hidden;border:0;padding:0;background:var(--glass);display:grid;place-items:center;cursor:pointer}
.pjthumb img{width:100%;height:100%;object-fit:cover}
.pjext{font-size:11px;font-weight:700;color:#475467}.pjext.pdf{color:#C0262D}
.pjfn b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pjfn span{display:block;font-size:11.5px;color:var(--muted)}
.pjdel{flex:none;width:28px;height:28px;border-radius:9px;border:0;background:var(--glass);color:var(--muted);font-size:16px;cursor:pointer}
.scbar{height:8px;border-radius:6px;background:var(--glass);overflow:hidden}.scbar i{display:block;height:100%;background:#16A34A;border-radius:6px}
.scrow{display:flex;align-items:center;gap:10px;background:var(--card,var(--pane));border-radius:12px;padding:9px 10px;box-shadow:0 0 0 1px var(--line)}
.scck{flex:none;width:26px;height:26px;border-radius:8px;border:2px solid #CBD2DC;background:none;color:#fff;font-weight:700;font-size:14px;cursor:pointer;display:grid;place-items:center;padding:0}
.scrow.done .scck{background:#16A34A;border-color:#16A34A}.scrow.done .sct b{text-decoration:line-through;color:var(--muted)}
.pdquick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 2px}
.pdquick button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;border-radius:12px;padding:8px 2px 7px;background:rgba(10,26,51,.05);box-shadow:inset 0 0 0 1px rgba(10,26,51,.06);color:#0A1A33;font:inherit;font-size:10.5px;font-weight:600;cursor:pointer}
.pdquick button svg{width:18px;height:18px;color:#294CE5}

/* welcome + tour */
.tourwel{position:fixed;inset:0;z-index:9990;backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:16px;opacity:0;transition:opacity .25s}
.tourwel.on{opacity:1}
.twcard{width:100%;max-width:420px;background:linear-gradient(170deg,#0A1A33 0%,#132B52 60%,#1B3A66 100%);color:#fff;border-radius:26px;box-shadow:0 20px 50px rgba(0,0,0,.4);position:relative;overflow:hidden;transform:translateY(30px);transition:transform .35s cubic-bezier(.2,.8,.2,1);margin-bottom:max(8px,env(safe-area-inset-bottom))}
.tourwel.on .twcard{transform:none}
.twcard::after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.45),transparent 70%)}
.twlogo{overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.3)}.twlogo img{width:100%;height:100%;display:block}
.twcard p{margin:0 0 12px;font-size:14px;line-height:1.45}
.twcard ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}
.twcard li{display:flex;align-items:center;gap:10px;font-size:13.5px;}
.twcard li svg{width:18px;height:18px;flex:none;padding:6px;box-sizing:content-box}
.twgo{width:100%;height:48px;font-size:15.5px;border-radius:14px!important}
.twskip{width:100%;margin-top:6px;border:0;background:none;color:rgba(255,255,255,.65);font:inherit;font-size:14px;font-weight:600;padding:10px;cursor:pointer}
#tour{position:fixed;inset:0;z-index:10000}
#tour[hidden]{display:none}
.tspot{position:fixed;transition:all .35s cubic-bezier(.2,.8,.2,1);pointer-events:none;outline:2px solid rgba(249,115,22,.9);outline-offset:2px}
.ttip{position:fixed;background:#fff;color:#0A1A33;border-radius:18px;padding:14px 14px 12px;box-shadow:0 18px 40px rgba(0,0,0,.35);opacity:0;transform:translateY(6px)}
.ttip.in{opacity:1;transform:none;transition:opacity .25s,transform .25s}
.tthead{display:flex;align-items:center;justify-content:space-between}
.ttx{border:0;background:#F1F4F8;color:#475467;width:28px;height:28px;border-radius:9px;font-size:16px;cursor:pointer}

.ttdots{display:flex;gap:4px;margin:12px 0 10px}.ttdots i{width:6px;height:6px;border-radius:4px;background:#E2E8F0}.ttdots i.on{width:16px;background:#F97316}
.ttbtns{display:flex;gap:8px;justify-content:flex-end}.ttbtns .btn{height:38px}
body.touring{overflow:hidden}

.hslide > .hbg{position:absolute!important;inset:0;z-index:0!important;background:linear-gradient(90deg,rgba(6,20,44,.92) 0%,rgba(8,28,60,.7) 42%,rgba(10,40,80,.05) 75%),url("/img/hero/hero-leads.webp") 72% 40%/cover no-repeat;border-radius:inherit;pointer-events:none}
.hslide > .hbg-reply{background:linear-gradient(90deg,rgba(6,20,44,.92) 0%,rgba(8,28,60,.7) 42%,rgba(10,40,80,.05) 75%),url("/img/hero/hero-reply.webp") 70% 55%/cover no-repeat}
.hslide > .hbg-sched{background:linear-gradient(90deg,rgba(6,20,44,.92) 0%,rgba(8,28,60,.68) 45%,rgba(10,40,80,.05) 78%),url("/img/hero/hero-schedule.webp") 75% 70%/cover no-repeat}
.hslide > .hbg-conn{background:linear-gradient(90deg,rgba(6,20,44,.92) 0%,rgba(8,28,60,.68) 45%,rgba(10,40,80,.05) 78%),url("/img/hero/hero-connect.webp") 78% 75%/cover no-repeat}
.hslide > .hbg-proj{background:linear-gradient(90deg,rgba(6,20,44,.95) 0%,rgba(6,20,44,.85) 40%,rgba(8,28,60,.35) 66%,rgba(10,40,80,0) 85%),url("/img/hero/hero-projects.webp") right 28%/auto 118% no-repeat,#0A1A33}
.pjslide:has(.hbg-proj) .pjnext,.pjslide:has(.hbg-proj) .pjv{text-shadow:0 1px 8px rgba(0,0,0,.6)}
.pjslide:has(.hbg-proj) .pjv,.pjslide:has(.hbg-proj) .pjrow,.pjslide:has(.hbg-proj) .pjnext{max-width:68%}
.pghero.pg-day{background:linear-gradient(90deg,rgba(6,20,44,.94) 0%,rgba(8,28,60,.72) 48%,rgba(10,40,80,.08) 80%),url("/img/hero/hero-day.webp") 85% 45%/cover no-repeat,#0A1A33}
.pghero.pg-day::before,.pghero.pg-day::after{display:none}
.pghero.pg-day .pgh-t{max-width:66%}
.pghero.pg-leads::before,.pghero.pg-leads::after{display:none}
.pghero.pg-leads .pgh-t{max-width:62%}
.hslide > .hbg-target{background:linear-gradient(90deg,rgba(6,20,44,.95) 0%,rgba(6,20,44,.82) 45%,rgba(8,28,60,.45) 75%,rgba(10,40,80,.25) 100%),url("/img/hero/hero-target.webp") 70% 40%/cover no-repeat,#0A1A33}
.pjslide:has(.hbg-target) .tgsplit div{background:rgba(6,20,44,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pghero.pg-today::before,.pghero.pg-today::after{display:none}
.pghero.pg-today .pgh-t{max-width:62%}
.pghero.pg-calls{background:linear-gradient(90deg,#0A1A33 0%,#0A1A33 40%,rgba(10,26,51,.7) 56%,rgba(10,26,51,.1) 76%,rgba(10,26,51,0) 100%),url("/img/hero/hero-calls.webp") right 20%/auto 120% no-repeat,#FBFBFC}
.pghero.pg-calls::before,.pghero.pg-calls::after{display:none}
.pghero.pg-calls .pgh-t{max-width:60%}
.pghero.pg-quotes::before,.pghero.pg-quotes::after{display:none}
.pghero.pg-quotes .pgh-t{max-width:62%}
.pghero.pg-quotes .pgs b{font-size:16px}
.pghero.pg-quotes .pgs{background:rgba(6,20,44,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hslide:has(.hbg) .big,.hslide:has(.hbg) .hsub{max-width:62%!important}

.pfhero.pfhome{display:block;width:100%;text-align:start;border:0;font:inherit;cursor:pointer;margin:14px 0 12px}
.pfh1{display:block;margin:10px 0 2px;font-size:24px;letter-spacing:-.03em;color:#0A1A33;font-weight:700}
.pfgo{position:absolute!important;inset-inline-end:14px;top:16px;display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:700;color:#2563EB;background:rgba(255,255,255,.75);border-radius:999px;padding-block:6px 6px;padding-inline:12px 8px;box-shadow:inset 0 0 0 1px rgba(37,99,235,.15)}
.pfgo svg{width:16px;height:16px}
.pfhome:active{transform:scale(.99)}
.gmap{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:#E8EEF6;margin-bottom:8px}
.gmap iframe{width:100%;height:100%;border:0;display:block}
.geobtns{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.geobtns .btn{display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.geobtns .btn svg{width:15px;height:15px}
.geonote{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-bottom:6px}.geonote svg{width:15px;height:15px;color:#EA4335}
.geohint{font-size:12px;color:var(--muted);margin:6px 0 0}

/* home tools 3D */
.ht3d{position:relative;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.8),rgba(255,255,255,0) 46%),linear-gradient(145deg,color-mix(in srgb,var(--c) 50%,#fff),var(--c));box-shadow:0 10px 18px color-mix(in srgb,var(--c) 35%,transparent),inset 0 -3px 6px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.7);transform:rotate(-6deg);transition:transform .2s}
.ht3d svg{width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.ht3d em{position:absolute;top:-6px;inset-inline-end:-8px;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:#EF4444;border-radius:9px;padding:0 5px;line-height:17px;min-width:17px;text-align:center;box-shadow:0 0 0 2px var(--pane);transform:rotate(6deg)}
.updlist{display:flex;flex-direction:column;gap:6px}
.updrow{display:flex;align-items:center;gap:10px;border:0;text-align:start;font:inherit;color:var(--ink);background:var(--card,var(--pane));border-radius:14px;padding:9px 10px;box-shadow:0 0 0 1px var(--line);cursor:pointer}
.updrow.new{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 5%,var(--pane))}
.updic{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.7),rgba(255,255,255,0) 46%),linear-gradient(145deg,color-mix(in srgb,var(--c) 55%,#fff),var(--c))}
.updic svg{width:17px;height:17px}
.updm{flex:1;min-width:0}.updm b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.updm span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.updt{flex:none;font-size:11.5px;color:var(--muted);font-weight:600}
.pjadd{position:absolute!important;top:14px;inset-inline-end:14px;z-index:3!important;width:42px;height:42px;border-radius:14px;border:0;cursor:pointer;color:#fff;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.55),rgba(255,255,255,0) 46%),linear-gradient(145deg,#FFA45C,#F97316);box-shadow:0 10px 20px rgba(249,115,22,.45),inset 0 -3px 6px rgba(0,0,0,.15)}
.pjadd svg{width:22px;height:22px}
.pjadd:active{transform:scale(.94)}
.pjmapb{position:absolute!important;top:14px;inset-inline-end:64px;z-index:3!important;width:42px;height:42px;border-radius:14px;border:0;cursor:pointer;color:#fff;display:grid;place-items:center;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.pjmapb svg{width:20px;height:20px}
.pmap{height:min(62vh,520px);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:#E8EEF6;position:relative}
.pmaploading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px;padding:20px;text-align:center}
.pmleg{display:flex;gap:14px;margin:8px 2px;font-size:12px;color:var(--muted);font-weight:600}.pmleg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:5px;vertical-align:-1px}
.pmiw{display:flex;flex-direction:column;gap:2px;font:13px system-ui,sans-serif;color:#0A1A33;max-width:220px}.pmiw b{font-size:14px}.pmiw span{color:#64748B}.pmiw div{margin-top:6px}.pmiw a{color:#1A73E8;font-weight:600;text-decoration:none}
.geoac{margin:6px 0}.geoac gmp-place-autocomplete{width:100%}
.gmstat{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--glass);font-size:13.5px;margin-bottom:12px}.gmstat.on{background:#DCFCE7;color:#15803D}.gmstat svg{width:16px;height:16px}
.calhero{display:flex;gap:12px;align-items:center;background:var(--glass);border-radius:16px;padding:12px;margin-bottom:12px}.calhero b{display:block;font-size:14.5px}.calhero span{display:block;font-size:12.5px;color:var(--muted)}
.calbtn{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin-bottom:8px;text-decoration:none;font-size:14.5px}
.drvchip{display:inline-flex;align-items:center;margin-block:4px 4px;margin-inline:8px 0;border:0;border-radius:999px;padding:5px 11px;font:inherit;font-size:12.5px;font-weight:600;color:#1A73E8;background:#E8F0FE;cursor:pointer;white-space:nowrap}
.rtlist{margin-top:6px}
.rtstop{display:flex;align-items:center;gap:10px;width:100%;border:0;text-align:start;font:inherit;color:var(--ink);background:var(--card,var(--pane));border-radius:14px;padding:10px 12px;box-shadow:0 0 0 1px var(--line);cursor:pointer}
.rtstop.me{cursor:default;background:var(--glass);box-shadow:none}
.rtstop b{display:block;font-size:14px}.rtstop span:not(.rtn){display:block;font-size:12px;color:var(--muted)}
.rtn{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1A73E8;color:#fff;font-weight:700;font-size:13px}
.rtstop.me .rtn{background:#16A34A;font-size:10px}
.rtleg{margin-block:0 0;margin-inline:25px 0;padding-block:7px 7px;padding-inline:18px 0;border-inline-start:2px dashed #A8C3F0;font-size:12px;font-weight:600;color:#1A73E8}
.lk-gis{display:flex;justify-content:center;margin-top:2px;min-height:44px}
/* ---------- pipeline: glass flow ---------- */
.pfhero{position:relative;overflow:hidden;border-radius:24px;padding:20px 18px 18px;margin:0 0 16px;color:#0A1A33;background:linear-gradient(160deg,#E3EDFD 0%,#EEF3FC 55%,#F4F6FC 100%);box-shadow:0 14px 34px rgba(37,99,235,.14),inset 0 0 0 1px rgba(255,255,255,.8)}
.pfhero::before{content:"";position:absolute;top:0;inset-inline-end:0;bottom:0;width:78%;background:url("/img/pipe-art.webp") right top/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 30%,#000 60%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 30%,#000 60%);pointer-events:none}
.pfhero > *{position:relative;z-index:1}
.pfkick{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2563EB;background:rgba(255,255,255,.7);border-radius:999px;padding:4px 10px;box-shadow:inset 0 0 0 1px rgba(37,99,235,.15)}
.pfhero h1{margin:10px 0 2px;font-size:26px;letter-spacing:-.03em;color:#0A1A33}
.pfbig{font-size:30px;font-weight:700;letter-spacing:-.03em;color:#0A1A33;display:flex;align-items:baseline;gap:8px}
.pfbig small{font-size:12.5px;font-weight:600;color:#4B5B76;letter-spacing:0}
.pfmini{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pfmini span{display:flex;flex-direction:column;background:rgba(255,255,255,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:8px 12px;font-size:11px;font-weight:600;color:#4B5B76;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 6px 14px rgba(37,99,235,.08)}
.pfmini b{font-size:17px;color:#0A1A33;font-weight:700}
.pflow{position:relative;padding-inline-start:4px}
.pflow::before{content:"";position:absolute;inset-inline-start:25px;top:20px;bottom:20px;width:2px;border-radius:2px;background:linear-gradient(180deg,#3B82F6,#06B6D4,#8B5CF6,#F59E0B,#F97316);opacity:.35}
.pflow.closed::before{background:linear-gradient(180deg,#16A34A,#94A3B8)}
.pfstage{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:10px;margin-bottom:10px;animation:pfin .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}
@keyframes pfin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pfnode{grid-row:1;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;z-index:1;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.75),rgba(255,255,255,0) 45%),linear-gradient(145deg,color-mix(in srgb,var(--c) 55%,#fff),var(--c));box-shadow:0 8px 18px color-mix(in srgb,var(--c) 38%,transparent),inset 0 -3px 6px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.6)}
.pfnode svg{width:21px;height:21px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}
.pfhead{grid-row:1;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;border:0;cursor:pointer;text-align:start;font:inherit;color:#0A1A33;padding:9px 12px;border-radius:16px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 6px 18px rgba(30,64,175,.07),0 0 0 1px rgba(10,26,51,.05)}
.pfstage.open .pfhead{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 45%,#fff),0 10px 24px color-mix(in srgb,var(--c) 18%,transparent)}
.pft{grid-column:1;grid-row:1;min-width:0}.pft b{display:block;font-size:14.5px;font-weight:700}.pft small{display:block;font-size:11.5px;color:#64748B;font-weight:600}
.pfbar{grid-column:1 / 3;grid-row:2;height:6px;border-radius:6px;background:color-mix(in srgb,var(--c) 12%,#EEF2F8);margin-top:7px;overflow:hidden}
.pfbar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 60%,#fff),var(--c));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.pfn{grid-column:2;grid-row:1;font-size:20px;font-weight:700;color:var(--c)}
.pfchev{grid-column:3;grid-row:1 / 3;width:18px;height:18px;color:#94A3B8;transition:transform .25s}
.pfstage.open .pfchev{transform:rotate(180deg)}
.pfleads{grid-column:1 / 3;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:10px 6px;padding-inline:54px 2px;scroll-snap-type:x proximity}
.pfleads::-webkit-scrollbar{display:none}
.pfcard{flex:0 0 172px;scroll-snap-align:start;text-align:start;border:0;cursor:pointer;font:inherit;color:#0A1A33;border-radius:16px;padding:10px 11px;background:linear-gradient(160deg,rgba(255,255,255,.95),color-mix(in srgb,var(--c) 7%,#fff));box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 8px 18px rgba(30,64,175,.09),0 0 0 1px rgba(10,26,51,.05);display:flex;flex-direction:column;gap:2px;animation:pfin .35s both}
.pfav{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 55%,#fff),var(--c));margin-bottom:6px}
.pfcard b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfcard small{font-size:11.5px;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfcfoot{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:6px}
.pfcfoot em{font-style:normal;font-weight:700;font-size:13px}.pfcfoot i{font-style:normal;font-size:11px;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfempty{font-size:12.5px;color:#94A3B8;padding:8px 2px}
.pfsep{display:flex;align-items:center;gap:10px;margin:16px 0 10px;color:#94A3B8;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pfsep::before,.pfsep::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#CBD5E1,transparent)}
/* projects hero + target card */
.pjslide{min-height:0!important;padding-bottom:16px}
.pjv small{display:block;font-size:12px;color:rgba(255,255,255,.65);font-weight:600}
.pjv b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1.15;margin-top:2px}
.pjrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pjrow span{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border-radius:10px;padding:6px 10px;font-size:12.5px;color:rgba(255,255,255,.75);font-weight:600}
.pjrow span b{color:#fff;font-size:14px;margin-inline-end:2px}.pjrow span.hot b{color:#4968EA}
.pjnext{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:12.5px;color:rgba(255,255,255,.72)}.pjnext svg{width:14px;height:14px;flex:none;color:#4968EA}
.tgbar{position:relative;height:10px;border-radius:6px;background:rgba(255,255,255,.12);margin:14px 0 4px;overflow:visible}
.tgbar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#F97316,#FFB067)}
.tgbar em{position:absolute;inset-inline-end:0;top:-20px;font-style:normal;font-size:12px;font-weight:700;color:#fff}
.tgsplit{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:10px}
.tgsplit div{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border-radius:12px;padding:8px 10px;min-width:0}
.tgsplit small{display:block;font-size:11px;color:rgba(255,255,255,.65);font-weight:600}
.tgsplit b{display:block;font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgsplit b.ok{color:#4ADE80}.tgsplit b.pend{color:#4968EA}
.tgedit{margin-top:12px;align-self:flex-start;border:0;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:12.5px;font-weight:600;border-radius:10px;padding:7px 12px;cursor:pointer}
.pjfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.pjval small{display:block;font-size:11px;color:var(--muted);font-weight:600}.pjval b{font-size:16px;font-weight:700;letter-spacing:-.01em}
.dchip{display:inline-flex;align-items:baseline;gap:4px;border-radius:10px;padding:6px 10px;font-size:12.5px;font-weight:600;background:#E8F0FB;color:#1E4E8C;white-space:nowrap}
.dchip b{font-size:15px}.dchip.soon{background:#FFEDD5;color:#1E3DC2}.dchip.today{background:#FFEDD5;color:#1E3DC2}.dchip.late{background:#FEE2E2;color:#B91C1C}.dchip.none{background:var(--glass);color:var(--muted)}.dchip.done{background:#DCFCE7;color:#15803D}

.tog{flex:none;width:48px;height:28px;border-radius:20px;border:0;background:#CBD2DC;position:relative;cursor:pointer;transition:background .2s}
.tog i{position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:inset-inline-start .18s ease-out,left .18s ease-out}
.tog.on{background:#16A34A}.tog.on i{inset-inline-start:23px}
/* ---------- module switch: CRM | Projects | Accounts ---------- */
.topin .wsbtn{flex:none}
.topin .wsbtn span.appname{font-size:0!important;gap:0!important;margin-inline-end:0!important;cursor:pointer}
.modwrap{flex:1 1 auto;min-width:0;display:flex}
.modsw{display:flex;border-radius:12px;min-width:0}
.modsw button{border:0;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer;letter-spacing:-.01em}
.modone{color:#fff;font-weight:700;font-size:15px}
@media (max-width:360px){.modsw button{padding:6px 7px;font-size:11.5px}}
@media (min-width:900px){.modwrap{flex:none}}
.subtag{display:flex;align-items:center;gap:8px;background:rgba(122,91,177,.1);color:#5B3F94;border-radius:12px;padding:8px 10px;font-size:13px;margin-bottom:10px}.subwork.hl{box-shadow:inset 0 0 0 2px var(--brand)}
.swdel{flex:none;width:32px;height:32px;border-radius:9px;border:0;background:rgba(220,38,38,.1);color:#B91C1C;font-size:18px;cursor:pointer}
.bzic.sub{background:#EFE8FA;color:#6A48A8}.bzic.hot{background:#FFEDD5;color:#1E3DC2}
.bzic svg{width:18px;height:18px}
.bizrow > svg.chev{width:18px;height:18px;flex:none;color:var(--muted);align-self:center}
.spill.warn{background:#FFEDD5;color:#1E3DC2}.spill.ok{background:#DCFCE7;color:#15803D}
.io{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:6px 0}
.io span{grid-column:1;grid-row:1;font-size:12.5px;color:var(--muted);font-weight:600}.io b{grid-column:2;grid-row:1 / span 2;font-size:14px;align-self:center}.io .iobar{grid-column:1;grid-row:2}
.io.net{border-top:1px solid var(--line);margin-top:4px;padding-top:10px}.io.net b{grid-row:1}.io.net b.neg,.neg{color:#DC2626}
:root[data-theme="dark"] .subtag{color:#C9B4F0}
.qcard{background:var(--card);padding:12px 13px;cursor:pointer}
.qc-av{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1B2A4A,#34507F)}
.qc-amt .pill,.qc-top>.pill{font-size:10.5px;padding:2px 8px}
.qcard .sirow{margin-block:8px 0;margin-inline:46px 0}
.qcb{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:9px;border:0;background:var(--glass);color:var(--ink);font-size:12.5px;font-weight:600;cursor:pointer}
.qcb svg{width:14px;height:14px}
.qcb.pri{background:var(--brand);color:#fff}
.qcb.ok{background:rgba(22,163,74,.12);color:#15803D}
.qcb.bad{background:rgba(220,38,38,.1);color:#B91C1C}

.pgh-acts{position:relative;z-index:1;display:flex;margin-top:14px}
.pgh-acts .btn{background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;border:0}
.pgh-acts .btn.pri,.pgh-acts .newbiz{background:#FF6A13!important;box-shadow:0 6px 16px rgba(255,106,19,.35)!important}
.pgh-acts .viewtoggle{background:rgba(255,255,255,.08);border-radius:10px;padding:2px;display:inline-flex}
.pgh-acts .viewtoggle button{color:rgba(255,255,255,.75);background:none;border:0;border-radius:8px;padding:6px 12px;font-weight:650;font-size:12.5px}
.pgh-acts .viewtoggle button[aria-pressed="true"]{background:#fff;color:#0A1A33}
/* sub-tabs: tidy scroll row */
.subtabs{margin:0 -16px 12px!important;padding:0 16px 4px!important;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.subtabs button{padding:7px 13px!important;font-size:12.5px!important;box-shadow:inset 0 0 0 1px var(--line)!important;background:var(--pane)!important}
.subtabs button[aria-selected="true"]{background:#0A1A33!important;color:#fff!important;box-shadow:none!important}
/* consistent cards */
.list,.calls > .callrow,.pipe2,.stcash,.cbday,.cbtable,.qsec,.conncard{border-radius:16px!important}
h2{font-size:15px}

/* ---------- silk blue background on top bar and bottom bar ---------- */
header.top{background:url("/img/bar-bg2.webp") 70% 30%/cover no-repeat,#050B18!important}
.bnav{background:url("/img/bar-bg2.webp") 75% 85%/cover no-repeat,#050B18!important;box-shadow:0 14px 34px rgba(0,0,0,.45),inset 0 0 0 1px rgba(90,140,255,.18)!important}
.bnav button{color:rgba(255,255,255,.72)!important}
.bnav button[aria-current="true"]{color:#fff!important;background:rgba(80,130,255,.16)!important;box-shadow:inset 0 -2px 0 #FF8A3D!important}
.bnav button[aria-current="true"] svg{color:#fff!important}
.topin .hsearch,.userbtn{background:rgba(255,255,255,.08)!important}

/* Vego brand logo */
.wsbtn span.appname{font-size:0!important;gap:0!important;letter-spacing:0;line-height:0}
.wsbtn span.appname::before{width:74px!important;height:22px!important;border-radius:0!important;box-shadow:none!important;background:url("/img/logos/logo-vego-white.png") left center/contain no-repeat!important}
.topin .wsbtn span.appname::before{width:70px!important;height:24px!important;border-radius:0!important;background:url("/img/logos/logo-vego-white.png") left center/contain no-repeat!important;box-shadow:none!important}
.lbrand,.lmini{font-size:0!important;gap:0!important;line-height:0}
.lbrand::before,.lmini::before{width:120px!important;height:36px!important;border-radius:0!important;box-shadow:none!important;background:url("/img/logos/logo-vego-white.png") left center/contain no-repeat!important}
.lmini::before{background-image:url("/img/logos/logo-vego.png")!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lmini::before{background-image:url("/img/logos/logo-vego-white.png")!important}}
:root[data-theme="dark"] .lmini::before{background-image:url("/img/logos/logo-vego-white.png")!important}

/* tabs 3-5 heroes: image on right half, text never covered */
.pghero.pg-today,.pghero.pg-leads,.pghero.pg-quotes{position:relative;overflow:hidden;isolation:isolate}
.pghero.pg-today{background:linear-gradient(135deg,#06245F,#0435B8)!important}
.pghero.pg-leads{background:linear-gradient(135deg,#0A0F1C,#05070D)!important}
.pghero.pg-quotes{background:linear-gradient(135deg,#123A78,#1D56A6)!important}
.pghero.pg-today::before,.pghero.pg-leads::before,.pghero.pg-quotes::before{content:""!important;display:block!important;position:absolute;top:0;bottom:0;inset-inline-end:0;inset-inline-start:auto;width:50%;height:auto;border-radius:0;opacity:1;transform:none;z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.pghero.pg-today::before{background-image:url("/img/hero/hero-today2.webp");background-position:center 40%}
.pghero.pg-leads::before{background-image:url("/img/hero/hero-allleads2.webp");background-position:center 30%}
.pghero.pg-quotes::before{background-image:url("/img/hero/hero-quotes.webp");background-position:65% 35%}
.pghero.pg-today>*,.pghero.pg-leads>*,.pghero.pg-quotes>*{position:relative;z-index:1}
.pghero.pg-today .pgh-t,.pghero.pg-leads .pgh-t,.pghero.pg-quotes .pgh-t{max-width:56%!important}
.pghero.pg-quotes .pgh-stats{max-width:66%!important;display:grid!important;grid-template-columns:1fr 1fr}
.pghero.pg-today .pgh-acts .btn,.pghero.pg-leads .pgh-acts .btn:not(.pri),.pghero.pg-leads .viewtoggle{background:rgba(4,10,24,.62)!important;border-color:rgba(255,255,255,.22)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* ===== Uniform design system (all pages) ===== */
:root{--r-card:16px;--r-ctl:12px;--r-btn:10px;--h-btn:38px;--h-btn-sm:34px;--h-seg:46px;--h-input:46px}
/* buttons: one size scale */
.btn{min-height:var(--h-btn);border-radius:var(--r-btn)!important;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.1}
.btn.sm{min-height:var(--h-btn-sm);font-size:13px}
.pghero .btn,.pghero .btn.sm,.hero2 .btn{min-height:36px;font-size:13.5px;padding:0 14px}
/* list action rows (Calls, Quotes): same shape + colours */
.cbtn,.qcb{min-height:38px!important;height:auto!important;border-radius:var(--r-btn)!important;font-size:12.5px!important;font-weight:600!important}
.cbtn.ok,.qcb.ok{background:rgba(22,163,74,.12)!important;color:#15803D!important;border-color:transparent!important;box-shadow:none!important}
.cbtn.no,.qcb.bad{background:rgba(220,38,38,.10)!important;color:#C62828!important}
.qc-acts .qcb{flex:1}
/* segmented tabs: same height, label + count badge below */
.seg2{border-radius:14px!important;padding:4px!important}
.seg2 button,.tabs3 button{min-height:var(--h-seg);display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px!important;font-size:12px!important;font-weight:600;border-radius:11px!important;line-height:1.15}
.seg2 button b,.seg2 button .tcount{display:inline-block;font-style:normal;font-size:10.5px!important;font-weight:700;min-width:18px;height:18px;line-height:18px;padding:0 6px;border-radius:999px;background:rgba(10,26,51,.08);color:var(--ink2);margin:0}
.seg2 button[aria-selected="true"] b{background:var(--navy,#0A1A33);color:#fff}
.seg2 button .tcount.on{background:var(--brand);color:#fff}
/* filter chips: one style */
.chips .chip{min-height:32px;border-radius:999px;font-size:12.5px;font-weight:650;padding:0 13px;display:inline-flex;align-items:center}
.ltbar{margin:0 0 12px}
/* search + inputs */
main input[type=search],main .search input,main .srow input,main .sbox input{min-height:var(--h-input);font-size:15px!important;border-radius:var(--r-ctl)!important}
/* section headings */
main h2{font-size:15px;font-weight:600;letter-spacing:-.01em}
main .card h3{font-size:15px;font-weight:600}
/* cards */
main .card,main .list{border-radius:var(--r-card)}
/* hero: same spacing everywhere */
.pghero{margin-bottom:14px}
.pgh-acts{gap:8px;flex-wrap:wrap}
.cbtn,.qcb{display:inline-flex!important;align-items:center;justify-content:center!important;text-align:center}
main .uav{color:#fff!important;font-weight:700;display:inline-grid;place-items:center;background:linear-gradient(135deg,#FF8A3D,#F26A12)}

/* Projects deck: dark blue textured card on a sky-blue base */
.pdeck .pdcard.pdx{border-radius:26px!important;padding:0 0 42px!important;color:#fff!important;overflow:hidden;border:0!important}
.pdx .pdface{position:relative;border-radius:24px;color:#fff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(120% 90% at 10% 0%,#1E3A8A 0%,rgba(30,58,138,0) 55%),radial-gradient(90% 80% at 100% 100%,#0B3B78 0%,rgba(11,59,120,0) 60%),linear-gradient(160deg,#0B1F4A 0%,#06142F 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 22px -10px rgba(2,10,30,.7)}
.pdx-nm{display:flex;align-items:center;gap:7px;min-width:0;color:rgba(255,255,255,.62);font-size:12.5px}
.pdx-nm svg{width:15px;height:15px;flex:none;color:#7DD3FC}
.pdx-nm b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.78)}
.pdx .dchip{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.8)!important;border:1px solid rgba(255,255,255,.1);font-size:11.5px;padding:3px 9px;border-radius:999px;white-space:nowrap}
.pdx .dchip.late{color:#FCA5A5!important}.pdx .dchip.soon,.pdx .dchip.today{color:#FDE68A!important}.pdx .dchip.done{color:#86EFAC!important}
.pdx-who{display:flex;align-items:center;}
.pdx-av{flex:none;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#0B1F4A;background:radial-gradient(circle at 35% 30%,#E0F2FE,#7DD3FC);box-shadow:0 0 0 3px rgba(125,211,252,.18)}
.pdx-who b{display:block;font-weight:600;letter-spacing:-.01em;color:#fff;line-height:1.2}
.pdx-st{align-items:center;gap:6px;color:rgba(255,255,255,.6);margin-top:3px}
.pdx-st i{width:7px;height:7px;border-radius:50%;background:#38BDF8;box-shadow:0 0 8px #38BDF8}
.pdx-st.done i{background:#4ADE80;box-shadow:0 0 8px #4ADE80}
.pdx-b{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:14px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.pdx-b svg{width:16px;height:16px}
.pdeck .pdcard.pdx.back .pdface > :not(.pdx-hd){opacity:.35}

/* alternate cards: white textured face */
.pdx-light .pdface{color:#0A1A33;box-shadow:inset 0 1px 0 #fff,0 10px 22px -12px rgba(10,40,80,.35),0 0 0 1px rgba(10,26,51,.06)}
.pdx-light .pdx-nm{color:#5B6B82}.pdx-light .pdx-nm b{color:#33445C}.pdx-light .pdx-nm svg{color:#0EA5E9}
.pdx-light .dchip{color:#33445C!important;border-color:rgba(10,26,51,.06)}
.pdx-light .dchip.late{color:#C62828!important}.pdx-light .dchip.soon,.pdx-light .dchip.today{color:#1A37B4!important}.pdx-light .dchip.done{color:#15803D!important}
.pdx-light .pdx-av{color:#fff;background:radial-gradient(circle at 35% 30%,#38BDF8,#0B3B78);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.pdx-light .pdx-who b{color:#0A1A33}
.pdx-light .pdx-st{color:#5B6B82}
.pdx-light .pdx-b{color:#0A1A33;border:1px solid rgba(10,26,51,.08);box-shadow:0 1px 2px rgba(10,26,51,.06),inset 0 1px 0 #fff}
.pghero .btn.routebtn{background:rgba(4,10,24,.55)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:none!important}

/* area suggestions dropdown */
.acwrap{position:relative}
.acdrop{position:absolute;inset-inline-start:0;inset-inline-end:0;top:calc(100% + 6px);z-index:60;background:var(--pane,#fff);border-radius:14px;box-shadow:0 14px 34px -10px rgba(10,26,51,.35),0 0 0 1px rgba(10,26,51,.08);padding:6px;max-height:300px;overflow:auto}
.arearow.acwrap .acdrop{inset-inline-end:0}
.acitem{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:start;padding:9px 10px;border-radius:10px;color:var(--ink);cursor:pointer;font:inherit}
.acitem:hover,.acitem:focus{background:var(--glass,#F1F5F9)}
.acitem svg{width:16px;height:16px;flex:none;color:#0EA5E9}
.acitem span{display:flex;flex-direction:column;min-width:0;flex:1}
.acitem b{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acitem small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acg{font-style:normal;font-size:10px;font-weight:600;color:#0284C7;background:#E0F2FE;border-radius:6px;padding:2px 6px}
.pdx-light .pdx-b{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.6))!important;border-color:rgba(14,116,184,.12)!important}
.pdx-light .dchip{background:rgba(255,255,255,.7)!important}
/* compact project card */
.pdx .pdface{padding:14px 14px 14px!important}
.pdx-ic{display:flex;gap:8px;flex:none}
.pdx-ic a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.12)}
.pdx-ic a.wa{color:#4ADE80}
.pdx-light .pdx-ic a{color:#0A1A33;background:rgba(255,255,255,.8);border-color:rgba(14,116,184,.14)}
.pdx-light .pdx-ic a.wa{color:#16A34A}
.pdeck .pdcard.pdx{padding-bottom:38px!important}
/* Documents hero: layered glass sheets */
.pghero.pg-docs{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#1E63F5 0%,#3B7BF7 60%,#8E9BF5 100%)!important}
.pghero.pg-docs::after{display:none!important}
.pghero.pg-docs::before{content:""!important;display:block!important;position:absolute;top:0;bottom:0;inset-inline-end:0;inset-inline-start:auto;width:52%;height:auto;border-radius:0;opacity:1;transform:none;z-index:0;pointer-events:none;background:url("/img/hero/hero-docs.webp") 45% 22%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.pghero.pg-docs>*{position:relative;z-index:1}
.pghero.pg-docs .pgh-t{max-width:56%!important}
.pghero.pg-docs .pgh-ic{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.pghero.pg-docs .sub{color:rgba(255,255,255,.85)!important}
/* document view toggle */
.dvrow{display:flex;gap:8px;align-items:stretch;margin-bottom:10px}
.dvrow .csearch{flex:1;margin:0!important;min-width:0}
.dview{display:flex;gap:2px;background:var(--glass,#EEF2F7);border-radius:12px;padding:3px;flex:none;align-self:center}
.dview button{width:34px;height:34px;border:0;border-radius:9px;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.dview button svg{width:17px;height:17px}
.dview button[aria-pressed="true"]{background:var(--pane,#fff);color:var(--ink);box-shadow:0 1px 3px rgba(10,26,51,.15)}
/* Documents page */
html[data-docview="large"] .docgrid{grid-template-columns:1fr!important}
html[data-docview="large"] .dthumb{aspect-ratio:16/10}
html[data-docview="large"] .dext{width:84px;height:84px;font-size:20px;border-radius:20px}
html[data-docview="small"] .docgrid{grid-template-columns:repeat(4,1fr)!important;gap:8px}
@media (min-width:700px){html[data-docview="small"] .docgrid{grid-template-columns:repeat(7,1fr)!important}html[data-docview="large"] .docgrid{grid-template-columns:repeat(2,1fr)!important}}
html[data-docview="small"] .dcard{border-radius:12px}
html[data-docview="small"] .dthumb{aspect-ratio:1}
html[data-docview="small"] .dext{width:34px;height:34px;font-size:10px;border-radius:9px}
html[data-docview="small"] .dkind,html[data-docview="small"] .dclient,html[data-docview="small"] .dmeta{display:none}
html[data-docview="small"] .dinfo{padding:5px 6px 6px}
html[data-docview="small"] .dname{font-size:10.5px;-webkit-line-clamp:1}
html[data-docview="list"] .docgrid{grid-template-columns:1fr!important;gap:8px}
html[data-docview="list"] .dcard{flex-direction:row;align-items:center;border-radius:14px;padding:8px;gap:12px}
html[data-docview="list"] .dthumb{width:56px;height:56px;flex:none;aspect-ratio:auto;border-radius:10px}
html[data-docview="list"] .dext{width:40px;height:40px;font-size:11px;border-radius:10px}
html[data-docview="list"] .dkind{display:none}
html[data-docview="list"] .dinfo{padding:0;flex:1}
html[data-docview="list"] .dname{-webkit-line-clamp:1}
/* Project files: same four views */
html:not([data-docview="list"]) .pjfiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
html[data-docview="small"] .pjfiles{grid-template-columns:repeat(4,1fr);gap:8px}
html[data-docview="large"] .pjfiles{grid-template-columns:1fr}
html:not([data-docview="list"]) .pjf{position:relative;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;gap:0}
html:not([data-docview="list"]) .pjthumb{width:100%;height:auto;aspect-ratio:4/3;border-radius:0}
html[data-docview="small"] .pjthumb{aspect-ratio:1}
html[data-docview="large"] .pjthumb{aspect-ratio:16/10}
html:not([data-docview="list"]) .pjext{font-size:14px}
html[data-docview="large"] .pjext{font-size:20px}
html:not([data-docview="list"]) .pjfn{padding:8px 10px 10px}
html[data-docview="small"] .pjfn{padding:4px 6px 6px}
html[data-docview="small"] .pjfn b{font-size:10.5px}
html[data-docview="small"] .pjfn span{display:none}
html:not([data-docview="list"]) .pjdel{position:absolute;top:6px;inset-inline-end:6px;background:rgba(255,255,255,.9);box-shadow:0 1px 3px rgba(0,0,0,.15)}
html[data-docview="small"] .pjdel{width:22px;height:22px;font-size:13px;top:4px;inset-inline-end:4px}
.dext.img{background:linear-gradient(160deg,#3B82F6,#1D4ED8)!important}
.pjext.img{color:#1D4ED8!important}

/* ===== Vego notification bar (brand colour, small logo) ===== */
.remindpop{background:rgba(6,10,30,.4)!important;align-items:center!important;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 12px!important}
.rpbox.vnote{max-width:440px;margin:0 auto;color:#fff;
  background:radial-gradient(130% 120% at 0% 0%,rgba(120,170,255,.55) 0%,rgba(120,170,255,0) 45%),linear-gradient(180deg,#3E6BFF 0%,#2A22D8 55%,#1800AD 100%);
  box-shadow:0 22px 50px -12px rgba(24,0,173,.65),inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.14);animation:vnIn .38s cubic-bezier(.2,.9,.25,1.15)}
@keyframes vnIn{from{transform:translateY(-24px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.vn-top{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.85)}
.vn-logo{height:15px;width:auto;display:block}
.vn-kind{display:inline-flex;align-items:center;padding-inline-start:8px;border-inline-start:1px solid rgba(255,255,255,.3)}
.vn-time{margin-inline-start:auto;color:rgba(255,255,255,.7)}
.vn-main{display:flex;align-items:center;gap:12px;margin:8px 0 2px}
.vn-txt{flex:1;min-width:0}
.vnote .rptitle{font-weight:600;letter-spacing:-.02em;color:#fff;line-height:1.15}
.vnote .rpsub{color:rgba(255,255,255,.82);}
.vnote .rpicon{flex:none;margin:0;border-radius:50%;background:rgba(255,255,255,.16);color:#7C91EA;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
/* small messages: same brand bar at the top */
.toast{top:calc(10px + env(safe-area-inset-top,0px))!important;bottom:auto!important;left:50%!important;transform:translateX(-50%)!important;z-index:95!important;
  background:linear-gradient(180deg,#3E6BFF 0%,#2A22D8 60%,#1800AD 100%)!important;color:#fff!important;border-radius:18px!important;padding:11px 16px!important;font-size:14px!important;font-weight:600!important;
  box-shadow:0 14px 34px -10px rgba(24,0,173,.6),inset 0 1px 0 rgba(255,255,255,.3)!important;max-width:min(92%,440px)!important;width:max-content;align-items:center;gap:10px}
.toast.show{display:flex!important;animation:vnIn .32s cubic-bezier(.2,.9,.25,1.15)}
/* 2.93.2: a message is text only; taps go through it to the buttons under it (it sits over the Vegobot header × / ☰ / ⋯) */
.toast{pointer-events:none!important}
.toast .vn-logo{height:13px;flex:none;padding-inline-end:10px;border-inline-end:1px solid rgba(255,255,255,.3)}
/* compact notification */
.rpbox.vnote{padding:11px 13px 11px!important;border-radius:22px!important}
.vnote .vn-main{margin:5px 0 0!important;}
.vnote .rptitle{font-size:18px!important}
.vnote .rpsub{font-size:12.5px!important;margin-top:1px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vnote .rpicon{width:36px!important;height:36px!important}
.vnote .rpicon svg{width:18px;height:18px}
/* notification: 2 buttons only, aligned */
.vnote .vn-x{width:24px;height:24px;margin-inline-start:6px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:15px;line-height:1;display:grid;place-items:center;cursor:pointer}
.vnote .vn-main{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:0;color:inherit;text-align:start;cursor:pointer;font:inherit}
.vn-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.vn-b{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:12px;font-size:13.5px;font-weight:600;text-decoration:none;cursor:pointer;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);font-family:inherit}
.vn-b.pri{background:#fff;color:#1800AD;border-color:#fff}
.vn-b svg{width:15px;height:15px}
/* subcontractors: companies & individuals */
.subadds{display:flex;gap:8px;flex-wrap:wrap}
.subadds .btn svg,.seg2 button svg{width:15px;height:15px}
.subadds .btn{gap:6px}
.lav.subav{display:grid;place-items:center;color:#fff;font-weight:700}
.lav.subav.company{background:linear-gradient(135deg,#2563EB,#1E3A8A)}
.lav.subav.company svg{width:18px;height:18px}
.lav.subav.individual{background:linear-gradient(135deg,#F59E0B,#EA580C)}
/* Subcontractors hero image */
.pghero.pg-subs{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#0B2A5E,#1C4FA0)!important}
.pghero.pg-subs::after{display:none!important}
.pghero.pg-subs::before{content:""!important;display:block!important;position:absolute;top:0;bottom:0;inset-inline-end:0;inset-inline-start:auto;width:56%;height:auto;border-radius:0;opacity:1;transform:none;z-index:0;pointer-events:none;background:url("/img/hero/hero-subs.webp") 50% 8%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.pghero.pg-subs>*{position:relative;z-index:1}
.pghero.pg-subs .pgh-t{max-width:56%!important}
.pghero.pg-subs .pgh-stats,.pghero.pg-subs .quick{max-width:100%}
.pghero.pg-subs .pgs,.pghero.pg-subs .qa{background:rgba(6,20,50,.55)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* ===== Sign-in page: Vego brand ===== */
.lockscr{color:#fff}
.lockscr::before{position:fixed;inset:0;pointer-events:none;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.lhero{background:none!important;position:relative;overflow:visible}
.lhero .lglass{display:none!important}
.lhero::after{content:"";position:absolute;inset-inline-end:-6%;bottom:6%;width:62%;max-width:460px;aspect-ratio:600/564;background:url("/img/logos/logo-v-white.png") center/contain no-repeat;opacity:.07;pointer-events:none}
.lbrand::before{width:150px!important;height:46px!important}
.lhead{color:#fff!important;font-weight:600!important;letter-spacing:-.04em!important}
.lhead span{color:#4968EA!important}
.ltag{color:rgba(255,255,255,.75)!important}
.lfeat li{color:rgba(255,255,255,.85)!important}
.lfeat li::before{background:linear-gradient(135deg,#FF9A5A,#FF6A13)!important;border-radius:50%!important}
.lpanel{background:none!important;position:relative;z-index:1}
.lockbox{background:#fff!important;color:#0A1A33;border-radius:28px!important;box-shadow:0 30px 70px -20px rgba(8,0,60,.65),0 0 0 1px rgba(255,255,255,.4)!important}
.lockbox .lmini::before{background-image:url("/img/logos/logo-vego.png")!important}
.lockbox .btn.pri,#lk-go{background:linear-gradient(180deg,#2A12D6 0%,#1800AD 100%)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px -10px rgba(24,0,173,.7)!important;border-radius:14px!important;font-weight:600!important}
.lockbox .lktabs button[aria-selected="true"]{color:#1800AD!important}
.lockbox input:focus{outline:2px solid rgba(24,0,173,.35)!important;outline-offset:1px}
.lockbox .linkbtn2{color:#1800AD!important}
.lockbox .remember input{accent-color:#1800AD}
@media (max-width:819px){
  .lhero{padding:30px 22px 64px!important;text-align:center}
  .lbrand{display:flex!important;justify-content:center;margin:6px 0 22px!important}
  .lbrand::before{width:170px!important;height:52px!important;background-position:center!important}
  .lhead{font-size:30px!important;line-height:1.08!important;margin:0 0 10px!important}
  .ltag{margin:0 auto!important;max-width:30ch;font-size:14px!important}
  .lhero::after{inset-inline-end:-18%;bottom:-6%;width:70%;opacity:.06}
  .lpanel{margin-top:-40px;padding:0 14px 30px!important}
  .lockbox{padding:24px 20px!important}
  .lockbox .lmini{display:none!important}
}
@media (min-width:820px){
  .lhero{padding:56px 64px!important}
  .lockbox .lmini{display:inline-flex!important;margin-bottom:18px}
}
/* account menu + settings */
.verline{text-align:center;font-size:11.5px;color:var(--muted);margin:14px 0 4px}
.strow{width:100%;min-height:54px;border:0;text-align:start;color:var(--ink);text-decoration:none;font:inherit;cursor:pointer;border-top:1px solid var(--line,rgba(10,26,51,.07))}
.strow .mt{flex:1;min-width:0;display:flex;flex-direction:column}
.strow .mt b{font-size:14.5px;font-weight:650}
.strow .mt span{font-size:12px;color:var(--muted);margin-top:1px}
.strow .chv{width:16px;height:16px;flex:none;color:var(--muted)}
.strow.static{cursor:default}
.strow .themeseg{flex:none;margin:0!important;width:auto}
.strow .themeseg button{min-height:32px!important;padding:4px 10px!important;flex-direction:row!important}
.strow .dview{flex:none}
.stabout{display:flex;flex-direction:column;align-items:center;gap:4px;margin:26px 0 6px;font-size:12px;color:var(--muted)}
.stlogo{height:22px;width:auto;margin-bottom:6px}
:root[data-theme="dark"] .stlogo{content:url("/img/logos/logo-vego-white.png")}
.ctgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.ctcard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:16px;text-decoration:none;color:var(--ink);background:var(--pane,#fff);box-shadow:0 0 0 1px var(--line,rgba(10,26,51,.08))}
.ctcard b{font-size:14.5px}.ctcard small{font-size:12px;color:var(--muted);word-break:break-all}
.ctic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(24,0,173,.08);color:#1800AD;margin-bottom:4px}
.ctic svg{width:19px;height:19px}.ctic.wa{background:rgba(37,211,102,.14);color:#16A34A}

/* ===== Professional list design: leads, today, calls, sales ===== */
.list:has(> .lrow){background:none!important;box-shadow:none!important;display:flex;flex-direction:column;gap:8px;overflow:visible!important}
.list > .lrow{background:var(--pane,#fff);border-radius:18px!important;box-shadow:0 1px 2px rgba(10,26,51,.05),0 6px 18px -10px rgba(10,26,51,.18),0 0 0 1px rgba(10,26,51,.05)!important;border:0!important;padding-block:13px 13px!important;padding-inline:13px 12px!important;position:relative;overflow:hidden;transition:transform .12s ease}
.list > .lrow:active{transform:scale(.985)}
.list > .lrow + .lrow{border-top:0!important}
.lrow .lav,.qc-av{position:relative;width:46px!important;height:46px!important;border-radius:15px!important;font-size:15px!important;font-weight:750;letter-spacing:-.02em;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 14px -6px rgba(10,26,51,.45);overflow:visible;display:grid;place-items:center;flex:none}
.lavst{position:absolute;inset-inline-end:-4px;bottom:-4px;width:19px;height:19px;border-radius:50%;background:var(--pane,#fff);display:grid;place-items:center;box-shadow:0 1px 3px rgba(10,26,51,.25)}
.lavst svg{width:11px;height:11px}
.lav-st-New .lavst{color:#2563EB}.lav-st-Responded .lavst{color:#475569}.lav-st-Site-visit .lavst{color:#7C3AED}.lav-st-Quoted .lavst{color:#1F42D7}.lav-st-Negotiation .lavst{color:#1A37B4}.lav-st-Won .lavst{color:#16A34A}.lav-st-Lost .lavst{color:#DC2626}
.lav-st-Responded{background:linear-gradient(135deg,#4F46E5,#312E81)!important}
.lrow .nm{font-size:15px!important;font-weight:650!important}
.lrow .meta{display:flex;gap:10px;overflow:hidden;white-space:nowrap;margin-top:3px!important;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.lrow .mi{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:12px;color:var(--muted)}
.lrow .mi svg{width:12px;height:12px;opacity:.75}
.lrow .sirow{margin-top:8px!important;gap:5px!important}
.spill{border-radius:999px!important;padding-block:3px 3px!important;padding-inline:8px 9px!important;gap:5px;font-weight:650!important;font-size:11px!important}
.spill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.lrow .si,.qcard .si{border-radius:999px!important;background:#F4F6FA!important;box-shadow:inset 0 0 0 1px rgba(10,26,51,.06);font-weight:600!important}
.lrow .rside{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:10px;align-self:stretch;flex:none}
.rwhen{font-size:11.5px!important;font-weight:650!important;padding:2px 8px;border-radius:999px;background:#F4F6FA}
.rwhen.over{background:#FDECEC;color:#C62828!important}.rwhen.today{background:#FFF1E6;color:#1E3DC2!important}
.rbtns{display:flex;gap:6px}
.rcall,.rwa{width:36px!important;height:36px!important;border-radius:12px!important;display:grid!important;place-items:center;text-decoration:none;box-shadow:none!important}
.rcall{background:linear-gradient(180deg,#2A12D6,#1800AD)!important;color:#fff!important;box-shadow:0 6px 14px -6px rgba(24,0,173,.7)!important}
.rwa{background:rgba(37,211,102,.12);color:#16A34A}
.rcall svg,.rwa svg{width:16px!important;height:16px!important}
/* calls */
.callrow{border-radius:18px!important;box-shadow:0 1px 2px rgba(10,26,51,.05),0 6px 18px -10px rgba(10,26,51,.18),0 0 0 1px rgba(10,26,51,.05)!important}
.cav{position:relative;width:46px;height:46px;flex:none;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:750;font-size:15px;background:linear-gradient(135deg,#3B82F6,#1D4ED8);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 14px -6px rgba(10,26,51,.45)}
.cav svg{width:19px;height:19px}
.cav em{position:absolute;top:-6px;inset-inline-start:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--pane,#fff);color:#0A1A33;font-style:normal;font-size:10.5px;font-weight:700;display:grid;place-items:center;box-shadow:0 1px 3px rgba(10,26,51,.25)}
.cdial2{width:44px!important;height:44px!important;border-radius:14px!important;background:linear-gradient(180deg,#2A12D6,#1800AD)!important;box-shadow:0 8px 16px -8px rgba(24,0,173,.8)!important}
.cphone{font-size:16.5px!important;font-weight:600!important;letter-spacing:-.01em}
.cmsg{background:#F4F6FA;border-radius:10px;padding:6px 9px;margin-top:6px;font-size:12.5px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lrow .si,:root:not([data-theme="light"]) .rwhen,:root:not([data-theme="light"]) .cmsg{background:#1E2A3D!important}}
:root[data-theme="dark"] .lrow .si,:root[data-theme="dark"] .rwhen,:root[data-theme="dark"] .cmsg{background:#1E2A3D!important}
/* Connect WhatsApp */
.waconn{border-radius:20px;padding:16px;margin:0 0 14px;color:#fff;background:radial-gradient(120% 100% at 0% 0%,rgba(74,222,128,.35),rgba(74,222,128,0) 55%),linear-gradient(135deg,#0B7A4B,#075E54);box-shadow:0 16px 34px -16px rgba(7,94,84,.8)}
.waconn.on{background:radial-gradient(120% 100% at 0% 0%,rgba(74,222,128,.3),rgba(74,222,128,0) 55%),linear-gradient(135deg,#0E6B57,#064E46)}
.wc-err{font-size:12.5px;background:rgba(0,0,0,.2);border-radius:10px;padding:8px 10px;margin:0 0 10px}
.waconn .acts .btn{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
.wcopt{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:start;border:0;background:var(--pane,#fff);box-shadow:0 0 0 1px var(--line,rgba(10,26,51,.1));border-radius:16px;padding:14px;margin:0 0 10px;cursor:pointer;font:inherit;color:var(--ink)}
.wcopt .mt{display:flex;flex-direction:column;gap:3px;flex:1}.wcopt .mt b{font-size:15px}.wcopt .mt span{font-size:12.5px;color:var(--muted)}
.wco-ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;font-weight:700;color:#fff;font-size:18px}
.wco-ic.fb{background:#1877F2;font-family:Arial,sans-serif;font-size:22px}.wco-ic.d3{background:#111827;font-size:11px}.wco-ic.lk{background:#EEF2F7;font-size:18px}
.lsst{font-style:normal;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:#F1F5F9;color:#64748B;white-space:nowrap}
.lsst i{width:7px;height:7px;border-radius:50%;background:currentColor}
.lsst.ok{background:#DCFCE7;color:#15803D}.lsst.wait{background:#FEF3C7;color:#1A37B4}.lsst.stale{background:#FFEDD5;color:#1E3DC2}.lsst.manual{background:#E0F2FE;color:#0369A1}
#conndot.warn{background:#F59E0B!important;box-shadow:0 0 0 3px rgba(245,158,11,.25)}
/* edit buttons + location box */
.editbtn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 11px;border:0;border-radius:11px;background:rgba(24,0,173,.08);color:#1800AD;font:inherit;font-size:13px;font-weight:600;cursor:pointer;flex:none;margin-inline-start:auto;margin-inline-end:6px}
.editbtn svg{width:15px;height:15px}
.shead .editbtn + .morebtn{margin-inline-start:0}
.locbox{border-radius:16px;padding:12px;background:var(--glass,#F4F6FA);box-shadow:inset 0 0 0 1px rgba(10,26,51,.05)}
.lochd{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.lochd b{font-size:14px}
.lochi{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#1800AD;color:#fff}
.lochi svg{width:14px;height:14px}
.locdet{margin-inline-start:auto;font-size:12px;font-weight:600;color:var(--muted);text-align:end}
.locdet.ok{color:#15803D}
.locbox .arearow .btn svg{width:14px;height:14px}
.locbox .geoac{margin:6px 0 0}
.locbox input,.locbox select{background:var(--pane,#fff)!important}
/* services, inventory, AI */
.aibar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.aibar .btn svg{width:15px;height:15px}
.newsvc{font-style:normal;font-weight:700;font-size:10.5px;color:#1800AD;background:rgba(24,0,173,.08);border-radius:999px;padding:2px 7px}
.aiwait{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 10px;text-align:center}
.aiwait.sm{flex-direction:row;padding:10px 12px;border-radius:12px;background:rgba(24,0,173,.06);margin:0 0 10px;justify-content:flex-start;gap:10px}
.aiwait small{color:var(--muted)}
@keyframes aisp{to{transform:rotate(360deg)}}
.aibox{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#ECFDF5;color:#065F46;margin:0 0 10px;font-size:12.5px}
.aibox b{font-size:13.5px}.aibox.err{background:#FEF2F2;color:#991B1B}
.airow{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:var(--pane,#fff);box-shadow:0 0 0 1px var(--line,rgba(10,26,51,.08))}
.airow .mt{display:flex;flex-direction:column;gap:2px}.airow .mt span{font-size:12.5px;color:var(--muted)}
.invrow summary{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer;list-style:none}
.invrow summary::-webkit-details-marker{display:none}
.invrow .mt{flex:1;min-width:0;display:flex;flex-direction:column}.invrow .mt b{font-size:14px}.invrow .mt span{font-size:12px;color:var(--muted)}
.invp small{font-size:10.5px;color:var(--muted)}
.invp em.up{color:#C62828}.invp em.dn{color:#15803D}

/* ---------- Profile page (iOS-style grouped list) ---------- */
#sheet[data-mode="settings"]{height:94vh;max-height:94vh;background:#EEF3F9}
:root[data-theme="dark"] #sheet[data-mode="settings"]{background:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #sheet[data-mode="settings"]{background:var(--bg)}}
.prtop{display:flex;justify-content:flex-end;padding:10px 12px 0}
.prx{width:34px;height:34px;border-radius:50%;border:0;background:rgba(10,26,51,.07);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.prx svg{width:16px;height:16px}
:root[data-theme="dark"] .prx{background:rgba(255,255,255,.1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .prx{background:rgba(255,255,255,.1)}}
.prbody{padding:0 16px 34px!important}
.prtitle{font-size:32px;font-weight:700;letter-spacing:-.03em;margin:2px 2px 18px;color:var(--ink)}
.prh{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#7A8291;margin:22px 16px 8px}
.prg{background:var(--pane);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(10,26,51,.05)}
.prrow{width:100%;min-height:48px;border:0;background:none;font:inherit;color:var(--ink);text-align:start;text-decoration:none;cursor:pointer;position:relative}
div.prrow{cursor:default}
.prrow + .prrow::before{content:"";position:absolute;top:0;inset-inline-start:50px;inset-inline-end:0;height:1px;background:var(--line)}
.prrow:active{background:rgba(10,26,51,.04)}
.pric{width:24px;height:24px;flex:none;display:grid;place-items:center;color:#3C4250}
:root[data-theme="dark"] .pric{color:var(--ink2)}
.pric svg{width:22px;height:22px}
.prl{flex:1;min-width:0;font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prv{flex:0 1 auto;min-width:0;max-width:58%;font-size:15px;color:#8A909C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:end}
.prch{width:17px;height:17px;flex:none;color:#9AA0AB}
.prrow .prseg{flex:none;margin:0!important;width:auto}
.prrow .prseg button{min-height:30px!important;padding:3px 10px!important;flex-direction:row!important;font-size:12.5px!important}
.prrow .dview{flex:none}
.prtog{width:51px!important;height:31px!important;border-radius:20px!important;background:#D9DDE3!important}
.prtog i{width:27px!important;height:27px!important;top:2px!important;inset-inline-start:2px!important}
.prtog.on{background:#1E6BFF!important}.prtog.on i{inset-inline-start:22px!important}
.prpromo{margin-top:18px;padding:18px 16px 16px;border-radius:16px;background:radial-gradient(120% 90% at 0% 0%,rgba(30,107,255,.08),transparent 55%),radial-gradient(110% 90% at 100% 0%,rgba(255,120,120,.10),transparent 55%),var(--pane);box-shadow:0 1px 2px rgba(10,26,51,.05)}
.prpromo h3{margin:0;font-size:20px;font-weight:750;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;color:var(--ink)}
.prbadge{font-size:11px;font-weight:700;letter-spacing:.04em;color:#fff;padding:3px 7px;border-radius:7px;background:linear-gradient(135deg,#6D28D9,#1800AD)}
.prpromo p{margin:8px 0 14px;font-size:14.5px;line-height:1.5;color:#7A8291}
.prbtn{width:100%;height:48px;border:0;border-radius:13px;background:#1E6BFF;color:#fff;font:inherit;font-size:16px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.prbtn svg{width:18px;height:18px}
.prgo{margin-top:22px}
.prso .prl,.prso .pric{color:#E5383B!important}
.qx-lbl{display:flex;align-items:center;gap:6px;min-width:0;font-size:13.5px;font-weight:500;color:#8A909C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qx-lbl svg{width:17px;height:17px;flex:none;color:#3C4250}
:root[data-theme="dark"] .qx-lbl svg{color:var(--ink2)}
.qx-chip{flex:none;display:flex;align-items:center;gap:5px;border:0;background:linear-gradient(180deg,#2A3BD9,#1800AD);color:#fff;font:inherit;font-weight:650;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 10px -4px rgba(24,0,173,.55)}
.qx-st-Won .qx-chip{background:linear-gradient(180deg,#22A45D,#13803F);box-shadow:0 4px 10px -4px rgba(19,128,63,.5)}
.qx-who b{font-weight:500;color:#5D6472;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="dark"] .qx-who b{color:var(--ink2)}
.qx-who span{color:#9AA0AB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qx-bar{border-radius:8px;background:#E3E6EB;overflow:hidden}
:root[data-theme="dark"] .qx-bar{background:rgba(255,255,255,.1)}
.qx-bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#22D3EE,#1E6BFF 55%,#1800AD);min-width:0}
.qx-st-Won .qx-bar i{background:linear-gradient(90deg,#22D3EE,#1E6BFF 60%,#1800AD)}
.qx-ic{flex:none;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:#EEF2FB;color:#1800AD}
:root[data-theme="dark"] .qx-ic{background:rgba(255,255,255,.08);color:#9DB0FF}
.qx-ic.ok{background:#E6F6EC;color:#13803F}
.qx-ic.bad{background:#FDECEC;color:#D33A3D}
:root[data-theme="dark"] .qx-ic.ok{background:rgba(34,164,93,.16);color:#5BD08F}
:root[data-theme="dark"] .qx-ic.bad{background:rgba(229,56,59,.16);color:#FF7B7D}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .qx-bar{background:rgba(255,255,255,.1)}:root:not([data-theme="light"]) .qx-ic{background:rgba(255,255,255,.08);color:#9DB0FF}:root:not([data-theme="light"]) .qx-who b{color:var(--ink2)}}
.qx-ic{width:44px;height:44px}
.qx-ic svg{width:19px;height:19px}
.qxdots i{width:6px;height:6px;border-radius:6px;background:#C9CEDA;transition:width .2s,background .2s}
.qxdots i.on{width:18px;background:#1800AD}
:root[data-theme="dark"] .qxdots i{background:rgba(255,255,255,.2)}:root[data-theme="dark"] .qxdots i.on{background:#6F86FF}

/* ---------- one typography everywhere (matches Profile) ---------- */
body{font-synthesis-weight:none}
b,strong{font-weight:600}
h1{font-weight:700;letter-spacing:-.03em}
h2,h3,h4{font-weight:650;letter-spacing:-.015em}

/* ---------- center + (3D blue) ---------- */
.bnav button.bplus{flex:0 0 74px!important;background:none!important;box-shadow:none!important;padding:0!important;display:flex;align-items:center;justify-content:center}
.bplus3d{width:58px;height:58px;margin-top:-26px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 34%),radial-gradient(circle at 50% 120%,#0A0476 0,rgba(10,4,118,0) 60%),linear-gradient(160deg,#4D7BFF 0%,#2340F0 45%,#1800AD 100%);
  box-shadow:0 12px 22px -6px rgba(24,0,173,.65),0 3px 0 #10007A,inset 0 2px 1px rgba(255,255,255,.45),inset 0 -5px 10px rgba(5,0,80,.45),0 0 0 4px rgba(255,255,255,.95);transition:transform .15s}
.bplus3d::after{content:"";position:absolute}
.bplus3d svg{width:26px!important;height:26px!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.bplus:active .bplus3d{transform:translateY(2px) scale(.96);box-shadow:0 6px 12px -6px rgba(24,0,173,.65),0 1px 0 #10007A,inset 0 2px 1px rgba(255,255,255,.45),inset 0 -5px 10px rgba(5,0,80,.45),0 0 0 4px rgba(255,255,255,.95)}
:root[data-theme="dark"] .bplus3d{box-shadow:0 12px 22px -6px rgba(0,0,0,.7),0 3px 0 #10007A,inset 0 2px 1px rgba(255,255,255,.4),inset 0 -5px 10px rgba(5,0,80,.45),0 0 0 4px #0D0E12}
/* ---------- Today / All leads pager ---------- */
.lparrow{position:fixed;top:50%;z-index:19;width:28px;height:50px;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;background:linear-gradient(160deg,#4D7BFF,#1800AD);box-shadow:0 6px 16px -6px rgba(24,0,173,.7),inset 0 1px 0 rgba(255,255,255,.35);opacity:.92}
.lparrow.r{inset-inline-end:0;border-radius:16px 0 0 16px}
.lparrow.l{inset-inline-start:0;border-radius:0 16px 16px 0}
.lparrow svg{width:20px;height:20px}
.lparrow[hidden]{display:none}
body:has(#sheet.open) .lparrow{display:none}
@keyframes lpfromr{from{transform:translateX(38%);opacity:.2}to{transform:none;opacity:1}}
@keyframes lpfroml{from{transform:translateX(-38%);opacity:.2}to{transform:none;opacity:1}}
#view.fromr{animation:lpfromr .32s cubic-bezier(.25,.8,.25,1)}
#view.froml{animation:lpfroml .32s cubic-bezier(.25,.8,.25,1)}
html{overflow-x:hidden}
/* ---------- Add hub ---------- */
#sheet[data-mode="addhub"]{background:#EEF3F9}
:root[data-theme="dark"] #sheet[data-mode="addhub"]{background:var(--bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #sheet[data-mode="addhub"]{background:var(--bg)}}
.hubrow{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 14px;border:0;background:none;font:inherit;color:var(--ink);text-align:start;cursor:pointer;position:relative}
.hubrow + .hubrow::before{content:"";position:absolute;top:0;inset-inline-start:66px;inset-inline-end:0;height:1px;background:var(--line)}
.hubrow:active{background:rgba(10,26,51,.04)}
.hubt{flex:1;min-width:0;display:flex;flex-direction:column}
.hubt b{font-size:16px;font-weight:500}
.hubt span{font-size:13px;color:#8A909C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hubrow .lsst{flex:none;font-size:11px}
.hubrow.soon{cursor:default}
.hubrow.soon .hubic{filter:saturate(.85);opacity:.8}
.hubrow.soon .hubt b{color:#7A8291}


/* ================= Sign-in page v4 (brand background, light card) ================= */
.lockscr{display:flex!important;flex-direction:column;align-items:center;}
.lockscr[hidden]{display:none!important}
.lockscr::before{display:none!important;content:none!important}
.lockscr .lhero{display:none!important}
.lockscr .lpanel{margin:0 auto!important;padding:0!important;display:flex!important;flex-direction:column;align-items:center}
.lktop img{width:auto;display:block}
.lockscr .lockbox{width:100%;margin:0;color:#0A1A33}
.lockbox .lmini,.lockbox .lktabs,.lockbox .llegal{display:none!important}
.lockbox h2{display:block!important;text-align:center;font-weight:700!important;letter-spacing:-.02em!important;color:#14151A!important;}
.lockbox .locksub{display:block!important;text-align:center;color:#3C4250!important;}
.lockbox .f label{display:block;font-weight:500;color:#14151A;position:static!important}
.lockbox .f input{border:1px solid #D9DEE5!important;background:#fff!important;color:#14151A!important;box-shadow:0 1px 2px rgba(10,26,51,.04)!important}
.lockbox .f input::placeholder{color:#7A8291}
.lockbox .f input:focus{outline:2px solid rgba(74,51,230,.35)!important;outline-offset:0;border-color:#4A33E6!important}
.lockbox .pwwrap{display:block;position:relative}
.lockbox #lk-go,.lockbox .btn.pri{padding:0!important;border:0!important;border-radius:999px!important;font-weight:500!important;background:#4A33E6!important;color:#fff!important;box-shadow:0 10px 22px -12px rgba(74,51,230,.8)!important}
.lockbox #lk-googlewrap,.lockbox #otp-googlewrap{display:none!important}
.lockbox .remember{margin:12px 0 0;padding:0 2px;align-items:center;gap:8px;}
.lockbox .remember small{display:none}
.lockbox .remember b{font-weight:500;color:#3C4250}
.lkor{display:flex;align-items:center;gap:14px;color:#14151A;}
.lkor::before,.lkor::after{content:"";flex:1;height:1px;background:#D3D8E0}
.lkcircles{display:flex;justify-content:center;gap:14px}
.lkc{border-radius:50%;border:1px solid #D3D8E0;background:#F7F9FB;display:grid;place-items:center;cursor:pointer}
.lkc:active{transform:scale(.95)}
.lockbox .lnew{color:#3C4250}
.lockbox .lnew .linkbtn2,.lockbox .linkbtn2{color:#2A1FC9!important;font-weight:500;text-decoration:none}
.lockbox .lockmsg:not(:empty){border-radius:12px;margin-bottom:12px}
.lkbrandfoot{flex-direction:column;align-items:center;color:#fff;letter-spacing:.04em}
.lkbrandfoot img{width:auto}
/* ---------- splash ---------- */
#vsplash{position:fixed;inset:0;z-index:200;background:radial-gradient(60% 45% at 50% 45%,#FFFFFF 0%,#EEF1F7 75%);transition:opacity .45s ease;display:grid;place-items:center}
#vsplash::before{content:"";width:150px;height:150px;background:url("/img/vego-blob.webp") center/contain no-repeat;filter:drop-shadow(0 22px 26px rgba(20,33,140,.35));animation:vbPop .7s cubic-bezier(.2,1.4,.4,1) both,vbFloat 2.4s ease-in-out .7s infinite}
#vsplash::after{content:"";position:absolute;inset-inline-start:50%;top:calc(50% + 96px);width:90px;height:12px;margin-inline-start:-45px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,33,140,.22),rgba(20,33,140,0));animation:vbShadow 2.4s ease-in-out .7s infinite}
@keyframes vbPop{0%{transform:scale(.4) rotate(-12deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes vbFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes vbShadow{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.8);opacity:.6}}
@media (prefers-reduced-motion:reduce){#vsplash::before,#vsplash::after{animation:none}}
#vsplash.out{opacity:0;pointer-events:none}

/* sign-in v4.1: compact so the whole page fits a phone screen */
.lockscr{background-attachment:scroll!important}

.lockscr .lockbox{padding:20px 18px 16px!important;}
.lockbox h2{font-size:23px!important;margin:0 0 2px!important}
.lockbox .locksub{font-size:13px!important;margin:0 0 12px!important}
.lockbox .f label{font-size:13px;margin:0 0 5px}
.lockbox .f + .f,.lockbox .f[style]{margin-top:10px!important}
.lockbox .f input{height:44px!important;font-size:15px!important;border-radius:11px!important;padding:0 14px!important}
.lockbox .remember{margin-top:9px;font-size:12.5px}
.lockbox .remember input{width:16px;height:16px}
.lockbox #lk-go,.lockbox .btn.pri{height:46px;font-size:15.5px!important;margin-top:14px!important}
.lkor{margin:14px 0 10px;font-size:13px}
.lkc{width:46px;height:46px}
.lkc svg{width:21px;height:21px}
.lockbox .lfoot{margin-top:10px;font-size:12.5px}
.lockbox .lnew{margin-top:8px;font-size:13.5px}
.lkbrandfoot{margin:16px 0 0;gap:3px;font-size:12px}
.lkbrandfoot img{height:20px}
@media (max-height:700px){.lktop{margin-bottom:10px}.lktop img{height:24px}.lockbox .locksub{display:none!important}.lkbrandfoot{margin-top:12px}}

/* sign-in v4.2: card like the sample (narrower) and whole page scaled to fit the screen */
.lockscr{justify-content:center!important;overflow:hidden!important;padding:12px 0!important}
.lockscr .lpanel{width:84vw!important;max-width:360px!important;transform-origin:top center}
.lockscr .lockbox{max-width:none!important}

.lkinstall{margin:14px auto 0;display:flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.45);font:inherit;font-size:14px;font-weight:600;cursor:pointer;backdrop-filter:blur(6px)}
.lkinstall[hidden]{display:none}

.aibox .aiits{font-size:12.5px;line-height:1.5;opacity:.9}
.kind.Supplier-bill{background:#FFF4E5;color:#1A37B4}

/* ---------- CRM / Projects / Accounts: overlapping pills (saves space) ---------- */
.modsw{margin-inline-end:6px}
.modsw{background:none!important;box-shadow:none!important;padding:0!important;gap:0!important;align-items:center}
.modsw button{position:relative;margin-inline-start:-14px;padding-block:7px 7px!important;padding-inline:22px 12px!important;border-radius:999px!important;background:linear-gradient(180deg,#1C2645,#111833)!important;color:rgba(255,255,255,.72)!important;font-size:12.5px!important;box-shadow:0 0 0 1px rgba(120,160,255,.22),-6px 0 12px -2px rgba(0,0,0,.55)!important;transition:transform .2s,background .2s}
.modsw button:first-child{margin-inline-start:0;padding-inline-start:12px!important}
.modsw button:nth-child(1){z-index:3}.modsw button:nth-child(2){z-index:2}.modsw button:nth-child(3){z-index:1}
.modsw button[aria-selected="true"]{z-index:5;color:#fff!important;background:linear-gradient(180deg,#FF8A3D,#F26A12)!important;box-shadow:0 6px 14px -4px rgba(242,106,18,.6),0 0 0 1px rgba(255,255,255,.18),-6px 0 12px -2px rgba(0,0,0,.5)!important;padding-inline-start:14px!important;padding-inline-end:14px!important}
.modsw button[aria-selected="true"]:not(:first-child){margin-inline-start:-10px}
.modsw button[aria-selected="true"] + button{padding-inline-start:24px!important}
.modsw button:has(+ button[aria-selected="true"]){padding-inline-end:22px!important}
@media (max-width:380px){.modsw button:has(+ button[aria-selected="true"]){padding-inline-end:18px!important}}
@media (max-width:380px){.modsw button{font-size:11.5px!important;padding-block:6px 6px!important;padding-inline:19px 9px!important}.modsw button:first-child{padding-inline-start:10px!important}.modsw button[aria-selected="true"]{padding-inline-start:11px!important;padding-inline-end:11px!important}}

.qmake{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:16px;background:linear-gradient(135deg,#2E46E8,#1800AD);color:#fff;font:inherit;text-align:start;cursor:pointer;box-shadow:0 10px 22px -12px rgba(24,0,173,.7)}
.qmake-ic{width:38px;height:38px;flex:none;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center}
.qmake-ic svg{width:20px;height:20px}
.qmake .mt{flex:1;min-width:0;display:flex;flex-direction:column}
.qmake .mt b{font-size:15px;font-weight:600}.qmake .mt span{font-size:12.5px;opacity:.82}
.qmake .prch{color:rgba(255,255,255,.8)}

.hubgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 6px}
.hubtile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;border:0;border-radius:18px;background:var(--pane);box-shadow:0 1px 2px rgba(10,26,51,.05);font:inherit;color:var(--ink);cursor:pointer}
.hubtile:active{transform:scale(.97)}
.hubtile b{font-size:13.5px;font-weight:600}
.skcol{width:26px;height:26px;border-radius:50%;border:2px solid #fff;background:var(--c);box-shadow:0 0 0 1px #CBD2DC;cursor:pointer}
.skcol.on{box-shadow:0 0 0 2px var(--c)}
.sktool{min-width:34px;height:34px;border-radius:10px;border:0;background:var(--pane);box-shadow:0 0 0 1px var(--line);color:var(--ink);font:inherit;font-weight:700;display:grid;place-items:center;cursor:pointer;padding:0 6px}
.sktool.on{background:#1800AD;color:#fff;box-shadow:none}

#sheet[data-mode="aidraw"]{height:94vh;max-height:94vh}
/* 2.96.1: search opens full height, so the search box stays at the top while typing (it no longer jumps up and down, and the phone keyboard does not cover the results) */
#sheet[data-mode="search"]{height:94vh;max-height:94vh}
.adm{max-width:88%;padding:10px 12px;border-radius:16px;font-size:14.5px;line-height:1.45}
.adm p{margin:0}
.adm.me{align-self:flex-end;background:#1800AD;color:#fff;border-end-end-radius:5px}
.adm.me img{display:block;max-width:220px;border-radius:10px;margin-bottom:6px}
.adm.ai{position:relative;align-self:flex-start;background:var(--pane);box-shadow:0 1px 2px rgba(10,26,51,.06);border-end-start-radius:5px}
.adsec{margin-top:8px;display:flex;flex-direction:column;gap:3px;font-size:13px}
.adsec b{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#7A8291}
.adok::before{content:"✓ ";color:#16A34A;font-weight:700}
.adsec.warn span{color:#1A37B4}
.adsec.q span{font-weight:500}
.adchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.adbar{border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:var(--bg)}
.adrow{display:flex;align-items:flex-end;gap:8px}
.adrow textarea{flex:1;min-height:42px;max-height:120px;resize:none;border-radius:20px;border:1px solid var(--line);padding:10px 14px;font:inherit;font-size:15px;background:var(--pane);color:var(--ink)}
.adclip,.adsend{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:0}
.adclip{background:var(--pane);box-shadow:0 0 0 1px var(--line);color:var(--ink)}
.adsend{background:#1800AD;color:#fff}
.adclip svg,.adsend svg{width:20px;height:20px}

.adst{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--c);padding:3px 8px;border-radius:7px;margin-bottom:6px}
.adsec.bad span{color:#B91C1C;font-weight:600}
.adopts{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
.adopts .chip{min-height:30px;font-size:12.5px}
.adacts{display:flex;gap:8px;margin-top:10px}.adacts .btn{flex:1}

/* v2.9.1: taller top bar, one-line greeting, Data, accounts quotations */
.topin{padding-top:12px!important;padding-bottom:18px!important}
.hello.hi1{flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px;margin:4px 2px 12px}
.hello.hi1 span:first-child{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hello.hi1 .d{font-size:13px;font-weight:600;white-space:nowrap}
.htools{grid-template-columns:repeat(5,1fr)!important;gap:6px!important}
.htools .htool{font-size:11.5px;padding-inline-start:2px;padding-inline-end:2px}
.htools .ht3d{width:40px;height:40px;border-radius:13px}
.datalist .drow{border-bottom:1px solid var(--line)}
.datalist .drow:last-child{border-bottom:0}
.datalist .drow .row{border-bottom:0!important}
.aqrow .main{flex:1;min-width:0;cursor:pointer}
.hbanner{display:block;width:100%;border:0;padding:0;margin:0 0 12px;background:#F7F8FC;border-radius:20px;overflow:hidden;box-shadow:var(--lift);}
.hbanner img{display:block;width:100%;height:auto;aspect-ratio:1200/714}
.hbanner{position:relative;cursor:default}
.hbquote{position:absolute;top:76.8%;height:16%;border:0;background:transparent;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s;-webkit-tap-highlight-color:transparent}
.hbq-all{inset-inline-start:8%;width:27.4%;border-radius:999px}
.hbquote:hover{box-shadow:0 0 0 2px rgba(26,22,184,.25)}
.hbquote:active{transform:scale(.95);background:rgba(26,22,184,.12);box-shadow:0 0 0 3px rgba(26,22,184,.3)}
.hbquote:focus-visible{outline:3px solid #1A16B8;outline-offset:2px}
.hsimple .htool{background:var(--pane);box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.05);padding:12px 2px 10px;gap:7px;font-weight:600}
.hsic{position:relative;width:46px;height:46px;display:grid;place-items:center}
.hsic svg{width:46px;height:46px;filter:drop-shadow(0 4px 6px rgba(30,50,140,.14))}
.hsic em{position:absolute;top:-3px;inset-inline-end:-5px;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:#EF4444;border-radius:9px;padding:0 5px;line-height:17px;min-width:17px;text-align:center;box-shadow:0 0 0 2px var(--pane)}
.hsimple .htool:active .hsic{transform:scale(.94)}
.userbtn.umenu{width:34px;height:34px;padding:0!important;border-radius:10px;justify-content:center;color:#fff;background:rgba(255,255,255,.08)!important}
.userbtn.umenu svg{width:20px;height:20px}

/* document studio */
.close.back{font-size:26px;line-height:1;margin-inline-end:6px}
.dshub{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dstype{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:start;border:0;background:var(--pane);box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.06);border-radius:16px;padding:14px;cursor:pointer;font:inherit;color:var(--ink)}
.dstype:active{transform:scale(.98)}
.dsti{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c));box-shadow:0 8px 16px color-mix(in srgb,var(--c) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.5);margin-bottom:6px}
.dsti svg{width:23px;height:23px}
.dstype b{font-size:15px}
.dstype small{font-size:12px;color:var(--muted);font-weight:500}
.tplgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.tplcard{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:var(--pane);border-radius:14px;padding:10px 10px 12px;box-shadow:0 0 0 1px rgba(15,23,42,.08);cursor:pointer;font:inherit;color:var(--ink)}
.tplcard.on{box-shadow:0 0 0 2px #1A16B8}
.tplcard b{font-size:13px}
.tplcard em{position:absolute;top:8px;inset-inline-end:8px;font-style:normal;font-size:10px;font-weight:700;background:#1A16B8;color:#fff;border-radius:999px;padding:2px 7px}
.tplcard:active{transform:scale(.98)}
.tthumb{position:relative;display:block;width:100%;aspect-ratio:210/297;background:#fff;border-radius:6px;box-shadow:0 2px 10px rgba(15,23,42,.12);overflow:hidden}
.tthumb i{position:absolute;display:block}
.dslinked{font-size:13px;margin:8px 2px 0;color:var(--muted)}
.dsqlist{margin-top:6px}
.dsmore{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}
.dsmore>span{font-size:13px;font-weight:700;color:#1A16B8;margin-inline-end:2px}
.dswords{font-size:12.5px;color:var(--muted);margin:8px 2px 0;font-style:italic}

/* ===== Tablet & desktop layout: side menu, compact header, two-column home ===== */
.dside{display:none}
@media (min-width:768px){
  :root{--sideW:84px}
  .dside{display:flex;flex-direction:column;position:fixed;inset-inline-start:0;top:0;bottom:0;width:var(--sideW);z-index:25;background:linear-gradient(180deg,#0B1533 0%,#0A1230 60%,#081026 100%);color:#C9D3F0;padding:14px 10px;overflow-y:auto;box-shadow:1px 0 0 rgba(255,255,255,.04)}
  .ds-top{display:flex;justify-content:center;padding:4px 0 14px}
  .ds-logo{border:0;background:none;padding:0;cursor:pointer}
  .ds-logo img{height:22px;display:block}
  .ds-mods{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}
  .ds-mods button{border:0;background:rgba(255,255,255,.05);color:#AEB9DA;font:inherit;font-size:11px;font-weight:600;padding:7px 4px;border-radius:9px;cursor:pointer}
  .ds-mods button[aria-pressed="true"]{background:#F26A12;color:#fff}
  .ds-acts{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
  .ds-acts button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:10px 8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
  .ds-acts svg{width:18px;height:18px;flex:none}
  .ds-new{background:linear-gradient(135deg,#3B5BFF,#1A16B8);color:#fff;box-shadow:0 6px 16px rgba(26,22,184,.35)}
  .ds-doc{background:rgba(255,255,255,.07);color:#E4E9FA}
  .ds-acts span,.ds-l{display:none}
  .ds-nav{display:flex;flex-direction:column;gap:2px;flex:1}
  .ds-nav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;color:#AEB9DA;font:inherit;font-size:10.5px;font-weight:600;padding:9px 4px;border-radius:11px;cursor:pointer}
  .ds-nav button::after{content:attr(title);font-size:10.5px}
  .ds-nav button:hover{background:rgba(255,255,255,.05);color:#fff}
  .ds-nav button[aria-current="true"]{background:rgba(91,130,255,.16);color:#fff}
  .ds-nav button[aria-current="true"] .ds-ic{color:#7FA2FF}
  .ds-ic{display:grid;place-items:center;width:22px;height:22px}
  .ds-ic svg{width:21px;height:21px}
  .ds-nav em{position:absolute;top:4px;inset-inline-end:10px;font-style:normal;font-size:10px;font-weight:700;min-width:18px;line-height:17px;text-align:center;border-radius:9px;background:rgba(255,255,255,.12);color:#fff;padding:0 5px}
  .ds-nav em.hot{background:#F26A12}
  .ds-foot{margin-top:12px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}
  .ds-foot button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;background:none;color:#fff;font:inherit;cursor:pointer;padding:6px;border-radius:10px;text-align:start}
  .ds-foot button:hover{background:rgba(255,255,255,.05)}
  .ds-av{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#FF8A3D,#F26A12);font-weight:700;font-size:14px}
  .ds-foot small{display:block;font-size:11px;color:#8F9BC2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ds-foot b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* header becomes a slim light top bar beside the menu */
  header.top{margin-inline-start:var(--sideW);background:rgba(244,246,251,.86)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 -1px 0 rgba(15,23,42,.07)!important}
  .topin{max-width:none!important;padding:10px 28px!important}
  .topin .wsbtn,#modsw,#tabs,.topin .sync,.topin .connbtn{display:none!important}
  .topin .hsearch{margin-inline-start:auto!important;width:min(420px,46vw)!important;height:38px!important;justify-content:flex-start!important;gap:10px;padding:0 14px!important;border-radius:11px!important;background:#fff!important;color:#7B8499!important;box-shadow:0 0 0 1px rgba(15,23,42,.09)!important}
  .topin .hsearch::after{content:"Search clients, phone, company…";font-size:13.5px;font-weight:500}
  .userbtn.umenu{color:#1B2440!important;background:#fff!important;box-shadow:0 0 0 1px rgba(15,23,42,.09)!important;width:38px!important;height:38px!important}
  main{margin-inline-start:calc(var(--sideW) + 0px)!important;margin-inline-end:0!important;max-width:none!important;padding:22px 28px 48px!important}
  .bnav,.fab,#lparrow{display:none!important}
  .sheet{z-index:60}
  /* home: two columns */
  body[data-view="home"] main{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,38%);column-gap:22px;align-content:start}
  body[data-view="home"] main>*{grid-column:1;min-width:0}
  body[data-view="home"] main>.hello{grid-column:1/-1}
  body[data-view="home"] main>.hbanner{grid-column:2;grid-row:2/span 4;align-self:start;margin:0}
  body[data-view="home"] main>.quick.homeq,body[data-view="home"] main>h2,body[data-view="home"] main>.list{grid-column:1/-1}
  .hcar{margin:0 0 6px!important}
  .htrack{padding:0 0 12px!important;scroll-padding:0!important;gap:16px!important}
  .hslide{box-shadow:0 6px 18px rgba(15,23,42,.12)!important}
  .hello.hi1 span:first-child{font-size:26px}
  
}
@media (min-width:768px) and (max-width:1099px){
  body[data-view="home"] main>*{grid-column:1/-1}
  body[data-view="home"] main>.hcar{grid-column:1}
  body[data-view="home"] main>.hbanner{grid-row:2/3}
  .htools .htool{padding:14px 4px 12px}
}
@media (min-width:768px) and (max-width:1359px){
  .quick.homeq{grid-template-columns:repeat(2,1fr)!important}
  main{padding:20px 22px 40px!important}
  .ds-acts .ds-doc,.ds-acts .ds-new{padding:10px 4px}
}
@media (min-width:1360px){
  :root{--sideW:244px}
  .dside{padding:18px 14px}
  .ds-top{justify-content:flex-start;padding:4px 8px 18px}
  .ds-logo img{height:26px}
  .ds-mods{flex-direction:row;background:rgba(255,255,255,.05);border-radius:12px;padding:3px;gap:2px}
  .ds-mods button{flex:1;background:none;font-size:12.5px;padding:7px 4px}
  .ds-acts span{display:inline}
  .ds-acts button{justify-content:flex-start;padding:11px 14px}
  .ds-l{display:block}
  .ds-nav button{flex-direction:row;gap:12px;font-size:14px;padding:10px 12px;justify-content:flex-start}
  .ds-nav button::after{content:none}
  .ds-nav em{position:static;margin-inline-start:auto}
  .ds-foot button{justify-content:flex-start}
  .ds-foot .ds-l{min-width:0;flex:1}
  main{padding:26px 36px 56px!important}
  body:not([data-view="home"]) main{max-width:calc(1180px + var(--sideW))!important}
  body[data-view="home"] main{max-width:calc(1440px + var(--sideW))!important;grid-template-columns:minmax(0,1fr) minmax(340px,36%)}
  /* denser type & rows like desktop CRMs */
  .row{padding-top:10px!important;padding-bottom:10px!important}
  .pghero,.cbhero{padding:18px 20px!important}
  .pghero h1,.pgh-t h1{font-size:24px!important}
  .htools .htool{padding:12px 4px 10px}
  .quick .qa{padding:14px 16px}
  .tplgrid{grid-template-columns:repeat(4,1fr)}
  .dshub{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1500px){
  body[data-view="leads"] #leadlist,body[data-view="data"] .datalist{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:none;box-shadow:none}
  body[data-view="leads"] #leadlist>.row{border-radius:14px}
}

/* desktop help rail */
.drail{display:none}
@media (min-width:1100px){
  :root{--railW:320px}
  .drail{display:flex;flex-direction:column;gap:14px;position:fixed;top:58px;inset-inline-end:0;bottom:0;width:var(--railW);padding-block:22px 28px;padding-inline:6px 22px;overflow-y:auto;z-index:15;scrollbar-width:thin}
  main{margin-inline-end:var(--railW)!important}
  body:not([data-view="home"]) main,body[data-view="home"] main{max-width:none!important}
  body[data-view="home"] main{grid-template-columns:minmax(0,1fr)!important}
  body[data-view="home"] main>.hbanner{display:none}
  .drail>*{flex:none}
  .drail .hbanner{margin:0;display:block}
  .rl-card{background:var(--pane,#fff);border-radius:16px;padding:14px 16px;box-shadow:0 1px 2px rgba(15,23,42,.05),0 0 0 1px rgba(15,23,42,.06)}
  .rl-card h3{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--ink)}
  .rl-day{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;font:inherit;font-size:13.5px;color:var(--ink);padding:8px 2px;border-top:1px solid rgba(15,23,42,.06);cursor:pointer;text-align:start}
  .rl-day:first-of-type{border-top:0}
  .rl-day:hover span{color:#1A16B8}
  .rl-day b{font-size:13px;min-width:26px;text-align:center;padding:2px 8px;border-radius:999px;background:#F1F3F8;color:#5B6478}
  .rl-day b.on{background:#FFF1E6;color:#1437CE}
  .rl-tip{background:linear-gradient(160deg,#F3F6FF,#FFFFFF 60%)}
  .rl-th{display:flex;align-items:center;gap:8px;margin-bottom:6px}
  .rl-th h3{margin:0;flex:1}
  .rl-bulb{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#FFC56B,#FF8A1F);color:#fff}
  .rl-bulb svg{width:17px;height:17px}
  .rl-next{border:0;background:#EEF1FA;color:#1A16B8;width:28px;height:28px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
  .rl-tt{display:block;font-size:14px;margin:4px 0 2px;color:var(--ink)}
  .rl-card p{margin:0;font-size:13px;line-height:1.5;color:#5B6478}
  .rl-go{border:0;background:none;color:#1A16B8;font:inherit;font-size:13px;font-weight:600;padding:8px 0 0;cursor:pointer}
  .rl-dots{display:flex;gap:4px;margin-top:10px}
  .rl-dots i{width:6px;height:6px;border-radius:3px;background:#D9DEEA}
  .rl-dots i.on{width:16px;background:#1A16B8}
  .rl-faq{border-top:1px solid rgba(15,23,42,.06)}
  .rl-faq:first-of-type{border-top:0}
  .rl-q{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);padding:10px 0;text-align:start;cursor:pointer}
  .rl-q span{flex:1}
  .rl-q svg{width:16px;height:16px;flex:none;color:#8A93A8;transition:transform .2s}
  .rl-faq.open .rl-q svg{transform:rotate(180deg)}
  .rl-a{display:none;padding:0 0 12px}
  .rl-faq.open .rl-a{display:block}
  .rl-tour{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;border:0;border-radius:11px;background:#EEF1FA;color:#1A16B8;font:inherit;font-size:13px;font-weight:600;padding:10px;cursor:pointer}
  .rl-tour svg{width:18px;height:18px}
  .rl-keys{margin:0;text-align:center;font-size:12px;color:#8A93A8}
  .rl-keys kbd{display:inline-block;min-width:20px;padding:1px 6px;margin-block:0 0;margin-inline:8px 3px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.12),0 1px 0 rgba(15,23,42,.12);font:600 11px/18px inherit;color:#3A4256}
}

.dsai{border-radius:16px;padding:12px 14px;margin:14px 0 4px;background:linear-gradient(150deg,#EEF1FF,#F8F5FF);box-shadow:inset 0 0 0 1px rgba(26,22,184,.12)}
.dsai-h{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;margin-bottom:8px}
.dsai-h small{grid-column:2;font-size:12px;color:var(--muted)}
.dsai-ic{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6A5CFF,#1A16B8)}
.dsai-ic svg{width:19px;height:19px}
.dsai textarea{width:100%;box-sizing:border-box;border:0;border-radius:11px;padding:10px 12px;font:inherit;font-size:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,23,42,.1);resize:vertical;min-height:56px}
.dsai-row{display:flex;align-items:center;gap:8px;margin-top:8px}
.dsai-ph{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.dsai-ph svg{width:16px;height:16px}
.dsai-img{position:relative;display:inline-block;margin-top:8px}
.dsai-img img{height:64px;border-radius:9px;display:block}
.dsai-img button{position:absolute;top:-6px;inset-inline-end:-6px;width:22px;height:22px;border-radius:50%;border:0;background:#111;color:#fff;cursor:pointer}
.dsai-notes{margin-top:10px;font-size:12.5px;color:#4B5468}
.dsai-notes p{margin:3px 0}
.dsai-notes .dsai-ans{margin-top:6px;color:#1A16B8;font-weight:650}
#sheet[data-mode="dsdetails"] .mrow textarea{flex:1;min-width:0;border:0;border-radius:10px;padding:9px 11px;font:inherit;font-size:14px;line-height:1.4;background:var(--glass,#F1F3F8);resize:vertical}
.dscalc{display:block;margin-top:5px;font-size:12px;color:#4B5468;background:#F6F7FB;border-radius:8px;padding:5px 9px}
.dssrc{display:inline-block;margin-top:6px;font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 9px;background:#EEF1F7;color:#5B6478}
.dssrc.s-price_list,.dssrc.s-past_quote,.dssrc.s-user{background:#E8F7EE;color:#15803D}
.dssrc.s-estimate,.dssrc.s-none{background:#FFF4E5;color:#1A37B4}

.mtcard{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;border:0;border-radius:14px;padding:12px 14px;background:linear-gradient(150deg,#ECFDF5,#F7FFFB);box-shadow:inset 0 0 0 1px rgba(22,163,74,.18);text-align:start;font:inherit;color:var(--ink);cursor:pointer}
.mtcard .mt{flex:1;display:flex;flex-direction:column;gap:2px}.mtcard .mt span{font-size:12.5px;color:var(--muted)}
.mtc-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#34D399,#059669);flex:none}
.qx-ic.mt svg{width:18px;height:18px}
.mtnote{font-size:12.5px;color:var(--muted);margin:0 0 10px}

.ainote{display:flex;gap:9px;align-items:flex-start;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#E6F6FF 0%,#D9F1FF 55%,#E9F0FF 100%);box-shadow:inset 0 0 0 1px rgba(14,165,233,.28),0 2px 8px rgba(14,165,233,.10);font-size:12.5px;line-height:1.45;color:#0B4A6F;text-align:start}
.ainote b{color:#075985}
.ainote svg{width:18px;height:18px;flex:none;margin-top:0;padding:3px;box-sizing:content-box;border-radius:50%;color:#fff;background:linear-gradient(135deg,#38BDF8,#0284C7)}
.ainote.sm{font-size:11.5px;padding:7px 10px;margin:6px 0 8px}
.ainote.sm svg{width:14px;height:14px}
.aibox .ainote{margin:6px 0}

/* document preview: centred page instead of full screen */
.viewer:not(.menumode){align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px));background:rgba(8,14,32,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.viewer:not(.menumode) .vh{width:100%;max-width:820px;margin:0 0 10px;padding:0 2px}
.viewer:not(.menumode) .vb{flex:0 1 auto;width:100%;max-width:820px;height:min(86vh,1100px);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.45);overflow:auto}
.viewer:not(.menumode) .vb:has(img){height:auto;max-height:86vh;background:transparent;box-shadow:none}
.viewer:not(.menumode) .vb img{border-radius:10px;max-height:86vh;width:auto;max-width:100%;object-fit:contain;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.45)}
@media (min-width:768px){ .viewer:not(.menumode) .vb{height:min(84vh,1100px)} }
@media (max-width:767px){ .viewer:not(.menumode) .vb{height:78vh;max-width:100%} }
.viewer:not(.menumode) .vh .btn{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important}
.viewer:not(.menumode) .vh .close{background:rgba(255,255,255,.14);color:#fff}

.dsstamp{margin:16px 0 4px;border-radius:14px;background:var(--pane);box-shadow:0 0 0 1px rgba(15,23,42,.08);padding:12px 14px}
.dsstamp.on{box-shadow:0 0 0 1.5px rgba(26,22,184,.35)}

.adup{display:flex;align-items:center;gap:12px;width:100%;margin:10px 0 2px;padding:12px 14px;border:1.5px dashed rgba(26,22,184,.4);border-radius:14px;background:#F5F6FF;text-align:start;font:inherit;color:var(--ink);cursor:pointer}
.adup span:last-child{display:flex;flex-direction:column;gap:2px}
.adup small{font-size:12px;color:var(--muted)}
.adup-ic{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#3B5BFF,#1A16B8)}
.adup-ic svg{width:22px;height:22px}

#sheet[data-mode="dstpl"] .tplgrid{grid-template-columns:repeat(3,1fr);gap:10px}
.tthumb.pt{background:#fff;overflow:hidden}
.tthumb.pt.land{aspect-ratio:210/148}
.tthumb.pt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}

.pt i{position:absolute;display:block}
@media (min-width:1100px){ #sheet[data-mode="dstpl"] .tplgrid{grid-template-columns:repeat(6,1fr)} }

img.vai{width:100%;height:100%;object-fit:contain;display:block;border-radius:22%}
.dsai-ic,.mtc-ic{background:none!important;box-shadow:none!important;padding:0}
.qmake-ic:has(img.vai){background:none!important;padding:0}
.ainote img.vai{width:20px;height:20px;flex:none;border-radius:6px}
.ainote.sm img.vai{width:17px;height:17px}
.ainote svg{display:none}
.vai-spin{width:22px;height:22px;border-radius:6px;animation:vaiPulse 1.1s ease-in-out infinite}
.aiwait:not(.sm) .vai-spin{width:40px;height:40px;border-radius:11px}
@keyframes vaiPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.86);opacity:.7}}
.vai-lbl{display:inline-flex;align-items:center;gap:6px}
.vai.sm{width:18px;height:18px;border-radius:5px}
.vai-h{display:inline-flex;align-items:center;gap:8px}
.vai-h img.vai{width:26px;height:26px;border-radius:7px}
.adm.ai{padding-inline-start:44px!important}
.adm.ai::before{content:"";position:absolute;inset-inline-start:8px;top:10px;width:28px;height:28px;border-radius:8px;background:url("/img/vego-ai.png") center/contain no-repeat}
.vaip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 12px;border-radius:18px;}
.vaip-l{display:flex;align-items:center;min-width:0;}
.vaip-l img{flex:none;}
.vaip-l b{display:block;}
.vaip-l span{display:block;}
.vaip-acts{display:flex;}
.vaip-acts button{border:0;border-radius:999px;font:inherit;cursor:pointer}
@media (min-width:768px){ body[data-view="home"] main>.vaip{grid-column:1/-1} }

.duty{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding-block:10px 10px;padding-inline:14px 12px;border-radius:16px;background:var(--pane);box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.06)}
.duty.on{background:linear-gradient(120deg,#ECFDF3,#F6FFF9);box-shadow:0 0 0 1px rgba(22,163,74,.25)}
.duty-l{display:flex;align-items:center;gap:10px;min-width:0}
.duty-l b{display:block;font-size:14.5px}
.duty-l span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duty-dot{width:11px;height:11px;border-radius:50%;flex:none;background:#B8BEC8;box-shadow:0 0 0 4px rgba(148,163,184,.18)}
.duty.on .duty-dot{background:#16A34A;box-shadow:0 0 0 4px rgba(22,163,74,.18);animation:dutyP 1.6s ease-in-out infinite}
@keyframes dutyP{50%{box-shadow:0 0 0 7px rgba(22,163,74,.06)}}
.duty-r{display:flex;gap:6px;flex:none}
.duty-btn{border:0;border-radius:999px;padding:9px 15px;font:inherit;font-size:13px;font-weight:700;color:#fff;background:#16A34A;cursor:pointer;box-shadow:0 4px 10px rgba(22,163,74,.25)}
.duty.on .duty-btn{background:#DC2626;box-shadow:0 4px 10px rgba(220,38,38,.22)}
.duty-btn:disabled{opacity:.7}
.dt-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.dtlist{display:flex;flex-direction:column;gap:10px}
.dtrow{background:var(--pane);border-radius:14px;padding:12px 14px;box-shadow:0 0 0 1px rgba(15,23,42,.08)}
.dt-who{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.dt-who b{display:block}.dt-who span{font-size:12.5px;color:var(--muted)}
.dt-pts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dt-pt{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:11px;background:#F6F7FB}
.dt-k{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dt-pt b{font-size:16px}
.dt-pt a{font-size:12.5px;font-weight:600;color:#1A16B8}
.dt-pt small{font-size:11px;color:var(--muted)}
.dt-open{color:#16A34A;font-size:13px!important}
@media (min-width:768px){ body[data-view="home"] main>.duty{grid-column:1/-1} }

.appgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.appt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border:0;border-radius:16px;background:var(--pane);box-shadow:0 0 0 1px rgba(15,23,42,.08);text-align:start;font:inherit;color:var(--ink);cursor:pointer}
.appt.on{box-shadow:0 0 0 2px #1A16B8}
.appt b{font-size:14.5px;margin-top:6px}.appt small{font-size:12px;color:var(--muted)}
.appi{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 75%,#fff),var(--c));box-shadow:0 8px 16px color-mix(in srgb,var(--c) 30%,transparent)}
.appi svg{width:24px;height:24px}.appi img{width:100%;height:100%;border-radius:14px}
.aihub{display:flex;flex-direction:column;gap:8px}
.aihub button{display:grid;align-items:center;padding:13px 14px;border:0;border-radius:14px;background:var(--pane);box-shadow:0 0 0 1px rgba(15,23,42,.08);text-align:start;font:inherit;color:var(--ink);cursor:pointer}
.aihub b{font-size:14.5px}.aihub small{font-size:12.5px;color:var(--muted)}
.aihub svg{grid-row:1/3;width:18px;height:18px;color:var(--muted)}
.dkpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 16px}
.dk{display:flex;flex-direction:column;gap:3px;padding:14px;border:0;border-radius:16px;background:var(--pane);box-shadow:0 0 0 1px rgba(15,23,42,.07);text-align:start;font:inherit;color:var(--ink);cursor:pointer}
.dk b{font-size:20px}.dk span{font-size:12.5px;color:var(--muted)}
.dk.hot b{color:#1437CE}
.dsr{display:flex;align-items:center;gap:10px}
.dsr .main{flex:1;min-width:0}
.drole{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);margin-inline-start:4px}
.dsd{font-size:11.5px;font-weight:600;border-radius:999px;padding:4px 9px;white-space:nowrap}
.dsd.on{background:#E8F7EE;color:#15803D}.dsd.off{background:#EEF1F7;color:#4B5468}.dsd.none{background:#FFF4E5;color:#1A37B4}
.dsmap{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#EEF1FF;color:#1A16B8;flex:none}
.dsmap svg{width:16px;height:16px}
@media (min-width:768px){ .dkpis{grid-template-columns:repeat(3,1fr)} .appgrid{grid-template-columns:repeat(3,1fr)}  }
@media (max-width:767px){ .dsd{display:none} }

.dsr .main,body[data-view="dash"] .list .row .main{display:flex!important;flex-direction:column;gap:2px}
.dsr .main .nm,.dsr .main .meta,body[data-view="dash"] .list .row .meta{display:block}
.dsd{flex:none;text-align:center;min-width:120px}

.dsm{font-weight:600;color:#15803D!important}
.dsm.no{color:#1A37B4!important}
@media (min-width:768px){ .dsm{display:none!important} }
@media (max-width:767px){ .topin .modwrap{min-width:0;flex:0 1 auto;overflow-x:auto;scrollbar-width:none} .topin .modwrap::-webkit-scrollbar{display:none} .topin .happs,.topin .hsearch,.topin .userbtn{flex:none} }

.attlist{display:flex;flex-direction:column;gap:8px}
.attrow{display:flex;align-items:center;gap:10px;padding:11px 12px;border:0;border-radius:14px;background:var(--pane);box-shadow:0 0 0 1px rgba(15,23,42,.08);font:inherit;color:var(--ink);text-align:start;cursor:pointer}
.attrow .mt{flex:1;min-width:0;display:flex;flex-direction:column}.attrow .mt span{font-size:12px;color:var(--muted)}
.attn{display:flex;flex-direction:column;align-items:center;min-width:46px}.attn b{font-size:14.5px}.attn small{font-size:10.5px;color:var(--muted)}
.attn.bad b,.attk .bad b{color:#DC2626}
.attoff{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--pane);box-shadow:0 0 0 1px rgba(15,23,42,.08)}
.attoff b{display:block;margin-bottom:8px;font-size:13.5px}.attoff small{display:block;margin-top:6px;font-size:11.5px;color:var(--muted)}
.att-who{display:flex;align-items:center;gap:10px;margin-bottom:12px}.att-who b{display:block}.att-who span{font-size:12.5px;color:var(--muted)}
.attk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.attk div{padding:11px;border-radius:12px;background:var(--pane);box-shadow:0 0 0 1px rgba(15,23,42,.07)}.attk b{display:block;font-size:17px}.attk span{font-size:11.5px;color:var(--muted)}
.attcal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}
.attcal i{font-style:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40px;border-radius:9px;font-size:12.5px;font-weight:600}
.attcal i.h{min-height:20px;font-size:11px;color:var(--muted);font-weight:700}
.attcal i.d{background:#F3F4F7;color:#9AA1AE}
.attcal i.work{background:#DCF5E5;color:#15803D}.attcal i.absent{background:#FDE2E2;color:#B91C1C}.attcal i.off{background:#EEF1F7;color:#8A93A8}.attcal i.noend{background:#FFF1D6;color:#1A37B4}.attcal i.today{box-shadow:inset 0 0 0 1.5px #1A16B8;color:#1A16B8;background:#fff}.attcal i.future{background:transparent;color:#C3C8D2}
.attcal small{font-size:9.5px;font-weight:600;opacity:.85}
.attleg{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 12px;font-size:11.5px;color:var(--muted)}
.attleg span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:5px;vertical-align:-1px}
.attleg .work::before{background:#DCF5E5}.attleg .absent::before{background:#FDE2E2}.attleg .off::before{background:#EEF1F7}.attleg .noend::before{background:#FFF1D6}
.attdays{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(15,23,42,.08);background:var(--pane)}
.attday{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 13px;border-top:1px solid rgba(15,23,42,.06);font-size:13px}
.attday:first-child{border-top:0}.attday a{text-decoration:none}.attday em{color:#1A37B4;font-style:normal}

.bkstat{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;margin-bottom:12px}
.bkstat.ok{background:#E8F7EE;color:#14532D}.bkstat.warn{background:#FFF4E5;color:#0C217A}
.bkstat b{display:block}.bkstat span{font-size:12.5px;opacity:.85}
.bks-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;flex:none}
.bkstat.ok .bks-ic{background:#16A34A}.bkstat.warn .bks-ic{background:#F59E0B}
.bkcnt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.bkcnt div{padding:10px;border-radius:12px;background:var(--pane);box-shadow:0 0 0 1px rgba(15,23,42,.07)}
.bkcnt b{display:block;font-size:17px}.bkcnt span{font-size:11.5px;color:var(--muted)}
.bkcard{padding:13px 14px;border-radius:16px;background:var(--pane);box-shadow:0 0 0 1px rgba(15,23,42,.08);margin-bottom:10px;display:flex;flex-direction:column;gap:10px}
.bkc-h{display:flex;gap:12px;align-items:flex-start}
.bkc-h b{display:block;font-size:14.5px}.bkc-h span{font-size:12.5px;color:var(--muted)}
.bkc-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;flex:none}
.bkc-ic.xl{background:#16A34A}.bkc-ic.js{background:#1A16B8}.bkc-ic.sv{background:#0EA5E9}.bkc-ic.rs{background:#64748B}
.bkm{font-size:11.5px;color:var(--muted)}

.vrec{display:inline-flex;align-items:center;gap:6px}
.vrec svg{width:16px;height:16px}
.vrec.on{background:#DC2626!important;color:#fff!important;animation:vrp 1.2s ease-in-out infinite}
.vrec.busy{background:#EEF1FF!important;color:#1A16B8!important}
@keyframes vrp{50%{box-shadow:0 0 0 6px rgba(220,38,38,.18)}}
.adrow .vrec{border:0;cursor:pointer}
.adrow .vrec svg{width:20px;height:20px}
/* v2.11.8: Vegobot badge on AI options, strict-scope note */
.aihub button{grid-template-columns:auto 1fr auto;column-gap:12px}
.aihub .aih-ic{grid-row:1/3;grid-column:1;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 60%);box-shadow:0 5px 12px color-mix(in srgb,var(--c) 35%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
.aihub .aih-ic svg{width:21px;height:21px;color:#fff;grid-column:auto;grid-row:auto}
.aihub b{grid-column:2}.aihub small{grid-column:2}.aihub svg{grid-column:3}
.vaip-acts button{display:inline-flex;align-items:center;gap:6px}
.vaip-acts button img{width:18px;height:18px;border-radius:5px}
.dstype{position:relative}
.dsaib{position:absolute;top:10px;inset-inline-end:10px;display:inline-flex;align-items:center;gap:4px;padding-block:3px 3px;padding-inline:3px 7px;border-radius:999px;background:#ECEFFF;color:#1A16B8;font-size:11px;font-weight:800}
.dsaib img{width:16px;height:16px;border-radius:5px}
.dsai-off{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;background:#EAF6FD;color:#0B4A6F;font-size:13.5px;font-weight:600}
.dsai-off img{width:22px;height:22px;border-radius:6px;flex:none}
/* v2.11.8: legal & safety, signup team size */
.lgai{display:flex;gap:12px;align-items:flex-start;background:var(--pane);border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 0 0 1px var(--line)}
.lgai img{width:36px;height:36px;border-radius:10px;flex:none}
.lgai b{font-size:16px}.lgai p{margin:4px 0 0;color:var(--ink2);font-size:14px;line-height:1.5}
.lgrows .prrow .prl{padding-inline-start:2px;font-size:15.5px}
.lk-size{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.lk-size button{flex:1 1 auto;min-width:64px;height:42px;padding:0 12px;border-radius:12px;border:1.5px solid rgba(20,22,28,.14);background:#fff;color:#14161C;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.lk-size button[aria-checked="true"]{background:#1A16B8;border-color:#1A16B8;color:#fff}
.lk-agree{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;line-height:1.45;text-align:start;cursor:pointer}
.lk-agree input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:#1A16B8}
.lk-agree a{color:#3355FF;font-weight:600}
/* v2.11.8: Try Vegobot card on white, home banner removed */
.vaip{background:var(--pane)!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px rgba(26,22,184,.12),0 8px 22px rgba(26,22,184,.08)!important}
.vaip-l img{box-shadow:0 6px 16px rgba(26,22,184,.28)}
.vaip-l b{color:#1A16B8}
.vaip-l span{opacity:1;color:var(--ink2)}
.vaip-acts button{background:#ECEFFF;color:#1A16B8;font-weight:700}
.vaip-acts button:first-child{background:#F26A12;color:#fff}
/* v2.11.8: KPI 3D icons, promo icons, AI plan lock */
.vaip-acts button svg{flex:none}
.vaip-lock{font-style:normal;font-size:10.5px;font-weight:800;color:#0B4A6F;background:#EAF6FD;border-radius:999px;padding:2px 8px;vertical-align:3px;margin-inline-start:4px}
.dsai.locked>*:not(.dsai-lock):not(.dsai-h){display:none}
.dsai-lock{display:flex;gap:10px;align-items:center;width:100%;text-align:start;border:0;border-radius:12px;background:#EAF6FD;color:#0B4A6F;padding:10px 12px;margin-bottom:8px;font:inherit;font-size:13px;cursor:pointer}
.dsai-lock svg{width:20px;height:20px;flex:none}.dsai-lock b{display:block;font-size:14px}
.ailock{text-align:center;padding:6px 4px 4px}.ailock img{width:64px;height:64px;border-radius:18px;box-shadow:0 10px 24px rgba(26,22,184,.28)}
.ailock h4{margin:12px 0 4px;font-size:19px}.ailock p{margin:0;color:var(--ink2);font-size:14.5px}
.ailist{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px}
.ailist li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px}
.ailist i{width:26px;height:26px;border-radius:8px;background:var(--c);display:grid;place-items:center;flex:none}.ailist svg{width:15px;height:15px}
/* v2.11.8: dashboard tab, sales, glass app icons */
.appi.glass{background:none!important;box-shadow:none!important;width:54px;height:54px}
.appi.glass svg{width:54px;height:54px}
.dsales{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 10px}
.dsk{background:var(--pane);border-radius:16px;padding:12px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:2px;min-width:0}
.dsk span{font-size:12px;color:var(--muted);font-weight:600}.dsk b{font-size:22px}.dsk small{font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dchart{background:var(--pane);border-radius:18px;padding:14px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.06);margin-bottom:6px}
.dch-h{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.dch-h small{color:var(--muted);font-size:12px}
.dbars{display:flex;align-items:flex-end;gap:10px;height:130px}
.dbar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;min-width:0}
.dbar i{display:block;width:100%;max-width:34px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#A5B4FC,#6366F1)}
.dbar.on i{background:linear-gradient(180deg,#7DD3FC,#1A16B8)}
.dbar em{font-style:normal;font-size:10.5px;color:var(--ink2);white-space:nowrap}.dbar span{font-size:11.5px;color:var(--muted);font-weight:600}
.dpr .main{display:flex!important;flex-direction:column;gap:2px}.dpr .main .meta{display:block}
.dpa{text-align:end;font-size:12.5px;color:var(--ink2);display:flex;flex-direction:column;align-items:flex-end}.dpa b{font-size:16px;color:var(--ink)}.dpa small{font-size:11.5px;color:var(--muted)}
/* v2.11.8: modern home icon */
[aria-current="true"] .hmf{fill-opacity:.22}
/* v2.11.8: track staff, purchase list */
.trk-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.trk-sum div{border-radius:14px;padding:10px 12px;background:var(--pane);box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column}
.trk-sum b{font-size:22px}.trk-sum span{font-size:12px;color:var(--ink2);font-weight:600}
.trk-sum .on b{color:#16A34A}.trk-sum .done b{color:#475569}.trk-sum .none b{color:#1F42D7}
.trk-map{height:260px;border-radius:16px;overflow:hidden;margin-bottom:12px}
.trk-nomap{display:flex;gap:10px;align-items:flex-start;background:#EAF6FD;color:#0B4A6F;border-radius:14px;padding:10px 12px;font-size:13.5px;margin-bottom:12px}.trk-nomap svg{width:20px;height:20px;flex:none}
.trk-list{display:flex;flex-direction:column;gap:10px}
.trk-card{background:var(--pane);border-radius:18px;padding:12px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.06)}
.trk-h{display:flex;align-items:center;gap:10px}.trk-n{flex:1;min-width:0;display:flex;flex-direction:column}.trk-n b{font-size:15.5px}.trk-n small{color:var(--muted);font-size:12.5px}
.trk-chip{font-style:normal;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px}
.trk-chip.on{background:#DCFCE7;color:#15803D}.trk-chip.done{background:#F1F5F9;color:#475569}.trk-chip.none{background:#FFF1E6;color:#1E3DC2}.trk-chip.warn{background:#FEF3C7;color:#1A37B4}
.trk-shift{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.trk-pt{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--glass);text-decoration:none;color:var(--ink);flex:1 1 140px;min-width:0}
.trk-pt svg{width:18px;height:18px;flex:none}.trk-pt.s svg{color:#16A34A}.trk-pt.p svg{color:#1A16B8}.trk-pt.e svg{color:#DC2626}.trk-pt.nol{opacity:.7}
.trk-pt span{display:flex;flex-direction:column;min-width:0}.trk-pt b{font-size:13.5px}.trk-pt small{font-size:11.5px;color:var(--muted)}
.trk-pt.live i{width:10px;height:10px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 4px rgba(22,163,74,.2);flex:none}
.trk-hrs{font-weight:800;font-size:14px;color:var(--ink2);padding:0 4px}
.pur-row .main{display:flex!important;flex-direction:column;gap:2px}.pur-row .main .meta{display:block}
.pur-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#1A37B4;background:#FEF3C7;flex:none}.pur-ic.won{color:#fff;background:linear-gradient(135deg,#F59E0B,#D97706)}
.dct{flex:1;min-width:0;display:flex;flex-direction:column}.dct b{font-size:15.5px}.dct small{font-size:12.5px;color:var(--muted)}
/* v2.11.8: sharp template previews, zoom */
.tplcard{position:relative}
.tpz{position:absolute;bottom:44px;inset-inline-end:12px;width:32px;height:32px;border-radius:50%;background:rgba(20,22,28,.72);color:#fff;display:grid;place-items:center;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.tpz svg{width:17px;height:17px}
.tplz{position:fixed;inset:0;z-index:80;background:rgba(10,12,20,.82);display:flex;align-items:center;justify-content:center;padding:16px}
.tplz-in{max-width:620px;width:100%;max-height:100%;display:flex;flex-direction:column;gap:10px}
.tplz-in img{width:100%;max-height:calc(100vh - 110px);object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.4)}
.tplz-bar{display:flex;align-items:center;gap:8px;color:#fff}.tplz-bar b{flex:1;font-size:16px}
/* v2.11.8: Vego apps in menu */
.prapps{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:18px;padding:14px;margin:0 0 14px;background:linear-gradient(120deg,#1A16B8,#3355FF);color:#fff;font:inherit;text-align:start;cursor:pointer;box-shadow:0 10px 22px rgba(26,22,184,.28)}
.prapps-ic{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}.prapps-ic svg{width:20px;height:20px}
.prapps-t{flex:1;display:flex;flex-direction:column}.prapps-t b{font-size:16.5px}.prapps-t small{font-size:12.5px;opacity:.85}
.prapps-go{width:20px;height:20px;flex:none}
/* v2.11.8: company details card, stamp */
.cocard{display:flex;align-items:center;gap:12px;width:100%;text-align:start;border:0;background:var(--pane);border-radius:18px;padding:12px 14px;margin:0 0 12px;font:inherit;color:var(--ink);cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1.5px rgba(51,85,255,.25)}
.cocard.ok{box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.06)}
.cc-logo b{font-size:18px;color:#1A16B8}
.cc-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cc-chips em{font-style:normal;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:#FFF1E6;color:#1E3DC2}.cc-chips em.ok{background:#DCFCE7;color:#15803D}
.cc-edit{flex:none;font-weight:800;font-size:13px;color:#fff;background:#1A16B8;border-radius:999px;padding:7px 12px}.cocard.ok .cc-edit{background:var(--glass);color:var(--ink)}
.costamp{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px;border-radius:14px;background:var(--glass)}
.cs-img{width:64px;height:64px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;overflow:hidden;flex:none}.cs-img img{max-width:58px;max-height:58px;object-fit:contain}.cs-img em{font-style:normal;font-size:11px;color:var(--muted)}
.cs-t{flex:1 1 160px;display:flex;flex-direction:column}.cs-t b{font-size:14.5px}.cs-t small{font-size:12px;color:var(--ink2)}
.cs-act{display:flex;gap:6px}.cs-act label{cursor:pointer}
.cc-left{font-size:11.5px;font-weight:700;color:#1A16B8;margin-top:2px}
.dsnocl{display:flex;align-items:center;gap:10px;width:100%;text-align:start;border:0;border-radius:14px;background:#EAF6FD;color:#0B4A6F;padding:10px 12px;margin:0 0 12px;font:inherit;cursor:pointer}
.dnc-ic{width:36px;height:36px;border-radius:10px;background:#fff;display:grid;place-items:center;flex:none}.dnc-ic svg{width:20px;height:20px}
.dsnocl>span:not(.dnc-ic){flex:1;display:flex;flex-direction:column}.dsnocl b{font-size:14px}.dsnocl small{font-size:12px;opacity:.85}
.dsnocl em{font-style:normal;font-weight:800;font-size:13px;background:#1A16B8;color:#fff;border-radius:999px;padding:6px 12px}
/* v2.11.8: mic inside AI box, compact Vegobot card */
.dsai-in{position:relative}
.dsai-in textarea{padding-inline-end:46px!important;min-height:64px}
.dsai-mic{position:absolute;inset-inline-end:8px;bottom:8px;width:32px;height:32px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;background:#E5383B;box-shadow:0 2px 6px rgba(220,38,38,.25)}
.dsai-mic svg{width:17px;height:17px}
.dsai-mic.on{animation:micp 1.3s infinite;background:#B91C1C}
.dsai-mic.busy{opacity:.65}
@keyframes micp{0%{box-shadow:0 0 0 0 rgba(220,38,38,.5)}70%{box-shadow:0 0 0 12px rgba(220,38,38,0)}100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}}
.vaip{padding:10px 12px!important;gap:8px!important}
.vaip-l{gap:10px!important;flex:1 1 100%!important}
.vaip-l img{width:42px!important;height:42px!important;border-radius:12px!important}
.vaip-l b{font-size:15.5px!important}.vaip-l span{font-size:12px!important;line-height:1.35}
.vaip-acts{flex-wrap:nowrap!important;width:100%;gap:6px!important}
.vaip-acts button{flex:1 1 0;min-width:0;justify-content:center;padding:8px 6px!important;font-size:12.5px!important;white-space:nowrap}
.vaip-acts button svg{width:15px!important;height:15px!important}
/* v2.11.8: pdf viewer, mic state */
.pdfh{gap:8px}.pdfh b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdfh .btn{display:inline-flex;align-items:center;gap:6px;flex:none}
.pdfv{overflow:auto!important;display:block!important;padding:8px;background:#3A3F47!important;border-radius:12px;text-align:center;-webkit-overflow-scrolling:touch}
.pdfpg{display:block;margin:0 auto 10px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.35);max-width:100%}
.pdfv-load{color:#fff;padding:40px 16px;font-size:15px}
.dsai-mic .mic-stop{display:none}.dsai-mic.on .mic-stop{display:block}.dsai-mic.on svg:not(.mic-stop){display:none}
.dsai-rec{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;font-weight:700;color:#B91C1C}
.dsai-rec i{width:9px;height:9px;border-radius:50%;background:#DC2626;animation:micp 1.3s infinite}
.dsai-rec.busy{color:var(--ink2)}.dsai-rec.busy i{background:#94A3B8;animation:none}
/* v2.12 Accounts */
.acsegs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -2px 14px;padding:2px}
.acsegs::-webkit-scrollbar{display:none}
.acsegs button{flex:none;height:38px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:var(--pane);color:var(--ink2);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap}
.acsegs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.acsegs.small{margin-top:-6px}.acsegs.small button{height:32px;padding:0 12px;font-size:12.5px}
.acsegs.small button[aria-selected="true"]{background:var(--brand-soft,#ECEFFF);border-color:transparent;color:var(--brand-fg)}
.ackpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.ackpis.two .ackpi{cursor:default}
.ackpi{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:start;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:var(--pane);color:var(--ink);font:inherit;cursor:pointer;min-width:0}
.ackpi span{font-size:12.5px;font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.03em}
.ackpi b{font-size:22px;letter-spacing:-.02em}
.ackpi small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ackpi.warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:var(--warn-bg)}
.ackpi.neg b{color:var(--bad)}.ackpi.good b{color:#16A34A}
.ackpis>.ackpi:last-child:nth-child(odd){grid-column:1/-1}
.acquick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 6px}.acquick button{position:relative}.acqb{position:absolute;top:6px;inset-inline-end:8px;min-width:18px;height:18px;border-radius:9px;background:var(--bad);color:#fff;font-style:normal;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 4px}
.acquick button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:14px;border:1px solid var(--line);background:var(--pane);color:var(--ink);font:inherit;font-weight:700;font-size:12.5px;cursor:pointer}
.acquick button>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--c)}
.acquick svg{width:21px;height:21px}
.agbar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--glass);margin:2px 0 10px}
.agbar i{display:block;height:100%}
.aggrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.aggrid>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--pane);border:1px solid var(--line)}
.aggrid span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink2)}
.aggrid span i{width:9px;height:9px;border-radius:50%}
.aggrid b{font-size:16px}
.sth,.str{display:grid;grid-template-columns:50px minmax(0,1fr) 58px 58px 64px;gap:5px;padding:8px 8px;align-items:start}
.str b{word-break:break-word;font-size:11.5px}
.str{border-top:1px solid var(--line)}
.str small{display:block;color:var(--muted)}
.sth span:nth-child(n+3),.str span:nth-child(n+3){text-align:end}
.acst{font-style:normal;font-weight:700;font-size:11.5px;padding:1px 7px;border-radius:999px;background:var(--glass);color:var(--ink2)}
.acst.ok{background:var(--good-bg);color:#15803D}.acst.warn{background:var(--warn-bg);color:var(--warn)}.acst.bad{background:var(--bad-bg);color:var(--bad)}
.aci{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--c)}
.plr{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.plr span{color:var(--ink2)}
.plr.sum{font-weight:800}.plr.sum span{color:var(--ink)}
.plr.big b{font-size:17px}.plr.neg b{color:var(--bad)}.plr.good b{color:#16A34A}
.pjm{display:flex;flex-direction:column;align-items:flex-end;flex:none}
.pjm small{font-size:11.5px;color:var(--muted)}.pjm.neg b{color:var(--bad)}.pjm.good b{color:#16A34A}
.cfchart{display:flex;gap:6px;align-items:flex-end;height:200px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--pane)}
.cfm{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}
.cfb{flex:1;width:100%;display:flex;gap:3px;align-items:flex-end;justify-content:center}
.cfb i{display:block;width:40%;max-width:18px;border-radius:5px 5px 0 0;min-height:2px}
.cfb i.in,.cfleg i.in{background:#16A34A}.cfb i.out,.cfleg i.out{background:#F97316}
.cfm span{font-size:12px;font-weight:700;color:var(--ink2)}.cfm small{font-size:10.5px}
.cfleg{display:flex;gap:14px;justify-content:center;margin:8px 0;font-size:12.5px;color:var(--ink2)}
.cfleg span{display:flex;align-items:center;gap:6px}.cfleg i{width:10px;height:10px;border-radius:3px}
.catbars{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--pane)}
.cbr{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;font-size:13.5px}
.cbr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink2)}
.cbt{height:10px;border-radius:999px;background:var(--glass);overflow:hidden}.cbt i{display:block;height:100%;background:var(--brand);border-radius:999px}
.num.pos{color:#16A34A}
.bizrow>b.num{flex:none;white-space:nowrap}
.bizrow .meta{overflow:hidden;text-overflow:ellipsis}
@media (min-width:900px){.ackpis{grid-template-columns:repeat(5,1fr)}.ackpis>.ackpi:last-child:nth-child(odd){grid-column:auto}.ackpis.two{grid-template-columns:1fr 1fr}.acquick{grid-template-columns:repeat(8,1fr)}.aggrid{grid-template-columns:repeat(5,1fr)}}
.acsegs .achelpbtn{width:38px;padding:0!important;font-size:17px!important;font-weight:800!important}
.achelpbtn{color:#1A16B8!important;border-color:color-mix(in srgb,#1A16B8 25%,var(--line))!important;background:var(--brand-soft,#ECEFFF)!important}
.ahsearch{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:11px;background:var(--glass);margin:2px 0 10px}
.ahsearch svg{width:17px;height:17px;flex:none;color:var(--muted)}
.ahsearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:var(--ink)}
.ahgrp h4{margin:10px 0 2px;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.ahgrp[hidden],[data-hq][hidden]{display:none}
.achelp .rl-faq{border-top:1px solid var(--line)}
.achelp .rl-q{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;font:inherit;font-size:15px;font-weight:650;color:var(--ink);padding:13px 0;text-align:start;cursor:pointer}
.achelp .rl-q span{flex:1}.achelp .rl-q svg{width:18px;height:18px;color:var(--muted);transition:transform .2s}
.achelp .rl-faq.open .rl-q svg{transform:rotate(180deg)}
.achelp .rl-a{display:none;padding:0 0 14px}.achelp .rl-faq.open .rl-a{display:block}
.achelp .rl-a p{margin:0;font-size:14px;line-height:1.5;color:var(--ink2)}
.achelp .rl-go{border:0;background:none;color:#1A16B8;font:inherit;font-size:14px;font-weight:700;padding:8px 0 0;cursor:pointer}
.rl-guide .rl-a p{line-height:1.5}
.drail:has(.rl-guide)>.rl-tip,.drail:has(.rl-guide)>.rl-keys{order:3}
@media (min-width:1100px){.achelpbtn,.achelpbtn2{display:none!important}}
/* v2.13 Projects */
.hchip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--glass);color:var(--ink2);white-space:nowrap}
.hchip i{width:7px;height:7px;border-radius:50%;background:currentColor}
.h-ok.hchip{background:var(--good-bg);color:#15803D}.h-risk.hchip{background:var(--warn-bg);color:var(--warn)}.h-late.hchip{background:var(--bad-bg);color:var(--bad)}.h-done.hchip{background:var(--good-bg);color:#15803D}.h-hold.hchip{background:var(--glass);color:var(--muted)}
.pdx-st.hs-risk i{background:#F59E0B;box-shadow:0 0 8px #F59E0B}.pdx-st.hs-late i{background:#EF4444;box-shadow:0 0 8px #EF4444}.pdx-st.hs-hold i{background:#94A3B8;box-shadow:none}.pdx-st.hs-ok i{background:#4ADE80;box-shadow:0 0 8px #4ADE80}
.hbanner2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;margin:0 0 10px;background:var(--good-bg)}
.hbanner2>div{flex:1;min-width:150px}.hbanner2 b{display:block;font-size:14px}.hbanner2 span{display:block;font-size:12.5px;color:var(--ink2)}
.hbanner2 .hdot{flex:none;width:10px;height:10px;border-radius:50%;background:#16A34A}.hbanner2.h-hold{background:var(--glass)}.hbanner2.h-hold .hdot{background:#94A3B8}
.holdbox summary{list-style:none;cursor:pointer;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--pane)}
.holdbox summary::-webkit-details-marker{display:none}
.holdbox[open]{flex-basis:100%;display:flex;gap:8px;flex-wrap:wrap}.holdbox[open] summary{display:none}.holdbox input{flex:1;min-width:150px;height:36px;border-radius:10px;border:1px solid var(--line);padding:0 10px;font:inherit;background:var(--pane);color:var(--ink)}
.pjsech{display:flex;align-items:center;justify-content:space-between;gap:10px}.pjsech h2{margin-bottom:8px}.pst.late small{color:var(--bad)}
.pjtabs.many button{flex:0 0 auto;min-width:72px;padding-inline-start:8px;padding-inline-end:8px}
.trcard{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 0;padding:12px;border-radius:14px;background:var(--pane);box-shadow:0 0 0 1px var(--line)}
.trcard.on{box-shadow:0 0 0 1.5px #1A16B8;background:var(--brand-soft,#ECEFFF)}
.pjviews{display:flex;align-items:center;gap:8px;margin:16px 0 10px}.pjviews .seg2{flex:1;margin:0}
.pjviews .seg2 button{display:flex;align-items:center;justify-content:center;gap:6px}.pjviews .seg2 svg{width:16px;height:16px}
.pjhelpb{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--line);font:inherit;font-weight:800;font-size:17px;cursor:pointer}
.pcol.over{box-shadow:inset 0 0 0 2px #1A16B8}
.ptlb{position:absolute;top:4px;height:14px;border-radius:7px;background:#16A34A33;overflow:hidden;box-shadow:inset 0 0 0 1.5px #16A34A}
.ptlb em{display:block;height:100%;background:#16A34A}
.ptlb.h-risk{background:#F59E0B33;box-shadow:inset 0 0 0 1.5px #F59E0B}.ptlb.h-risk em{background:#F59E0B}
.ptlb.h-late{background:#EF444433;box-shadow:inset 0 0 0 1.5px #EF4444}.ptlb.h-late em{background:#EF4444}
.ptlb.open{border-start-end-radius:0;border-end-end-radius:0;-webkit-mask:linear-gradient(90deg,#000 80%,transparent)}
.hk{width:10px;height:10px;border-radius:3px}.hk.ok{background:#16A34A}.hk.now{background:#1A16B8;width:3px}
.sitewarn{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;margin:0 0 12px}.sitewarn b{display:block;font-size:14px}.sitewarn span{font-size:12.5px;color:var(--ink2)}
.sitepick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sitepick button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--pane);color:var(--ink);font:inherit;text-align:start;cursor:pointer;min-width:0}
.sitepick button>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft,#ECEFFF);color:#1A16B8;margin-bottom:4px}.sitepick b{font-size:13.5px;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sitepick small{font-size:11.5px;color:var(--muted)}
.bzic img.bzimg{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.repph{display:flex;gap:5px;margin-top:7px;align-items:center}.repimg{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--glass);cursor:pointer}
.repph.big{flex-wrap:wrap;margin:6px 0 10px}.repph.big .repimg{width:calc(33.3% - 4px);height:auto;aspect-ratio:1}
.reptx.warn{padding:10px 12px;border-radius:12px;background:var(--warn-bg)}
.phpick{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px;border-radius:12px;border:1.5px dashed var(--line);color:var(--ink2);font-weight:700;font-size:14px;cursor:pointer;position:relative}
.phpick input{position:absolute;inset:0;opacity:0;cursor:pointer}.phpick svg{width:20px;height:20px;color:#1A16B8}
.sigwrap{margin-top:12px}.sighd{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--ink2);margin-bottom:6px}
.sigpad{display:block;width:100%;height:150px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);touch-action:none;cursor:crosshair}
.sigwrap small{display:block;text-align:center;color:var(--muted);font-size:11.5px;margin-top:4px}
.strow{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:12px;background:var(--pane);box-shadow:0 0 0 1px var(--line)}
.strow.done{opacity:.75}.stn{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--glass);font-size:12px;font-weight:800;margin-top:6px}
.strow.done .stn{background:#16A34A;color:#fff}
.stf{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.stf>input{height:38px;border-radius:10px;border:1px solid var(--line);padding:0 10px;font:inherit;font-weight:700;background:var(--bg);color:var(--ink)}
.snrow{display:flex;align-items:center;gap:10px;background:var(--card,var(--pane));border-radius:12px;padding:9px 10px;box-shadow:0 0 0 1px var(--line)}
.snrow.fixed .scck{background:#16A34A;border-color:#16A34A}.snrow.fixed .snm b{text-decoration:line-through;color:var(--muted)}
.wcard{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border-radius:14px;background:var(--pane);box-shadow:0 0 0 1px var(--line);margin:10px 0}
.wcard.soon{background:var(--warn-bg);box-shadow:none}.wcard.off{background:var(--glass);box-shadow:none}
.hochk .ok i{background:var(--good-bg);color:#15803D}.hochk .no i{background:var(--warn-bg);color:var(--warn)}
/* v2.14 CRM */
.si.sla-late{background:var(--bad-bg);color:var(--bad);font-weight:700}.si.sla-ok{background:var(--warn-bg);color:var(--warn)}
.nextbox{padding:12px;border-radius:14px;background:var(--bad-bg);margin:10px 0}.nextbox>b{display:block;color:var(--bad);font-size:14.5px}.nextbox>span{display:block;font-size:12.5px;color:var(--ink2);margin:2px 0 8px}
.nextbox .chip.pri{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.tle{display:flex;gap:10px;padding:0 0 12px;position:relative}.tle:not(:last-child)::before{content:"";position:absolute;inset-inline-start:13px;top:28px;bottom:0;width:2px;background:var(--line)}
.tle .tli{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--glass);color:var(--ink2)}.tle .tli svg{width:15px;height:15px}
.tle b{display:block;font-size:13.5px;font-weight:600;line-height:1.35}.tle small{font-size:11.5px;color:var(--muted)}
.tle.won .tli{background:var(--good-bg);color:#15803D}.tle.lost .tli{background:var(--bad-bg);color:var(--bad)}.tle.in .tli{background:var(--brand-soft,#ECEFFF);color:#1A16B8}.tle.plan .tli{background:var(--warn-bg);color:var(--warn)}.tle.plan b{color:var(--warn)}
.ctl{border-radius:16px;background:var(--pane);box-shadow:0 0 0 1px var(--line);padding:12px;margin:12px 0}.ctlk{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;border-radius:12px;border:0;background:var(--glass);color:var(--ink);font:inherit;text-align:start;cursor:pointer;min-width:0}
.ctlk b{font-size:20px}.ctlk span{font-size:11.5px;color:var(--ink2);line-height:1.25}.ctlk.hot{background:var(--bad-bg)}.ctlk.hot b{color:var(--bad)}
.halerts{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.halert{display:flex;gap:10px;align-items:center;width:100%;padding:12px;border-radius:14px;border:0;background:var(--warn-bg);color:var(--ink);font:inherit;text-align:start;cursor:pointer}.halert svg{width:20px;height:20px;flex:none;color:var(--warn)}
.halert.bad{background:var(--bad-bg)}.halert.bad svg{color:var(--bad)}.halert b{display:block;font-size:14px}.halert small{font-size:12px;color:var(--ink2)}
.subtabs .subhelp{flex:none;width:36px;padding:0;border-radius:50%}
@media (min-width:1100px){.subtabs .subhelp{display:none}}
.stedit{display:inline-flex;align-items:center;gap:6px;color:#1A16B8!important}.stedit svg,.stedit2 svg{width:15px;height:15px}
.stedit2{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin-top:8px;padding:0 14px;white-space:nowrap;line-height:1;border-style:dashed!important;color:#1A16B8!important;font-weight:700;font-size:14.5px}.stedit2 svg{flex:none}
.mrow{position:relative}
.wlrow{flex-wrap:wrap}.wlbt{flex-basis:100%;display:flex;gap:6px;flex-wrap:wrap;padding-inline-start:46px}
.wlcode{font-size:44px;font-weight:800;letter-spacing:.12em;text-align:center;padding:18px;border-radius:16px;background:var(--brand-soft,#ECEFFF);color:#1A16B8}
.wlrow .meta{white-space:normal}.wlwarn{display:block;font-size:12px;font-weight:700;color:var(--bad);margin-top:3px}
.invtools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.invtools .btn{display:inline-flex;align-items:center;gap:6px}
.invfind{display:flex;gap:8px;margin:8px 0 10px;align-items:center}.invfind .sbox{flex:1 1 0;min-width:0;margin:0}.invth,.invtr{display:grid;grid-template-columns:minmax(0,1fr) 70px 86px;gap:10px;align-items:center;padding:11px 14px}
.invtr{width:100%;border:0;border-top:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}
.invtr .it{min-width:0}.invtr .it b{display:block;font-size:14.5px;font-weight:650;overflow-wrap:anywhere}
.invtr .it small{display:block;font-size:12.5px;color:var(--ink2);margin-top:1px;overflow-wrap:anywhere}.invtr .it small.lc{color:var(--muted);font-size:11.5px}
.invtr .iq,.invtr .ip,.invtr .iv{text-align:end}.invtr .iq b,.invtr .ip b,.invtr .iv b{display:block;font-size:14.5px}.invtr .iq small,.invtr .ip small{display:block;font-size:11px;color:var(--muted)}
.invtr .iq.low b{color:var(--bad)}
.invth .iv,.invtr .iv{display:none}
@media (min-width:900px){.invth,.invtr{grid-template-columns:minmax(0,1fr) 100px 120px 130px}.invth .iv,.invtr .iv{display:block}}
.lowbox{padding:10px 12px;border-radius:12px;background:var(--bad-bg);margin:0 0 10px}.lowbox b{display:block;color:var(--bad);font-size:14px}.lowbox span{font-size:12.5px;color:var(--ink2)}
.invlocs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.invlocs .chip{flex:none}
.invq b{font-size:17px}.invq small{font-size:11.5px;color:var(--muted)}.invq.low b{color:var(--bad)}.invq.neg b{color:var(--bad)}
.invacts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.invacts .btn{display:flex;flex-direction:column;align-items:center;gap:4px;height:auto;padding:10px 4px;font-size:12.5px}.bzic.ok{background:var(--good-bg);color:#15803D}
.dsbk-ch .chip{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:7px 12px;font-size:13px;color:inherit;cursor:pointer}.dsbk-ch .chip.on{background:#0B7A43;border-color:#0B7A43;color:#fff;font-weight:600}.cobk-r{display:flex;gap:6px;align-items:flex-start}.cobk-r textarea{flex:1}.cobk-r .close{width:32px;height:32px;flex:none}
.ijr li b{font-size:14px}.ijr li span{font-size:12.5px;color:var(--muted)}.ijr li em.neg{color:var(--bad)}.ijr li.old{opacity:.6}.fhint{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.alrow .nm{white-space:normal;overflow:visible;text-overflow:clip}.alh{margin:12px 2px 4px;font-size:12.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.prrow{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.prrow:last-child{border-bottom:0}.prrow .prt{flex:1;display:flex;flex-direction:column;gap:2px}.prrow .prt b{font-size:14px;font-weight:600}.prrow .prt small{font-size:12px;color:var(--muted)}.permc{color:#1B38B4!important}
.m3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px 0}.m3 div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px}.m3 span{font-size:12px;color:var(--muted)}.m3 b{font-size:14px}

/* ===== Module themes: CRM black+mint, Projects navy+sky (Option 1) ===== */
body[data-mod="crm"]{--m-bar:#0B1460;--m-bar2:#1A2CA8;--m-acc:#3B5BFF;--m-acc2:#7B93FF;--m-acc3:#1F3FD6;--m-ink:#FFFFFF;--m-soft:rgba(59,91,255,.14);--m-txt:#1F3FD6;--m-rgb:59,91,255;--navy:#0B1460;--navy2:#1A2CA8}
body[data-mod="projects"]{--m-bar:#0B1B4D;--m-bar2:#1840C9;--m-acc:#38BDF8;--m-acc2:#5EEAD4;--m-acc3:#2F6BFF;--m-ink:#05070D;--m-soft:rgba(47,107,255,.14);--m-txt:#1840C9;--m-rgb:47,107,255;--navy:#0B1B4D;--navy2:#1840C9}
body[data-mod="hr"]{--m-bar:#0D1650;--m-bar2:#3461DC;--m-acc:#7FA2FF;--m-acc2:#B4C8FF;--m-acc3:#3461DC;--m-ink:#05070D;--m-soft:rgba(52,97,220,.14);--m-txt:#3461DC;--m-rgb:52,97,220;--navy:#0D1650;--navy2:#3461DC} /* 4.7.0: Team (HR) */
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) header.top{background:var(--m-bar)!important}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .bnav{background:var(--m-bar)!important;box-shadow:0 14px 34px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.08)!important}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .bnav button[aria-current="true"]{color:var(--m-acc)!important;background:rgba(var(--m-rgb),.12)!important;box-shadow:inset 0 -2px 0 var(--m-acc)!important}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .bnav button[aria-current="true"] svg{color:var(--m-acc)!important}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .modsw{background:var(--m-bar2)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .modsw button[aria-selected="true"]{background:var(--m-acc)!important;color:var(--m-ink)!important;box-shadow:0 6px 14px -6px rgba(var(--m-rgb),.6)!important;font-weight:800}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .bplus3d{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 34%),linear-gradient(160deg,var(--m-acc2) 0%,var(--m-acc) 50%,var(--m-acc3) 100%)!important;color:var(--m-ink)!important;box-shadow:0 12px 22px -6px rgba(var(--m-rgb),.55),0 3px 0 var(--m-acc3),inset 0 2px 1px rgba(255,255,255,.45),inset 0 -5px 10px rgba(6,35,26,.25),0 0 0 4px var(--m-bar)!important}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .bplus3d svg{filter:none!important}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .pghero:not(.pg-day):not(.pg-calls){background:linear-gradient(135deg,var(--m-bar2),var(--m-bar))!important}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .pghero::after{background:radial-gradient(circle,rgba(var(--m-rgb),.18),transparent 65%)}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .pghero .pgh-ic{color:var(--m-acc)}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .rcall,body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .cdial2{background:var(--m-acc)!important;color:var(--m-ink)!important;box-shadow:0 6px 14px -6px rgba(var(--m-rgb),.6)!important}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .lparrow{background:var(--m-bar)!important;color:var(--m-acc)!important}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .lpseg b.num{background:var(--m-acc);color:var(--m-ink)}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .toast{background:var(--m-bar)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(var(--m-rgb),.4),0 12px 26px -10px rgba(0,0,0,.6)!important}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .editbtn,body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .newsvc{background:rgba(var(--m-rgb),.14);color:var(--m-txt)}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .lochi{background:var(--m-bar);color:var(--m-acc)}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .menulist button > svg{color:var(--m-txt);background:rgba(var(--m-rgb),.12)}
body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .seg2 button[aria-selected="true"],body:is([data-mod="crm"],[data-mod="projects"],[data-mod="hr"]) .lpseg button[aria-selected="true"]{box-shadow:inset 0 -2px 0 var(--m-acc)}

/* ===== Accounts: premium light (glass, duotone icons, blue/cyan/purple) ===== */
body[data-mod="accounts"]{--pane:#FFFFFF;--line:#E7E7EC;--ink:#0B0B0F;--ink2:#55555F;--muted:#8A8A95;--ax:#3B5BFF;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter",system-ui,sans-serif!important;letter-spacing:-.01em}
body[data-mod="accounts"] button,body[data-mod="accounts"] input,body[data-mod="accounts"] select,body[data-mod="accounts"] textarea{font-family:inherit}
body[data-mod="accounts"] header.top{color:#0B0B0F;box-shadow:none!important}
body[data-mod="accounts"] .topin .wsbtn span.appname::before{background-image:url("/img/logos/logo-vego.png")!important}
body[data-mod="accounts"] .wsbtn span.cochip{background:#E6E6EB!important;color:#0B0B0F!important;box-shadow:none!important}
body[data-mod="accounts"] .hsearch,body[data-mod="accounts"] .userbtn,body[data-mod="accounts"] .connbtn{background:#FFFFFF!important;color:#0B0B0F!important;border-radius:999px!important;box-shadow:0 4px 14px -6px rgba(20,24,60,.25)!important}
body[data-mod="accounts"] .modsw{box-shadow:none!important;}
body[data-mod="accounts"] .modsw button{background:transparent!important;color:#55555F!important;box-shadow:none!important}
/* overview hero */
body[data-mod="accounts"] .axtop{display:flex;align-items:flex-start;gap:10px;padding:6px 6px 14px}
body[data-mod="accounts"] .axtop>div:first-child{flex:1;min-width:0}
body[data-mod="accounts"] .axtopb{display:flex;gap:8px}
body[data-mod="accounts"] .axround{width:46px;height:46px;border-radius:999px;border:0;background:#FFFFFF;color:#3B5BFF;font-size:18px;font-weight:700;display:grid;place-items:center;box-shadow:0 6px 18px -8px rgba(20,24,60,.35)}
body[data-mod="accounts"] .axround svg{width:22px;height:22px}
body[data-mod="accounts"] .axl{flex:1;min-width:0;border:0;background:none;padding:0;text-align:start;color:#0B0B0F;display:flex;flex-direction:column;gap:6px;cursor:pointer}
body[data-mod="accounts"] .axchip{flex:none;display:flex;align-items:center;gap:10px;border:0;background:rgba(255,255,255,.92);border-radius:999px;padding-block:7px 7px;padding-inline:7px 18px;box-shadow:0 6px 16px -10px rgba(20,24,60,.35);cursor:pointer;color:#0B0B0F;text-align:start}
body[data-mod="accounts"] .axci{position:relative;width:44px;height:44px;border-radius:999px;background:#F1F1F5;display:grid;place-items:center;color:var(--c)}
body[data-mod="accounts"] .axci>svg:not(.axarc){width:21px;height:21px}
body[data-mod="accounts"] .axarc{position:absolute;inset:0;width:44px;height:44px}
body[data-mod="accounts"] .axct b{display:block;font-size:14px;font-weight:600}
body[data-mod="accounts"] .axct small{display:block;font-size:12px;color:#8A8A95;white-space:nowrap}
/* quick tiles + list icons */
body[data-mod="accounts"] .acquick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 6px!important;margin:0 0 18px!important;border-radius:24px!important;}
body[data-mod="accounts"] .acquick button{position:relative;min-width:0!important;min-height:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#1C1C22!important;font-size:12.5px!important;font-weight:600;line-height:1.2;text-align:center;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}
body[data-mod="accounts"] .acquick button:active{transform:scale(.93)}
body[data-mod="accounts"] .acquick:not(.open) .axx{display:none!important}
body[data-mod="accounts"] .acquick .axall{order:0}
body[data-mod="accounts"] .acquick button > span{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
body[data-mod="accounts"] .acquick button > span svg{filter:none!important}
body[data-mod="accounts"] .acquick em.acqb{position:absolute;top:-6px;inset-inline-end:calc(50% - 26px);background:#E8178A!important;color:#fff!important;box-shadow:0 0 0 2px #E6E6EB}
:root[data-theme="dark"] body[data-mod="accounts"] .acquick{background:#1A1A21!important}
:root[data-theme="dark"] body[data-mod="accounts"] .acquick button{color:#EDEDF2!important}
body[data-mod="accounts"] em.acqb{background:#3B5BFF!important;color:#fff!important}
body[data-mod="accounts"] .bzic,body[data-mod="accounts"] .aci{background:#F1F1F5!important;color:#3B5BFF!important;border-radius:999px!important}
body[data-mod="accounts"] .bzic.hot,body[data-mod="accounts"] .bzic.exp{background:#FFF0F0!important;color:#E5484D!important}
body[data-mod="accounts"] .ackpi{border-radius:22px!important;border:0!important;box-shadow:0 6px 18px -12px rgba(20,24,60,.35)!important}
/* other pages: glass hero */
body[data-mod="accounts"] .pghero:not(.pg-day):not(.pg-calls){background:linear-gradient(180deg,#FFFFFF 0%,#F7F7FA 58%,#E7EBFF 100%)!important;color:#0B0B0F!important;border:1.5px solid #FFFFFF;border-radius:28px!important;box-shadow:0 22px 40px -26px rgba(60,70,160,.45)!important}
body[data-mod="accounts"] .pghero::after{display:none!important}
body[data-mod="accounts"] .pghero h1,body[data-mod="accounts"] .pghero .pgh-t,body[data-mod="accounts"] .pghero b{color:#0B0B0F!important}
body[data-mod="accounts"] .pghero .sub,body[data-mod="accounts"] .pghero p,body[data-mod="accounts"] .pghero .pgs span{color:#6B6B76!important}
body[data-mod="accounts"] .pghero .pgh-ic{background:#FFFFFF!important;color:#3B5BFF!important;box-shadow:0 6px 16px -8px rgba(20,24,60,.3)!important;border-radius:999px!important}
body[data-mod="accounts"] .pghero .pgs{background:rgba(255,255,255,.9)!important;box-shadow:0 6px 16px -12px rgba(20,24,60,.35)!important;border-radius:18px!important}
body[data-mod="accounts"] .pghero .pgs.hot b{color:#E5484D!important}
body[data-mod="accounts"] .pghero .btn.sm:not(.pri){background:#FFFFFF!important;color:#0B0B0F!important;border:0!important;border-radius:999px!important;box-shadow:0 4px 12px -6px rgba(20,24,60,.3)!important}
body[data-mod="accounts"] .btn.pri:not(.sm),body[data-mod="accounts"] .pghero .btn.pri,body[data-mod="accounts"] .btn.pri.sm.newbiz{background:#3B5BFF!important;color:#fff!important;border-color:#3B5BFF!important;border-radius:999px!important;box-shadow:0 10px 20px -10px rgba(59,91,255,.7)!important}
body[data-mod="accounts"] .btn.sm.pri:not(.newbiz){background:#0B0B0F!important;color:#fff!important;border-color:#0B0B0F!important;border-radius:999px!important}
body[data-mod="accounts"] .fab{background:#FFFFFF!important;color:#0B0B0F!important;border-radius:999px!important;box-shadow:0 10px 26px -10px rgba(20,24,60,.45)!important}
body[data-mod="accounts"] em.tcount.num.on{background:#3B5BFF!important;color:#fff!important}
body[data-mod="accounts"] .seg2 button[aria-selected="true"]{box-shadow:0 2px 8px -2px rgba(20,24,60,.22)!important}
/* tabs */
body[data-mod="accounts"] .acsegs button{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border:0!important;background:#FFFFFF!important;color:#0B0B0F!important;font-weight:600;box-shadow:0 4px 12px -8px rgba(20,24,60,.35)}
body[data-mod="accounts"] .acsegs button svg{width:18px;height:18px;flex:none;color:#3B5BFF}
body[data-mod="accounts"] .acsegs button[aria-selected="true"]{background:#3B5BFF!important;color:#FFFFFF!important}
body[data-mod="accounts"] .acsegs button[aria-selected="true"] svg{color:#FFFFFF}
body[data-mod="accounts"] .acsegs .achelpbtn{width:40px!important;padding:0!important;justify-content:center;color:#3B5BFF!important}
body[data-mod="accounts"] .acsegs.small button{height:34px;background:#E4E4EA!important;box-shadow:none}
body[data-mod="accounts"] .acsegs.small button[aria-selected="true"]{background:#FFFFFF!important;color:#0B0B0F!important;box-shadow:0 2px 8px -2px rgba(20,24,60,.22)}
/* new + more sheets */
.axti{background:#F1F1F5;color:var(--c);}
.axtile{background:#FFFFFF!important;border-radius:22px!important;box-shadow:0 6px 18px -12px rgba(20,24,60,.35)!important}
.axrow2 .hubt b{font-weight:600}
/* bottom bar */
body[data-mod="accounts"] .bnav{height:78px!important;padding:0 10px!important;border-radius:999px!important;-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);display:flex!important;align-items:center;gap:0!important}
body[data-mod="accounts"] .bnav button{flex:1 1 0!important;height:66px;padding:0!important;border-radius:22px!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:4px!important;font-size:12px!important;font-weight:500!important}
body[data-mod="accounts"] .bnav button svg{width:28px!important;height:28px!important;color:#9497A8!important}
body[data-mod="accounts"] .bnav button[data-view="acct"] svg{color:#3B5BFF!important}
body[data-mod="accounts"] .bnav button[data-view="sales"] svg{color:#8B5CF6!important}
body[data-mod="accounts"] .bnav button[data-view="purchases"] svg{color:#0EB5D1!important}
body[data-mod="accounts"] .bnav button[data-act="openAcMore()"] svg{color:#F25C9A!important}

body[data-mod="accounts"] .bnav button:not(.axplus) span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;font-size:12px!important}
body[data-mod="accounts"] .bnav button[aria-current="true"]{background:transparent!important;font-weight:600!important}

body[data-mod="accounts"] .bnav button.axplus{flex:0 0 76px!important}
body[data-mod="accounts"] .bnav .axplus-c{width:64px!important;height:64px!important;border-radius:999px;display:grid;place-items:center;}
body[data-mod="accounts"] .bnav button.axplus svg{width:26px!important;height:26px!important;}
body[data-mod="accounts"] .toast{background:rgba(255,255,255,.96)!important;color:#0B0B0F!important;box-shadow:0 14px 30px -12px rgba(20,24,60,.4)!important}
body[data-mod="accounts"] .lparrow{background:#FFFFFF!important;color:#3B5BFF!important}

/* iPhone: collapsing title */
body:is([data-mod="accounts"],[data-mod="crm"]) header.top{transition:background .2s ease,box-shadow .2s ease}
body.axsc:is([data-mod="accounts"],[data-mod="crm"]) header.top{background:rgba(242,242,244,.78)!important;-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 .5px 0 rgba(60,60,67,.29)!important}
#axttl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(8px);font-size:17px;font-weight:600;letter-spacing:-.2px;color:#0B0B0F;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}
body:not([data-mod="accounts"]):not([data-mod="crm"]):not([data-mod="projects"]) #axttl{display:none}
body.axsc:is([data-mod="accounts"],[data-mod="crm"]) #axttl{opacity:1;transform:translate(-50%,-50%)}
body:is([data-mod="accounts"],[data-mod="crm"]) #modsw{transition:opacity .2s ease}
body.axsc:is([data-mod="accounts"],[data-mod="crm"]) #modsw{opacity:0;pointer-events:none}
:root[data-theme="dark"] body.axsc:is([data-mod="accounts"],[data-mod="crm"]) header.top{background:rgba(11,11,15,.78)!important;box-shadow:0 .5px 0 rgba(255,255,255,.15)!important}
:root[data-theme="dark"] #axttl{color:#F2F2F6}
/* iPhone: grouped inset lists */
body:is([data-mod="accounts"],[data-mod="crm"]) #view .list{background:#FFFFFF!important;border:0!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden}
body:is([data-mod="accounts"],[data-mod="crm"]) #view .list > *{position:relative}
body:is([data-mod="accounts"],[data-mod="crm"]) #view .list > .row,body:is([data-mod="accounts"],[data-mod="crm"]) #view .list > .swp > .row{border-top:0!important;border-radius:0!important;box-shadow:none!important;background:#FFFFFF!important;min-height:52px}
body:is([data-mod="accounts"],[data-mod="crm"]) #view .list > * + *::before{content:"";position:absolute;inset-inline-start:62px;inset-inline-end:0;top:0;border-top:.5px solid rgba(60,60,67,.24);pointer-events:none;z-index:2}
body:is([data-mod="accounts"],[data-mod="crm"]) #view .list > .row:active,body:is([data-mod="accounts"],[data-mod="crm"]) #view .list > .swp > .row:active{background:#E5E5EA!important}
body:is([data-mod="accounts"],[data-mod="crm"]) #view h2{font-size:13px!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.3px;color:#6E6E73!important;margin:24px 16px 7px!important}
:root[data-theme="dark"] body:is([data-mod="accounts"],[data-mod="crm"]) #view .list,:root[data-theme="dark"] body:is([data-mod="accounts"],[data-mod="crm"]) #view .list > .row,:root[data-theme="dark"] body:is([data-mod="accounts"],[data-mod="crm"]) #view .list > .swp > .row{background:#1C1C22!important}
:root[data-theme="dark"] body:is([data-mod="accounts"],[data-mod="crm"]) #view .list > * + *::before{border-top-color:rgba(255,255,255,.12)}
/* iPhone: swipe actions */
.swp{position:relative;overflow:hidden}
.swpacts{position:absolute;top:0;inset-inline-end:0;bottom:0;display:flex;z-index:0}
.swpacts button{width:78px;border:0;color:#FFFFFF;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.swp > [data-swipe]{position:relative;z-index:1;will-change:transform}
/* iPhone: sheets */
@media (max-width:819px){
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet{border-radius:14px 14px 0 0!important;background:#F2F2F7!important;padding-top:12px}
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet::before{content:"";position:absolute;top:6px;left:50%;width:36px;height:5px;border-radius:3px;background:rgba(60,60,67,.3);transform:translateX(-50%);z-index:3}
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet .shead{position:relative;justify-content:center;min-height:50px;padding:6px 76px!important;border-bottom:.5px solid rgba(60,60,67,.2)!important;background:transparent!important}
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet .shead h3{flex:1;text-align:center;font-size:17px!important;font-weight:600!important;margin:0!important}
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet .shead h3 small{display:block;font-size:12px;font-weight:400;color:#6E6E73}
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet .shead .close{position:absolute;inset-inline-start:8px;top:50%;transform:translateY(-50%);width:auto!important;height:44px!important;padding:0 8px!important;background:none!important;border:0!important;box-shadow:none!important;font-size:0!important;color:#3B5BFF!important}
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet .shead .close:not(#_){inset-inline-start:auto!important;inset-inline-end:12px!important;width:32px!important;height:32px!important;padding:0!important;border-radius:50%!important;background:linear-gradient(135deg,#3B82F6,#1D4ED8)!important;color:#fff!important;font-size:19px!important;line-height:1!important;display:grid!important;place-items:center!important;box-shadow:0 4px 10px -4px rgba(29,78,216,.6)!important}
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet .shead .axsave{display:none!important}
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet .shead:not(#_){padding:6px 52px!important}
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet .shead .axsave{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);height:44px;padding:0 8px;background:none;border:0;color:#3B5BFF;font:inherit;font-size:17px;font-weight:600;cursor:pointer}
:root[data-theme="dark"] body:is([data-mod="accounts"],[data-mod="crm"]) #sheet{background:#1C1C22!important}
}

/* ===== CRM: same organised design as Accounts, black + mint ===== */
body[data-mod="crm"]{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter",system-ui,sans-serif!important;letter-spacing:-.01em}
body[data-mod="crm"] button,body[data-mod="crm"] input,body[data-mod="crm"] select,body[data-mod="crm"] textarea{font-family:inherit}
body[data-mod="crm"] .modsw{border-radius:12px!important}

body[data-mod="crm"] #axttl{color:#FFFFFF}
@media (max-width:819px){body[data-mod="crm"] #sheet .shead .close,body[data-mod="crm"] #sheet .shead .axsave{}}
/* bottom bar: mint glass, dark icons like Home, black + with mint plus */
body[data-mod="crm"] .bnav{height:78px!important;padding:0 10px!important;border-radius:999px!important;-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);display:flex!important;align-items:center;gap:0!important}
body[data-mod="crm"] .bnav button{flex:1 1 0!important;height:66px;padding:0!important;border-radius:22px!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:4px!important;font-size:12px!important;font-weight:500!important}
body[data-mod="crm"] .bnav button svg{width:28px!important;height:28px!important;filter:none!important}
body[data-mod="crm"] .bnav button[aria-current="true"]{background:transparent!important;box-shadow:none!important}
body[data-mod="crm"] .bnav button[aria-current="true"]:not(.axplus) svg{transform:scale(1.08);}
body[data-mod="crm"] .bnav button.axplus{flex:0 0 76px!important}
body[data-mod="crm"] .bnav .axplus-c{position:relative;width:64px!important;height:64px!important;border-radius:999px;display:grid;place-items:center;transition:transform .15s ease,box-shadow .15s ease}
body[data-mod="crm"] .bnav .axplus-c::after{content:"";position:absolute;inset-inline-start:18%;inset-inline-end:18%;top:7%;height:30%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0));pointer-events:none}
body[data-mod="crm"] .bnav button.axplus:active .axplus-c{transform:translateY(3px);}
body[data-mod="crm"] .bnav button.axplus svg{position:relative;z-index:1;width:28px!important;height:28px!important;transform:none!important;}
body[data-mod="crm"] .bnav .navbadge{transform:translate(14px,-30px)!important}


/* hero cards: black, Apple radius */
body[data-mod="crm"] .pghero{border-radius:28px!important}
/* home tools: flat icons on a plain grey area, one row */
body[data-mod="crm"] .htools.hsimple{display:grid!important;gap:0 4px!important;padding:16px 6px 14px!important;box-shadow:none!important;}
body[data-mod="crm"] .htools.hsimple .htool{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center;gap:8px!important;color:#1C1C22!important;font-size:12px!important;font-weight:600;transition:transform .12s ease}
body[data-mod="crm"] .htools.hsimple .htool:active{transform:scale(.93)}
body[data-mod="crm"] .htools.hsimple .hsic{position:relative;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important}
body[data-mod="crm"] .htools.hsimple .hsic svg{width:34px!important;height:34px!important}
body[data-mod="crm"] .htools.hsimple .hsic em{position:absolute;top:-6px;inset-inline-end:-10px}
/* dashboard tabs: pills with icons */
body[data-mod="crm"] .subtabs button{display:inline-flex!important;align-items:center;gap:7px;height:40px;padding:0 16px!important;border:0!important;font-weight:600;font-size:13.5px!important;border-radius:999px!important;}
body[data-mod="crm"] .subtabs button svg{width:18px;height:18px;flex:none;}

/* lists + cards */
body[data-mod="crm"] .cocard,body[data-mod="crm"] .duty{border-radius:20px!important}
/* premium alerts: one white grouped card, soft icon circles, chevron */
body[data-mod="crm"] .halerts{gap:0!important;background:#FFFFFF;border-radius:20px;overflow:hidden;box-shadow:0 8px 22px -16px rgba(20,24,30,.45);margin:14px 0!important}
body[data-mod="crm"] .halert{position:relative;border-radius:0!important;padding-block:13px 13px!important;padding-inline:14px 14px!important;gap:12px!important}
body[data-mod="crm"] .halert + .halert::before{content:"";position:absolute;inset-inline-start:62px;inset-inline-end:0;top:0;border-top:.5px solid rgba(60,60,67,.22)}
body[data-mod="crm"] .halert svg{width:18px!important;height:18px!important;padding:9px;box-sizing:content-box;border-radius:999px;}
body[data-mod="crm"] .halert > span{flex:1;min-width:0}
body[data-mod="crm"] .halert b{font-size:15px!important;font-weight:600;color:#0B0D10;letter-spacing:-.2px}
body[data-mod="crm"] .halert small{font-size:12.5px!important;color:#6E6E73!important}
body[data-mod="crm"] .halert::after{content:"";flex:none;border-inline-end:2px solid #C7C7CC;border-top:2px solid #C7C7CC;}
body[data-mod="crm"] .halert:active{background:#F2F2F4!important}
/* sales control: white tiles, numbers black, small coloured dot when it needs action */
body[data-mod="crm"] .ctl{border-radius:20px!important;box-shadow:0 8px 22px -16px rgba(20,24,30,.45)!important;padding:14px!important}
body[data-mod="crm"] .ctlk{background:#F4F4F6!important;border-radius:14px!important;position:relative}
body[data-mod="crm"] .ctlk b{color:#0B0D10!important;font-weight:600}
body[data-mod="crm"] .ctlk.hot::after{content:"";position:absolute;top:12px;inset-inline-end:12px;width:8px;height:8px;border-radius:999px;background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,.15)}
/* company card: mint progress */
body[data-mod="crm"] .cocard{box-shadow:0 8px 22px -16px rgba(20,24,30,.45)!important;border:0!important}
body[data-mod="crm"] .cocard .cc-logo b{color:#0B0D10}


:root[data-theme="dark"] body[data-mod="crm"] .halerts,:root[data-theme="dark"] body[data-mod="crm"] .halert{background:#1C1C22!important}
:root[data-theme="dark"] body[data-mod="crm"] .halert b,:root[data-theme="dark"] body[data-mod="crm"] .ctlk b{color:#F2F2F6!important}
:root[data-theme="dark"] body[data-mod="crm"] .ctlk{background:#2A2A34!important}
:root[data-theme="dark"] body[data-mod="crm"]{--bg:#0B0B0F}
:root[data-theme="dark"] body[data-mod="crm"] .htools.hsimple{background:#1A1A21!important}
:root[data-theme="dark"] body[data-mod="crm"] .htools.hsimple .htool{color:#EDEDF2!important}
:root[data-theme="dark"] body[data-mod="crm"] .subtabs button{background:#22222B!important;color:#F2F2F6!important}

/* ===== Vego CRM brand: cobalt blue gradients (YETI style) + white outlined cards, orange only for arrows, + and main buttons ===== */





/* hero cards: indigo with violet glow, orange warmth and a soft reflection */

body[data-mod="crm"] .pghero::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border-radius:inherit!important;background:linear-gradient(115deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.10) 42%,rgba(150,175,255,.20) 52%,rgba(255,255,255,0) 66%)!important;pointer-events:none;z-index:0}
body[data-mod="crm"] .pghero.pg-today::before,body[data-mod="crm"] .pghero.pg-quotes::before{filter:none!important}

body[data-mod="crm"] .hslide > .hbg{filter:none!important;}


body[data-mod="crm"] .lparrow{background:#0B1460!important;color:#4968EA!important}
/* orange arrow icons */
body[data-mod="crm"] .halert::after{width:26px!important;height:26px!important;border:0!important;transform:none!important;border-radius:999px;margin-inline-end:0!important}
/* dashboard tabs */



/* cards */
body[data-mod="crm"] .ctlh .linkbtn2{color:#1F3FD6!important}
body[data-mod="crm"] .cocard .cc-left{color:#1F3FD6!important}

@media (max-width:819px){body[data-mod="crm"] #sheet .shead .close,body[data-mod="crm"] #sheet .shead .axsave{}}
/* bottom bar: white glass (light version), navy duotone icons, violet active, orange 3D + */








:root[data-theme="dark"] body[data-mod="crm"] .bnav{background:linear-gradient(180deg,rgba(19,35,143,.94),rgba(11,21,96,.96))!important;box-shadow:0 18px 40px -16px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08)!important}
:root[data-theme="dark"] body[data-mod="crm"] .bnav button,:root[data-theme="dark"] body[data-mod="crm"] .bnav button svg{color:#C3CEFF!important}
:root[data-theme="dark"] body[data-mod="crm"] .bnav button[aria-current="true"],:root[data-theme="dark"] body[data-mod="crm"] .bnav button[aria-current="true"]:not(.axplus) svg{color:#4968EA!important}
body[data-mod="crm"] .halerts,body[data-mod="crm"] .ctl,body[data-mod="crm"] .cocard,body[data-mod="crm"] #view .list,body[data-mod="crm"] .duty,body[data-mod="crm"] .dk,body[data-mod="crm"] .dsk,body[data-mod="crm"] .dchart{box-shadow:0 0 0 1px rgba(19,35,143,.10),0 10px 24px -18px rgba(11,20,96,.45)!important;border:0!important}
body[data-mod="crm"] .bzic{background:#E7ECFF!important;color:#1F3FD6!important;border-radius:999px!important}
body[data-mod="crm"] .halert svg{background:#E7ECFF!important;color:#1F3FD6!important}
body[data-mod="crm"] .halert.bad svg{background:#FFEDEE!important;color:#E5484D!important}
body[data-mod="crm"] .dbar.on i{background:linear-gradient(180deg,#4A68FF,#0B1460)!important}

/* ===== Vego CRM · Pattern 2: cobalt gradient, photos fading into it, stacked glass cards, black pills ===== */
body[data-mod="crm"]{--bg:#EEF1F7;background:linear-gradient(180deg,#13238F 0px,#2A45C4 170px,#7F95D6 300px,#D3DBEE 400px,#EEF1F7 480px) no-repeat,#EEF1F7!important}
body[data-mod="crm"] header.top{background:transparent!important;box-shadow:none!important}
body.axsc[data-mod="crm"] header.top{background:rgba(19,35,143,.72)!important;-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 .5px 0 rgba(255,255,255,.2)!important}
body[data-mod="crm"] .modsw{background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important}
body[data-mod="crm"] .modsw button{color:rgba(255,255,255,.85)!important}
body[data-mod="crm"] .modsw button[aria-selected="true"]{background:#FFFFFF!important;color:#13238F!important;box-shadow:0 6px 16px -8px rgba(0,0,0,.4)!important}
body[data-mod="crm"] .hsearch,body[data-mod="crm"] .userbtn,body[data-mod="crm"] .connbtn{background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important;color:#FFFFFF!important}
/* light, large headings on the blue */
body[data-mod="crm"] .hello span:first-child{color:#FFFFFF!important;font-size:32px!important;font-weight:400!important;letter-spacing:-1px!important}
body[data-mod="crm"] .hello .d{color:rgba(255,255,255,.8)!important}
body[data-mod="crm"] .pghero h1{font-size:28px!important;font-weight:400!important;letter-spacing:-.8px!important}
/* hero cards: glass on the gradient, photo fades into the blue */
body[data-mod="crm"] .pghero:not(.pg-day):not(.pg-calls){background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.45)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 44px -26px rgba(11,20,96,.6)!important;border-radius:30px!important}
body[data-mod="crm"] .pghero::after{display:none!important}
body[data-mod="crm"] .pghero.pg-today::before,body[data-mod="crm"] .pghero.pg-leads::before,body[data-mod="crm"] .pghero.pg-quotes::before{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%);border-radius:0 30px 30px 0;opacity:.95}
body[data-mod="crm"] .pghero.pg-calls{background:url("/img/hero/hero-calls.webp") right 20%/auto 120% no-repeat,linear-gradient(90deg,#2A45C4 0%,#4A66E0 100%)!important;background-blend-mode:multiply,normal;border:1px solid rgba(255,255,255,.45)!important;border-radius:30px!important}
body[data-mod="crm"] .pghero .pgh-ic{background:rgba(255,255,255,.2)!important;color:#FFFFFF!important;border-radius:999px!important}
body[data-mod="crm"] .pghero .btn:not(.pri),body[data-mod="crm"] .pghero .viewtoggle{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.4)!important;color:#FFFFFF!important;border-radius:999px!important}
body[data-mod="crm"] .pghero .pgs{background:rgba(255,255,255,.16)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important;border-radius:18px!important}

/* black pills */
body[data-mod="crm"] .btn.pri,body[data-mod="crm"] .hslide .btn.pri,body[data-mod="crm"] .pghero .btn.pri{background:#0B0D17!important;color:#FFFFFF!important;border-color:#0B0D17!important;border-radius:999px!important;box-shadow:0 10px 22px -12px rgba(0,0,0,.7)!important}
body[data-mod="crm"] em.tcount.num.on{background:#0B0D17!important;color:#FFFFFF!important}
body[data-mod="crm"] .halert::after{background:#0B0D17 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/13px no-repeat!important}
body[data-mod="crm"] #view .row svg.chev{color:#0B0D17!important}
/* glass content cards */
body[data-mod="crm"] .halerts,body[data-mod="crm"] .ctl,body[data-mod="crm"] .cocard,body[data-mod="crm"] #view .list,body[data-mod="crm"] .duty,body[data-mod="crm"] .dk,body[data-mod="crm"] .dsk,body[data-mod="crm"] .dchart,body[data-mod="crm"] .vaip,body[data-mod="crm"] .callrow,body[data-mod="crm"] .lcard{background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px!important;box-shadow:0 18px 36px -26px rgba(11,20,96,.55)!important}
body[data-mod="crm"] .halert{background:transparent!important}
body[data-mod="crm"] .htools.hsimple{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.9)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px!important}
body[data-mod="crm"] .subtabs button{background:rgba(255,255,255,.2)!important;color:#FFFFFF!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)!important}
body[data-mod="crm"] .subtabs button svg{color:#FFFFFF!important}
body[data-mod="crm"] .subtabs button[aria-selected="true"]{background:#FFFFFF!important;color:#0B0D17!important}
body[data-mod="crm"] .subtabs button[aria-selected="true"] svg{color:#13238F!important}
body[data-mod="crm"] .subtabs .subhelp{background:rgba(255,255,255,.2)!important;color:#FFFFFF!important}
body[data-mod="crm"] .ctlh .linkbtn2,body[data-mod="crm"] .cocard .cc-left{color:#13238F!important}
body[data-mod="crm"] .cocard .cc-ring circle[stroke^="url"]{stroke:#13238F!important}
body[data-mod="crm"] .cocard .cc-edit{background:#0B0D17!important;color:#FFFFFF!important}
@media (max-width:819px){body[data-mod="crm"] #sheet .shead .close,body[data-mod="crm"] #sheet .shead .axsave{color:#13238F!important}}
/* bottom bar: white glass, grey icons, navy active, black 3D + */
body[data-mod="crm"] .bnav{background:rgba(255,255,255,.74)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 18px 40px -18px rgba(11,20,96,.45)!important}
body[data-mod="crm"] .bnav button{color:#6B7085!important}
body[data-mod="crm"] .bnav button svg{color:#8A90A8!important}
body[data-mod="crm"] .bnav button[aria-current="true"]{color:#0B0D17!important;font-weight:600!important}
body[data-mod="crm"] .bnav button[aria-current="true"]:not(.axplus) svg{color:#13238F!important;filter:none!important}
body[data-mod="crm"] .bnav .axplus-c{background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.45) 0%,rgba(255,255,255,.08) 20%,rgba(255,255,255,0) 36%),radial-gradient(circle at 50% 108%,rgba(74,104,255,.45) 0%,rgba(74,104,255,0) 45%),radial-gradient(circle at 50% 40%,#3A3F4D 0%,#14161D 60%,#050608 100%)!important;box-shadow:0 14px 26px -10px rgba(0,0,0,.6),0 4px 0 #000,0 0 0 3px rgba(255,255,255,.9),inset 0 -6px 12px rgba(0,0,0,.65),inset 0 2px 2px rgba(255,255,255,.25)!important}
body[data-mod="crm"] .bnav button.axplus svg{color:#FFFFFF!important;filter:drop-shadow(0 2px 1px rgba(0,0,0,.6))!important}
body[data-mod="crm"] .bnav button.axplus:active .axplus-c{box-shadow:0 8px 16px -8px rgba(0,0,0,.6),0 1px 0 #000,0 0 0 3px rgba(255,255,255,.9),inset 0 -4px 10px rgba(0,0,0,.65)!important}
:root[data-theme="dark"] body[data-mod="crm"]{background:linear-gradient(180deg,#0B1460 0px,#13238F 240px,#0D1430 620px,#0B0B0F 800px) no-repeat,#0B0B0F!important}

/* CRM organised: leads pills, Next up glass stack, sales sub tabs */
.lpills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 14px;padding:2px 16px}
.lpills::-webkit-scrollbar{display:none}
.lpills button{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px;border-radius:999px;border:0;background:var(--pane);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}
.lpills button b{font-size:11.5px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(10,26,51,.08);display:inline-grid;place-items:center}
.lpills button[aria-selected="true"]{background:var(--ink);color:var(--bg);box-shadow:none}
.lpills button[aria-selected="true"] b{background:rgba(255,255,255,.2)}
body[data-mod="crm"] .lpills button{background:rgba(255,255,255,.18)!important;color:#FFFFFF!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)!important}
body[data-mod="crm"] .lpills button b{background:rgba(255,255,255,.22)!important;color:#FFFFFF}
body[data-mod="crm"] .lpills button[aria-selected="true"]{background:#FFFFFF!important;color:#0B0D17!important}
body[data-mod="crm"] .lpills button[aria-selected="true"] b{background:#0B0D17!important;color:#FFFFFF}
.gstack{border-radius:30px;background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 44px -26px rgba(11,20,96,.6);margin:0 0 14px}
.gs-top{display:flex;align-items:center;gap:8px;padding:12px 18px;color:#FFFFFF;font-size:13px}
.gs-top svg{width:16px;height:16px}.gs-top span{flex:1}.gs-top b{font-weight:600}
.gs-card{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);border-radius:28px;padding:18px;display:flex;flex-direction:column;gap:8px;cursor:pointer;color:#0B0D17}
.gs-k{font-size:13px;color:#6B7085}
.gs-t{font-size:26px;font-weight:400;letter-spacing:-.7px;line-height:1.15}
.gs-card p{margin:0;font-size:14px;line-height:1.45;color:#3B4055}
.gs-acts{display:flex;gap:8px;margin-top:6px}
.gs-acts .btn{border-radius:999px!important}
.gs-acts .btn:not(.pri){background:rgba(11,13,23,.06)!important;border:0!important;color:#0B0D17!important}
.gs-foot{display:flex;gap:10px;padding:13px 18px;font-size:13.5px;color:#4E5672}.gs-foot b{color:#0B0D17;font-weight:500}
:root[data-theme="dark"] .gs-card{background:rgba(28,28,34,.9);color:#F2F2F6;border-color:rgba(255,255,255,.08)}
:root[data-theme="dark"] .gs-foot b{color:#F2F2F6}
.subtabs2{margin-top:-4px!important}
body[data-mod="crm"] .subtabs2 button{height:34px!important;font-size:12.5px!important}
.cacts-pre{justify-content:flex-start}
.cacts-pre .cbtn{flex:none!important;background:transparent!important;color:var(--muted)!important;box-shadow:inset 0 0 0 1px var(--line)!important}
body[data-mod="crm"] .cacts-pre .cbtn{color:#3B4055!important;box-shadow:inset 0 0 0 1px rgba(19,35,143,.15)!important}

/* back button: Apple style chevron in a glass circle */
.hback{flex:none;width:40px;height:40px;margin-inline-end:2px;border:0;border-radius:999px;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.16);color:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32),0 6px 14px -8px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .15s ease}
.hback svg{width:21px;height:21px;margin-inline-start:-2px}
.hback:active{transform:scale(.92)}
.hback[hidden]{display:none!important}
body.hasback .topin .wsbtn{display:none!important}
body[data-mod="accounts"] .hback{background:#FFFFFF;color:#3B5BFF;box-shadow:0 4px 14px -6px rgba(20,24,60,.3)}
@media (min-width:820px){.hback{display:none!important}body.hasback .topin .wsbtn{display:flex!important}}
/* top bar edge: a soft shade and a light that slowly passes along it */
header.top{--hl:rgba(255,255,255,.9)}
body[data-mod="accounts"] header.top{--hl:rgba(59,91,255,.6)}
header.top::after{content:"";position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:-1px;height:1.5px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 35%,var(--hl) 50%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%),linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.22),rgba(255,255,255,.04));background-size:220% 100%,100% 100%;background-repeat:no-repeat;animation:hlight 7s ease-in-out infinite}
body[data-mod="accounts"] header.top::after{background:linear-gradient(90deg,rgba(59,91,255,0) 0%,rgba(59,91,255,0) 35%,var(--hl) 50%,rgba(59,91,255,0) 65%,rgba(59,91,255,0) 100%),linear-gradient(90deg,rgba(20,24,60,.04),rgba(20,24,60,.12),rgba(20,24,60,.04));background-size:220% 100%,100% 100%;background-repeat:no-repeat}
header.top{box-shadow:0 10px 22px -20px rgba(0,0,0,.55)!important}
@keyframes hlight{0%{background-position:160% 0,0 0}60%,100%{background-position:-60% 0,0 0}}
@media (prefers-reduced-motion:reduce){header.top::after{animation:none;background-position:50% 0,0 0}}
/* Vegobot introduction on Home: premium glass card */
body[data-mod="crm"] .vaip{position:relative;overflow:hidden;border-radius:26px!important;box-shadow:0 22px 40px -24px rgba(11,20,96,.8)!important;color:#FFFFFF}
body[data-mod="crm"] .vaip::after{content:"";position:absolute;top:0;bottom:0;width:40%;inset-inline-start:-60%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));transform:skewX(-18deg);animation:vaishine 5.5s ease-in-out infinite;pointer-events:none}
@keyframes vaishine{0%{inset-inline-start:-60%}55%,100%{inset-inline-start:130%}}
@media (prefers-reduced-motion:reduce){body[data-mod="crm"] .vaip::after{display:none}}
body[data-mod="crm"] .vaip-l img{width:52px;height:52px;border-radius:16px;box-shadow:0 8px 18px -6px rgba(0,0,0,.5),0 0 0 2px rgba(255,255,255,.35)}
body[data-mod="crm"] .vaip-l b{color:#FFFFFF!important}
body[data-mod="crm"] .vaip-l span{color:rgba(255,255,255,.85)!important}
body[data-mod="crm"] .vaip-acts button{color:#FFFFFF!important}
body.axsc:is([data-mod="crm"],[data-mod="accounts"]) .topin .wsbtn{opacity:0;pointer-events:none}
body[data-mod="crm"] .vaip-acts button{background:rgba(255,255,255,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);border-radius:999px!important}
body[data-mod="crm"] .vaip-acts button:first-child{background:#FFFFFF!important;color:#13238F!important;box-shadow:none}

/* ===== Glass buttons (main actions) and glowing blue selection, CRM + Accounts ===== */
body:is([data-mod="crm"],[data-mod="accounts"]) .btn.pri,body:is([data-mod="crm"],[data-mod="accounts"]) .hslide .btn.pri,body:is([data-mod="crm"],[data-mod="accounts"]) .pghero .btn.pri,body:is([data-mod="crm"],[data-mod="accounts"]) .gs-acts .btn.pri,body:is([data-mod="crm"],[data-mod="accounts"]) .btn.pri.sm.newbiz,body:is([data-mod="crm"],[data-mod="accounts"]) .btn.pri:not(.sm){background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.10) 46%,rgba(255,255,255,0) 50%),linear-gradient(180deg,#5C7BFF 0%,#2F4FE6 55%,#1F3FD6 100%)!important;color:#FFFFFF!important;border:0!important;border-radius:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 8px rgba(0,0,60,.32),0 0 0 1px rgba(120,150,255,.55),0 10px 22px -8px rgba(31,63,214,.75),0 0 22px -6px rgba(92,123,255,.7)!important;text-shadow:0 1px 1px rgba(0,0,60,.35);font-weight:700!important;transition:transform .12s ease,box-shadow .12s ease}
body:is([data-mod="crm"],[data-mod="accounts"]) .btn.pri:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 6px rgba(0,0,60,.35),0 0 0 1px rgba(120,150,255,.55),0 4px 12px -6px rgba(31,63,214,.75)!important}
body[data-mod="crm"] .rcall,body[data-mod="crm"] .cdial2{background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.10) 46%,rgba(255,255,255,0) 50%),linear-gradient(180deg,#5C7BFF 0%,#2F4FE6 55%,#1F3FD6 100%)!important;color:#FFFFFF!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 8px rgba(0,0,60,.32),0 0 0 1px rgba(120,150,255,.55),0 10px 22px -8px rgba(31,63,214,.75),0 0 22px -6px rgba(92,123,255,.7)!important}
/* options: frosted glass rows; the chosen one glows solid blue with a tick */
body:is([data-mod="crm"],[data-mod="accounts"]) .chip{background:rgba(255,255,255,.78)!important;border:1px solid rgba(255,255,255,.95)!important;color:#1B1F33!important;box-shadow:0 1px 2px rgba(11,20,96,.06),inset 0 0 0 1px rgba(19,35,143,.08)!important;border-radius:14px!important;padding:9px 14px!important;transition:background .15s ease,box-shadow .15s ease,transform .12s ease}
body:is([data-mod="crm"],[data-mod="accounts"]) .chip[aria-pressed="true"],body:is([data-mod="crm"],[data-mod="accounts"]) .chip.on,body:is([data-mod="crm"],[data-mod="accounts"]) .remtype[aria-pressed="true"],body:is([data-mod="crm"],[data-mod="accounts"]) .invopt[aria-pressed="true"]{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 50%),linear-gradient(180deg,#4F6CFF 0%,#2442E8 100%)!important;color:#FFFFFF!important;border-color:transparent!important;padding-inline-start:36px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px rgba(120,150,255,.6),0 8px 20px -8px rgba(36,66,232,.85),0 0 26px -4px rgba(79,108,255,.75)!important}
body:is([data-mod="crm"],[data-mod="accounts"]) .chip[aria-pressed="true"]::before,body:is([data-mod="crm"],[data-mod="accounts"]) .chip.on::before,body:is([data-mod="crm"],[data-mod="accounts"]) .remtype[aria-pressed="true"]::before,body:is([data-mod="crm"],[data-mod="accounts"]) .invopt[aria-pressed="true"]::before{content:"";position:absolute;inset-inline-start:11px;top:50%;width:17px;height:17px;margin-top:-8.5px;border-radius:5px;background:rgba(255,255,255,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85)}
body:is([data-mod="crm"],[data-mod="accounts"]) .chip:active{transform:scale(.97)}
:root[data-theme="dark"] body:is([data-mod="crm"],[data-mod="accounts"]) .chip:not([aria-pressed="true"]):not(.on){background:rgba(40,40,52,.8)!important;color:#E8E8F0!important;border-color:rgba(255,255,255,.08)!important}

header.top .hsearch,header.top .userbtn,header.top .connbtn{border-radius:999px!important}
/* module switch: one clean segmented control (no overlapping pills) */
header.top .modsw{display:flex!important;align-items:center;gap:2px!important;padding:3px!important;border-radius:999px!important;margin-inline-end:6px}
header.top .modsw button{flex:0 0 auto;margin:0!important;padding:7px 10px!important;border-radius:999px!important;z-index:auto!important;font-size:12.5px!important;font-weight:600;letter-spacing:-.1px;text-align:center;line-height:1.2;transition:background .18s ease,color .18s ease}
header.top .modsw button[aria-selected="true"]{font-weight:700!important}
header.top .modsw button:not([aria-selected="true"]){background:transparent!important;box-shadow:none!important}
@media (max-width:400px){header.top .modsw button{padding:6px 8.5px!important;font-size:12px!important}}
@media (max-width:370px){header.top .modsw button{padding:6px 7px!important;font-size:11.5px!important}.topin .wsbtn span.appname::before{width:54px!important}.topin{gap:6px!important}header.top .hsearch,header.top .userbtn{width:34px!important;height:34px!important}}
header.top .modwrap,header.top #modsw{overflow:visible}

/* ===== photo cards: photo on top fading into one colour, big title, white calendar chip ===== */
.callrow.pcard,body[data-mod] .callrow.pcard{position:relative!important;display:block!important;padding:0!important;margin:0 0 14px!important;border:0!important;border-radius:28px!important;overflow:hidden!important;background:var(--pc)!important;color:#FFFFFF!important;box-shadow:0 20px 34px -22px rgba(11,20,96,.8)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.pc-date{width:42px;flex:none;border-radius:10px;overflow:hidden;background:#FFFFFF;text-align:center;box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}
.pc-date i{display:block;font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.4px;color:#FFFFFF;background:color-mix(in srgb,var(--pc,#13238F) 80%,#000);padding:2px 0}
.pc-date b{display:block;font-size:17px;font-weight:700;color:#0B0D17;line-height:1.15;padding-top:2px}
.pc-date em{display:block;font-style:normal;font-size:7.5px;font-weight:800;color:#6B7085;padding-bottom:3px}

/* ===== photo-card heroes, Vegobot and More tiles (photo fades into one colour) ===== */
body[data-mod="crm"] .pghero.phero{--pc:#1A2CA8;--pimg:url("/img/hero/hero-subs.webp")}
body[data-mod="crm"] .pghero.phero:not(.pg-zz):not(.pg-zy):not(.pg-zx){position:relative!important;overflow:hidden!important;background:var(--pc)!important;border:0!important;border-radius:28px!important;padding:150px 18px 18px!important;box-shadow:0 20px 34px -22px rgba(11,20,96,.8)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-blend-mode:normal!important}
body[data-mod="crm"] .pghero.phero::before{content:""!important;display:block!important;position:absolute!important;inset-inline-start:0!important;inset-inline-end:0!important;top:0!important;bottom:auto!important;width:auto!important;height:215px!important;background:var(--pimg) center 35%/cover no-repeat!important;-webkit-mask-image:linear-gradient(180deg,#000 25%,transparent 82%)!important;mask-image:linear-gradient(180deg,#000 25%,transparent 82%)!important;opacity:1!important;border-radius:0!important;filter:none!important;transform:none!important;z-index:0!important}
body[data-mod="crm"] .pghero.phero::after{display:none!important}
body[data-mod="crm"] .pghero.phero > *{position:relative;z-index:1}
body[data-mod="crm"] .pghero.phero .pgh-ic{display:none!important}
body[data-mod="crm"] .pghero.phero .pgh-top{align-items:center;gap:12px}
body[data-mod="crm"] .pghero.phero .pgh-t{max-width:none!important}
body[data-mod="crm"] .pghero.phero h1{font-size:30px!important;font-weight:700!important;letter-spacing:-.8px!important;text-shadow:0 2px 12px rgba(0,0,0,.3)}
body[data-mod="crm"] .pghero.phero .sub,body[data-mod="crm"] .pghero.phero p{color:rgba(255,255,255,.88)!important}
body[data-mod="crm"] .pghero.phero .pgs{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)!important}
body[data-mod="crm"] .pghero.phero .btn:not(.pri),body[data-mod="crm"] .pghero.phero .viewtoggle{background:rgba(8,12,40,.34)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;text-shadow:0 1px 4px rgba(0,0,0,.35)}
body[data-mod="crm"] .pghero.phero .btn:not(.pri) svg{color:#fff!important;stroke:currentColor}
body[data-mod="crm"] .pghero.phero .pgs{background:rgba(8,12,40,.28)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}
body[data-mod="crm"] .pghero.phero .pgs *{color:#fff!important}
body[data-mod="crm"] .pghero.pg-calls{--pc:#1A2CA8;--pimg:url("/img/hero/hero-calls.webp")}
body[data-mod="crm"] .pghero.pg-today{--pc:#0E7C86;--pimg:url("/img/hero/hero-today2.webp")}
body[data-mod="crm"] .pghero.pg-leads{--pc:#1A2CA8;--pimg:url("/img/hero/hero-allleads2.webp")}
body[data-mod="crm"] .pghero.pg-data{--pc:#4B2A9E;--pimg:url("/img/hero/hero-docs.webp")}
body[data-mod="crm"] .pghero.pg-quotes{--pc:#A63A2B;--pimg:url("/img/hero/hero-quotes.webp")}
body[data-mod="crm"] .pghero.pg-dash{--pc:#1F5E3B;--pimg:url("/img/hero/hero-target.webp")}
body[data-mod="crm"] .pghero.pg-team{--pc:#0E7C86;--pimg:url("/img/hero/hero-subs.webp")}
body[data-mod="crm"] .pghero.pg-insights{--pc:#4B2A9E;--pimg:url("/img/hero/hero-reply.webp")}
body[data-mod="crm"] .pghero.pg-companies{--pc:#1F5E3B;--pimg:url("/img/hero/hero-projects.webp")}
body[data-mod="crm"] .pghero.pg-docs{--pc:#1A2CA8;--pimg:url("/img/hero/hero-docs.webp")}
body[data-mod="crm"] .pghero.pg-connect{--pc:#0E7C86;--pimg:url("/img/hero/hero-connect.webp")}
/* home highlight slides */
body[data-mod="crm"] .hslide{background:#1A2CA8!important;border:0!important;justify-content:flex-end!important;border-radius:28px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body[data-mod="crm"] .hslide > .hbg{background:url("/img/hero/hero-leads.webp") center 30%/cover no-repeat!important;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 92%)!important;mask-image:linear-gradient(180deg,#000 30%,transparent 92%)!important;opacity:1}
body[data-mod="crm"] .hslide > .hbg.hbg-sched{background-image:url("/img/hero/hero-schedule.webp")!important}
body[data-mod="crm"] .hslide > .hbg.hbg-conn{background-image:url("/img/hero/hero-connect.webp")!important}
body[data-mod="crm"] .hslide .big .hn{font-weight:700}
/* Vegobot: photo card */
body[data-mod="crm"] .vaip{background:#4B2A9E!important;padding:140px 16px 16px!important;border:0!important}
body[data-mod="crm"] .vaip::before{content:"";position:absolute;inset-inline-start:0;inset-inline-end:0;top:0;height:200px;background:url("/img/hero/hero-reply.webp") center 40%/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%);pointer-events:none}
body[data-mod="crm"] .vaip > *{position:relative;z-index:1}
body[data-mod="crm"] .vaip-l b{font-size:24px!important;font-weight:700!important;letter-spacing:-.5px}
/* More: photo tiles */
.mgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 6px}
.mtile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:150px;padding:0;border:0;border-radius:22px;overflow:hidden;background:var(--pc);color:#FFFFFF;text-align:start;font:inherit;cursor:pointer;box-shadow:0 14px 26px -18px rgba(11,20,96,.8);transition:transform .12s ease}
.mtile:active{transform:scale(.97)}
.mt-img{position:absolute;inset-inline-start:0;inset-inline-end:0;top:0;height:112px;background-size:cover;background-position:center 35%;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 35%,transparent 100%)}
.mt-tx{position:relative;padding:0 12px 12px;display:flex;flex-direction:column;gap:2px}
.mt-tx b{font-size:16px;font-weight:700;letter-spacing:-.3px;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.mt-tx small{font-size:11.5px;opacity:.85}
.hpc-h h2{margin:18px 4px 10px!important}
.hpcs{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;margin:0 -16px 8px;padding:2px 16px 14px;scrollbar-width:none}
.hpcs::-webkit-scrollbar{display:none}
.hpc{flex:0 0 68%;scroll-snap-align:start;position:relative;border:0;padding:0;overflow:hidden;background:var(--pc);color:#fff;text-align:start;font:inherit;box-shadow:0 16px 28px -18px rgba(11,20,96,.7);cursor:pointer}
.hpc:active{transform:scale(.97)}
.hpc-img{position:absolute;inset:0 0 auto 0;background:center 35%/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 35%,transparent 100%)}
.hpc .pc-date{position:absolute;z-index:1}
.hpc-tx{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:0;display:flex;flex-direction:column;z-index:1}
.hpc-tx b{font-weight:700;letter-spacing:-.4px;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.hpc-row{display:flex;align-items:baseline;gap:6px;font-size:12.5px;opacity:.95}
.hpc-row strong{font-weight:700}
.hpc-row small{opacity:.85}
/* Vegobot sheet: Apple grouped list, uniform icons */
#sheet[data-mode="aihub"] .vai-h img.vai{display:none}
#sheet[data-mode="aihub"] .shead{justify-content:center!important}
#sheet[data-mode="aihub"] .shead .edtitle{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center;margin:0 auto!important;flex:0 1 auto!important;font-size:17px!important;font-weight:600!important}
#sheet[data-mode="aihub"] .shead .edtitle small{display:block;font-size:13px;font-weight:400;color:#8E8E93;margin-top:2px}
#sheet[data-mode="aihub"] .aihub{gap:0!important;background:#FFFFFF;border-radius:16px;overflow:hidden;box-shadow:none;margin-top:4px}
#sheet[data-mode="aihub"] .aihub button{border-radius:0!important;box-shadow:none!important;background:#FFFFFF!important;padding:11px 14px!important;column-gap:14px!important;position:relative;min-height:60px}
#sheet[data-mode="aihub"] .aihub button + button::before{content:"";position:absolute;top:0;inset-inline-end:0;inset-inline-start:62px;height:.5px;background:rgba(60,60,67,.22)}
#sheet[data-mode="aihub"] .aihub button:active{background:#E5E5EA!important}
#sheet[data-mode="aihub"] .aihub .aih-ic{width:32px!important;height:32px!important;border-radius:8px!important;background:var(--c)!important;box-shadow:none!important}
#sheet[data-mode="aihub"] .aihub .aih-ic svg{width:19px!important;height:19px!important;stroke-width:2.1}
#sheet[data-mode="aihub"] .aihub b{font-size:16px!important;font-weight:500!important;color:#000}
#sheet[data-mode="aihub"] .aihub small{font-size:13px!important;color:#8E8E93!important}
#sheet[data-mode="aihub"] .aihub > button > svg:last-child{width:14px!important;height:14px!important;color:#C4C4C7!important;stroke-width:3}
#sheet[data-mode="aihub"] .sbody{background:#F2F2F7}
/* home highlight: shorter */
body[data-mod="crm"] .hslide{min-height:184px!important;padding:16px 18px!important}
body[data-mod="crm"] .hslide .big{margin-top:6px}
body[data-mod="crm"] .hslide .big .hn{font-size:30px!important;line-height:1}
body[data-mod="crm"] .hslide .big .hl{font-size:15px!important}
body[data-mod="crm"] .hslide .acts{margin-top:12px!important}
body[data-mod="crm"] .hslide .acts .btn{height:40px!important;min-height:40px!important;padding:0 18px!important;font-size:14px!important}
/* home tools: 4 even columns, Your work cards smaller */
body[data-mod="crm"] .htools.hsimple{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.hpc{flex-basis:54%!important;max-width:210px!important;height:166px!important;border-radius:22px!important}
.hpc-img{height:112px!important}
.hpc .pc-date{top:10px!important;inset-inline-start:10px!important;transform:scale(.88);transform-origin:top left}
.hpc-tx{padding:10px 13px 12px!important;gap:2px!important}
.hpc-tx b{font-size:16.5px!important}
.hpc-row strong{font-size:15px!important}
.hpc-row small{font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* tour + welcome: dark insight card, cobalt + orange glow */
.ttip,.twcard{border-radius:30px!important;border:0!important;font-family:inherit}
.twcard::after{display:none!important}
.ttip .tthead{display:flex;align-items:center;gap:8px}
.ttbrand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:500;flex:1;min-width:0}
.ttlogo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
.ttlogo img{width:20px;height:20px;object-fit:contain}
.ttpill{height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.45);display:inline-flex;align-items:center;font-size:13px;font-weight:500;background:transparent}
.ttip .ttx{width:34px!important;height:34px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.45)!important;background:transparent!important;font-size:18px!important;line-height:1}
.ttbig{display:flex;align-items:flex-start;gap:4px;font-size:64px;font-weight:200;letter-spacing:-3px;line-height:1;margin:22px 0 18px;}
.ttbig svg{width:22px;height:22px;margin-top:4px;letter-spacing:0}
.ttip h3{margin:0 0 4px!important;font-size:19px!important;font-weight:500!important;letter-spacing:-.3px}
.ttip p{margin:0!important;font-size:14px!important;line-height:1.5!important;}
.ttip p b{font-weight:500}
.ttip .ttdots{display:flex;gap:6px;margin:20px 0 14px!important}
.ttip .ttdots i{flex:1;height:4px!important;width:auto!important;border-radius:4px;}
.ttip .ttdots i.on{width:auto!important}
.ttip .ttbtns{gap:10px}
.ttip .ttbtns .btn{height:44px!important;border-radius:999px!important;padding:0 20px!important;font-size:14.5px!important;font-weight:600!important;background:transparent!important;color:#FFFFFF!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:none!important}
.ttip .ttbtns .btn.pri{flex:1;background:#FFFFFF!important;color:#121318!important;border-color:#FFFFFF!important}
.tspot{outline-color:#FF8A3D!important;}
.twcard{padding:22px 20px 16px!important}
.twlogo{background:#FFFFFF;border-radius:14px!important;width:48px!important;height:48px!important}
.twcard h2{font-size:30px!important;font-weight:300!important;letter-spacing:-.8px!important;margin:22px 0 8px!important}

.twcard li svg{border-radius:999px!important}
.twcard .twgo{background:#FFFFFF!important;color:#121318!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-weight:600}
/* tour + welcome: LIGHT version */
.ttip,.twcard{color:#0B0D17!important;box-shadow:0 30px 60px -24px rgba(11,20,96,.45),0 0 0 1px rgba(19,35,143,.06)!important}
.ttlogo{background:#FFFFFF!important;box-shadow:0 4px 10px -4px rgba(19,35,143,.35),0 0 0 1px rgba(19,35,143,.08)}
.ttbrand{color:#0B0D17}
.ttpill{border-color:rgba(11,13,23,.18)!important;color:#0B0D17!important}
.ttip .ttx{border-color:rgba(11,13,23,.18)!important;color:#0B0D17!important}
.ttbig{color:#0B0D17!important}
.ttbig svg{color:#274CEA!important}
.ttip h3{color:#0B0D17!important}
.ttip p{color:#6B7085!important}
.ttip p b{color:#0B0D17!important}
.ttip .ttdots i{background:rgba(11,13,23,.10)!important}
.ttip .ttdots i.done{background:rgba(19,35,143,.35)!important}
.ttip .ttdots i.on{background:#13238F!important}
.ttip .ttbtns .btn:not(.pri){color:#0B0D17!important;border-color:rgba(11,13,23,.18)!important}
.tspot{box-shadow:0 0 0 9999px rgba(6,10,30,.55)!important}
.tourwel{background:rgba(6,10,30,.5)!important}
.twcard h2{color:#0B0D17!important}
.twcard p{color:#6B7085!important}
.twcard p b{color:#0B0D17}
.twcard li{color:#2B3045!important}
.twcard li svg{background:rgba(255,106,19,.12)!important;color:#274CEA!important}
.twcard .twskip{color:#6B7085!important}
/* tour + welcome: two-tone (blue top, white bottom) */
.ttip,.twcard{background:#FFFFFF!important;padding:0!important;overflow:hidden!important}
.tttop,.twtop{position:relative;padding:18px 18px 16px;color:#FFFFFF;background:radial-gradient(90% 120% at 0% 0%,rgba(255,138,61,.55) 0%,rgba(255,106,19,0) 55%),radial-gradient(90% 120% at 100% 0%,#3157FF 0%,rgba(49,87,255,0) 60%),linear-gradient(160deg,#1A2CA8 0%,#13238F 100%)}
.ttbody,.twbody{padding:16px 18px 16px}
.tttop .ttbrand{color:#FFFFFF!important}
.tttop .ttlogo{background:#FFFFFF!important;box-shadow:none!important}
.tttop .ttpill,.tttop .ttx{border-color:rgba(255,255,255,.45)!important;color:#FFFFFF!important}
.tttop .ttbig{color:#FFFFFF!important;margin:18px 0 0!important}
.tttop .ttbig svg{color:#4968EA!important}
.twtop h2{color:#FFFFFF!important;margin:18px 0 0!important}
.twtop .twlogo{box-shadow:0 6px 16px -6px rgba(0,0,0,.4)!important}
.twbody p{margin-top:0!important}
/* project card: "almost there" stepper, green */
.pdeck .pdcard.pdg{border-radius:28px!important;padding:0!important;}

.pdeck .pdcard.pdg.back .pdface > :not(.pdg-top){opacity:.35}
:root[data-theme="dark"] .pdeck .pdcard.pdg{color:#0B0D17}
/* ===== PROJECTS: green version of the CRM pattern (generated) ===== */
body[data-mod="projects"]{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter",system-ui,sans-serif!important;letter-spacing:-.01em}
body[data-mod="projects"] button,body[data-mod="projects"] input,body[data-mod="projects"] select,body[data-mod="projects"] textarea{font-family:inherit}
body[data-mod="projects"] .modsw{border-radius:12px!important}
body[data-mod="projects"] #axttl{color:#FFFFFF}
@media (max-width:819px){body[data-mod="projects"] #sheet .shead .close,body[data-mod="projects"] #sheet .shead .axsave{}}
body[data-mod="projects"] .bnav{height:78px!important;padding:0 10px!important;border-radius:999px!important;-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);display:flex!important;align-items:center;gap:0!important}
body[data-mod="projects"] .bnav button{flex:1 1 0!important;height:66px;padding:0!important;border-radius:22px!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:4px!important;font-size:12px!important;font-weight:500!important}
body[data-mod="projects"] .bnav button svg{width:28px!important;height:28px!important;filter:none!important}
body[data-mod="projects"] .bnav button[aria-current="true"]{background:transparent!important;box-shadow:none!important}
body[data-mod="projects"] .bnav button[aria-current="true"]:not(.axplus) svg{transform:scale(1.08);}
body[data-mod="projects"] .bnav button.axplus{flex:0 0 76px!important}
body[data-mod="projects"] .bnav .axplus-c{position:relative;width:64px!important;height:64px!important;display:grid;place-items:center;transition:transform .15s ease,box-shadow .15s ease}
body[data-mod="projects"] .bnav .axplus-c::after{content:"";position:absolute;inset-inline-start:18%;inset-inline-end:18%;top:7%;height:30%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0));pointer-events:none}
body[data-mod="projects"] .bnav button.axplus:active .axplus-c{transform:translateY(3px);}
body[data-mod="projects"] .bnav button.axplus svg{position:relative;z-index:1;width:28px!important;height:28px!important;transform:none!important;}
body[data-mod="projects"] .bnav .navbadge{transform:translate(14px,-30px)!important}


body[data-mod="projects"] .pghero{border-radius:28px!important}
body[data-mod="projects"] .htools.hsimple{display:grid!important;gap:0 4px!important;padding:16px 6px 14px!important;box-shadow:none!important;}
body[data-mod="projects"] .htools.hsimple .htool{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center;gap:8px!important;color:#1C1C22!important;font-size:12px!important;font-weight:600;transition:transform .12s ease}
body[data-mod="projects"] .htools.hsimple .htool:active{transform:scale(.93)}
body[data-mod="projects"] .htools.hsimple .hsic{position:relative;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important}
body[data-mod="projects"] .htools.hsimple .hsic svg{width:34px!important;height:34px!important}
body[data-mod="projects"] .htools.hsimple .hsic em{position:absolute;top:-6px;inset-inline-end:-10px}
body[data-mod="projects"] .subtabs button{display:inline-flex!important;align-items:center;gap:7px;height:40px;padding:0 16px!important;border:0!important;font-weight:600;font-size:13.5px!important;border-radius:999px!important;}
body[data-mod="projects"] .subtabs button svg{width:18px;height:18px;flex:none;}

body[data-mod="projects"] .cocard,body[data-mod="projects"] .duty{border-radius:20px!important}
body[data-mod="projects"] .halerts{gap:0!important;background:#FFFFFF;border-radius:20px;overflow:hidden;box-shadow:0 8px 22px -16px rgba(20,24,30,.45);margin:14px 0!important}
body[data-mod="projects"] .halert{position:relative;border-radius:0!important;padding-block:13px 13px!important;padding-inline:14px 14px!important;gap:12px!important}
body[data-mod="projects"] .halert + .halert::before{content:"";position:absolute;inset-inline-start:62px;inset-inline-end:0;top:0;border-top:.5px solid rgba(60,60,67,.22)}
body[data-mod="projects"] .halert svg{width:18px!important;height:18px!important;padding:9px;box-sizing:content-box;border-radius:999px;}
body[data-mod="projects"] .halert > span{flex:1;min-width:0}
body[data-mod="projects"] .halert b{font-size:15px!important;font-weight:600;color:#0B0D10;letter-spacing:-.2px}
body[data-mod="projects"] .halert small{font-size:12.5px!important;color:#6E6E73!important}
body[data-mod="projects"] .halert::after{content:"";flex:none;border-inline-end:2px solid #C7C7CC;border-top:2px solid #C7C7CC;}
body[data-mod="projects"] .halert:active{background:#F2F2F4!important}
body[data-mod="projects"] .ctl{border-radius:20px!important;box-shadow:0 8px 22px -16px rgba(20,24,30,.45)!important;padding:14px!important}
body[data-mod="projects"] .ctlk{background:#F4F4F6!important;border-radius:14px!important;position:relative}
body[data-mod="projects"] .ctlk b{color:#0B0D10!important;font-weight:600}
body[data-mod="projects"] .ctlk.hot::after{content:"";position:absolute;top:12px;inset-inline-end:12px;width:8px;height:8px;border-radius:999px;background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,.15)}
body[data-mod="projects"] .cocard{box-shadow:0 8px 22px -16px rgba(20,24,30,.45)!important;border:0!important}
body[data-mod="projects"] .cocard .cc-logo b{color:#0B0D10}


:root[data-theme="dark"] body[data-mod="projects"] .halerts,:root[data-theme="dark"] body[data-mod="projects"] .halert{background:#1C1C22!important}
:root[data-theme="dark"] body[data-mod="projects"] .halert b,:root[data-theme="dark"] body[data-mod="projects"] .ctlk b{color:#F2F2F6!important}
:root[data-theme="dark"] body[data-mod="projects"] .ctlk{background:#2A2A34!important}
:root[data-theme="dark"] body[data-mod="projects"]{--bg:#0B0B0F}
:root[data-theme="dark"] body[data-mod="projects"] .htools.hsimple{background:#1A1A21!important}
:root[data-theme="dark"] body[data-mod="projects"] .htools.hsimple .htool{color:#EDEDF2!important}
:root[data-theme="dark"] body[data-mod="projects"] .subtabs button{background:#22222B!important;color:#F2F2F6!important}




body[data-mod="projects"] .pghero::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border-radius:inherit!important;background:linear-gradient(115deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.10) 42%,rgba(147,197,253,.20) 52%,rgba(255,255,255,0) 66%)!important;pointer-events:none;z-index:0}
body[data-mod="projects"] .pghero.pg-today::before,body[data-mod="projects"] .pghero.pg-quotes::before{filter:none!important}

body[data-mod="projects"] .hslide > .hbg{filter:none!important;}


body[data-mod="projects"] .lparrow{background:#05070D!important;color:#4F8BFF!important}
body[data-mod="projects"] .halert::after{width:26px!important;height:26px!important;border:0!important;transform:none!important;border-radius:999px;margin-inline-end:0!important}



body[data-mod="projects"] .ctlh .linkbtn2{color:#2F6BFF!important}
body[data-mod="projects"] .cocard .cc-left{color:#2F6BFF!important}

@media (max-width:819px){body[data-mod="projects"] #sheet .shead .close,body[data-mod="projects"] #sheet .shead .axsave{}}







:root[data-theme="dark"] body[data-mod="projects"] .bnav{background:linear-gradient(180deg,rgba(11,27,77,.94),rgba(5,7,13,.96))!important;box-shadow:0 18px 40px -16px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08)!important}
:root[data-theme="dark"] body[data-mod="projects"] .bnav button,:root[data-theme="dark"] body[data-mod="projects"] .bnav button svg{color:#C7D7FF!important}
:root[data-theme="dark"] body[data-mod="projects"] .bnav button[aria-current="true"],:root[data-theme="dark"] body[data-mod="projects"] .bnav button[aria-current="true"]:not(.axplus) svg{color:#4F8BFF!important}
body[data-mod="projects"] .halerts,body[data-mod="projects"] .ctl,body[data-mod="projects"] .cocard,body[data-mod="projects"] #view .list,body[data-mod="projects"] .duty,body[data-mod="projects"] .dk,body[data-mod="projects"] .dsk,body[data-mod="projects"] .dchart{box-shadow:0 0 0 1px rgba(11,27,77,.10),0 10px 24px -18px rgba(5,7,13,.45)!important;border:0!important}
body[data-mod="projects"] .bzic{border-radius:999px!important}
body[data-mod="projects"] .halert svg{background:#E6EEFF!important;color:#2F6BFF!important}
body[data-mod="projects"] .halert.bad svg{background:#FFEDEE!important;color:#E5484D!important}
body[data-mod="projects"] .dbar.on i{background:linear-gradient(180deg,#5EEAD4,#05070D)!important}




body[data-mod="projects"] .hsearch,body[data-mod="projects"] .userbtn,body[data-mod="projects"] .connbtn{background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important;color:#FFFFFF!important}
body[data-mod="projects"] .hello span:first-child{color:#FFFFFF!important;font-size:32px!important;font-weight:400!important;letter-spacing:-1px!important}
body[data-mod="projects"] .hello .d{color:rgba(255,255,255,.8)!important}
body[data-mod="projects"] .pghero h1{font-size:28px!important;font-weight:400!important;letter-spacing:-.8px!important}
body[data-mod="projects"] .pghero:not(.pg-day):not(.pg-calls){background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.45)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 44px -26px rgba(5,7,13,.6)!important;border-radius:30px!important}
body[data-mod="projects"] .pghero::after{display:none!important}
body[data-mod="projects"] .pghero.pg-today::before,body[data-mod="projects"] .pghero.pg-leads::before,body[data-mod="projects"] .pghero.pg-quotes::before{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%);border-radius:0 30px 30px 0;opacity:.95}
body[data-mod="projects"] .pghero.pg-calls{background:url("/img/hero/hero-calls.webp") right 20%/auto 120% no-repeat,linear-gradient(90deg,#1840C9 0%,#2F6BFF 100%)!important;background-blend-mode:multiply,normal;border:1px solid rgba(255,255,255,.45)!important;border-radius:30px!important}
body[data-mod="projects"] .pghero .pgh-ic{background:rgba(255,255,255,.2)!important;color:#FFFFFF!important;border-radius:999px!important}
body[data-mod="projects"] .pghero .btn:not(.pri),body[data-mod="projects"] .pghero .viewtoggle{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.4)!important;color:#FFFFFF!important;border-radius:999px!important}
body[data-mod="projects"] .pghero .pgs{background:rgba(255,255,255,.16)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important;border-radius:18px!important}

body[data-mod="projects"] .btn.pri,body[data-mod="projects"] .hslide .btn.pri,body[data-mod="projects"] .pghero .btn.pri{background:#0B0D17!important;color:#FFFFFF!important;border-color:#0B0D17!important;border-radius:999px!important;box-shadow:0 10px 22px -12px rgba(0,0,0,.7)!important}
body[data-mod="projects"] em.tcount.num.on{background:#0B0D17!important;color:#FFFFFF!important}
body[data-mod="projects"] .halert::after{background:#0B0D17 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/13px no-repeat!important}
body[data-mod="projects"] #view .row svg.chev{color:#0B0D17!important}
body[data-mod="projects"] .halerts,body[data-mod="projects"] .ctl,body[data-mod="projects"] .cocard,body[data-mod="projects"] #view .list,body[data-mod="projects"] .duty,body[data-mod="projects"] .dk,body[data-mod="projects"] .dsk,body[data-mod="projects"] .dchart,body[data-mod="projects"] .vaip,body[data-mod="projects"] .callrow,body[data-mod="projects"] .lcard{background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px!important;box-shadow:0 18px 36px -26px rgba(5,7,13,.55)!important}
body[data-mod="projects"] .halert{background:transparent!important}
body[data-mod="projects"] .htools.hsimple{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.9)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px!important}
body[data-mod="projects"] .subtabs button{background:rgba(255,255,255,.2)!important;color:#FFFFFF!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)!important}
body[data-mod="projects"] .subtabs button svg{color:#FFFFFF!important}
body[data-mod="projects"] .subtabs button[aria-selected="true"]{background:#FFFFFF!important;color:#0B0D17!important}
body[data-mod="projects"] .subtabs button[aria-selected="true"] svg{color:#0B1B4D!important}
body[data-mod="projects"] .subtabs .subhelp{background:rgba(255,255,255,.2)!important;color:#FFFFFF!important}
body[data-mod="projects"] .ctlh .linkbtn2,body[data-mod="projects"] .cocard .cc-left{color:#0B1B4D!important}
body[data-mod="projects"] .cocard .cc-ring circle[stroke^="url"]{stroke:#0B1B4D!important}
body[data-mod="projects"] .cocard .cc-edit{background:#0B0D17!important;color:#FFFFFF!important}
@media (max-width:819px){body[data-mod="projects"] #sheet .shead .close,body[data-mod="projects"] #sheet .shead .axsave{color:#0B1B4D!important}}


body[data-mod="projects"] .bnav button[aria-current="true"]{font-weight:600!important}
body[data-mod="projects"] .bnav button[aria-current="true"]:not(.axplus) svg{filter:none!important}

body[data-mod="projects"] .bnav button.axplus:active .axplus-c{box-shadow:0 8px 16px -8px rgba(0,0,0,.6),0 1px 0 #000,0 0 0 3px rgba(255,255,255,.9),inset 0 -4px 10px rgba(0,0,0,.65)!important}
:root[data-theme="dark"] body[data-mod="projects"]{background:linear-gradient(180deg,#05070D 0px,#0B1B4D 240px,#06091A 620px,#0B0B0F 800px) no-repeat,#0B0B0F!important}



body[data-mod="projects"] .subtabs2 button{height:34px!important;font-size:12.5px!important}
body[data-mod="projects"] .cacts-pre .cbtn{color:#33443A!important;box-shadow:inset 0 0 0 1px rgba(11,27,77,.15)!important}
body[data-mod="projects"] .vaip{position:relative;overflow:hidden;border-radius:26px!important;box-shadow:0 22px 40px -24px rgba(5,7,13,.8)!important;color:#FFFFFF}
body[data-mod="projects"] .vaip::after{content:"";position:absolute;top:0;bottom:0;width:40%;inset-inline-start:-60%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));transform:skewX(-18deg);animation:vaishine 5.5s ease-in-out infinite;pointer-events:none}
@media (prefers-reduced-motion:reduce){body[data-mod="projects"] .vaip::after{display:none}}
body[data-mod="projects"] .vaip-l img{width:52px;height:52px;border-radius:16px;box-shadow:0 8px 18px -6px rgba(0,0,0,.5),0 0 0 2px rgba(255,255,255,.35)}
body[data-mod="projects"] .vaip-l b{color:#FFFFFF!important}
body[data-mod="projects"] .vaip-l span{color:rgba(255,255,255,.85)!important}
body[data-mod="projects"] .vaip-acts button{color:#FFFFFF!important}
body[data-mod="projects"] .vaip-acts button{background:rgba(255,255,255,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);border-radius:999px!important}
body[data-mod="projects"] .vaip-acts button:first-child{background:#FFFFFF!important;color:#0B1B4D!important;box-shadow:none}
body[data-mod="projects"] .btn.pri,body[data-mod="projects"] .hslide .btn.pri,body[data-mod="projects"] .pghero .btn.pri,body[data-mod="projects"] .gs-acts .btn.pri,body[data-mod="projects"] .btn.pri.sm.newbiz,body[data-mod="projects"] .btn.pri:not(.sm){background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.10) 46%,rgba(255,255,255,0) 50%),linear-gradient(180deg,#4F8BFF 0%,#2F6BFF 55%,#2F6BFF 100%)!important;color:#FFFFFF!important;border:0!important;border-radius:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 8px rgba(5,20,80,.32),0 0 0 1px rgba(125,211,252,.55),0 10px 22px -8px rgba(47,107,255,.75),0 0 22px -6px rgba(79,139,255,.7)!important;text-shadow:0 1px 1px rgba(5,20,80,.35);font-weight:700!important;transition:transform .12s ease,box-shadow .12s ease}
body[data-mod="projects"] .btn.pri:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 6px rgba(5,20,80,.35),0 0 0 1px rgba(125,211,252,.55),0 4px 12px -6px rgba(47,107,255,.75)!important}
body[data-mod="projects"] .rcall,body[data-mod="projects"] .cdial2{background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.10) 46%,rgba(255,255,255,0) 50%),linear-gradient(180deg,#4F8BFF 0%,#2F6BFF 55%,#2F6BFF 100%)!important;color:#FFFFFF!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 8px rgba(5,20,80,.32),0 0 0 1px rgba(125,211,252,.55),0 10px 22px -8px rgba(47,107,255,.75),0 0 22px -6px rgba(79,139,255,.7)!important}
body[data-mod="projects"] .chip{background:rgba(255,255,255,.78)!important;border:1px solid rgba(255,255,255,.95)!important;color:#0B1330!important;box-shadow:0 1px 2px rgba(5,7,13,.06),inset 0 0 0 1px rgba(11,27,77,.08)!important;border-radius:14px!important;padding:9px 14px!important;transition:background .15s ease,box-shadow .15s ease,transform .12s ease}
body[data-mod="projects"] .chip[aria-pressed="true"],body[data-mod="projects"] .chip.on,body[data-mod="projects"] .remtype[aria-pressed="true"],body[data-mod="projects"] .invopt[aria-pressed="true"]{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 50%),linear-gradient(180deg,#38BDF8 0%,#2F6BFF 100%)!important;color:#FFFFFF!important;border-color:transparent!important;padding-inline-start:36px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px rgba(125,211,252,.6),0 8px 20px -8px rgba(47,107,255,.85),0 0 26px -4px rgba(56,189,248,.75)!important}
body[data-mod="projects"] .chip[aria-pressed="true"]::before,body[data-mod="projects"] .chip.on::before,body[data-mod="projects"] .remtype[aria-pressed="true"]::before,body[data-mod="projects"] .invopt[aria-pressed="true"]::before{content:"";position:absolute;inset-inline-start:11px;top:50%;width:17px;height:17px;margin-top:-8.5px;border-radius:5px;background:rgba(255,255,255,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85)}
body[data-mod="projects"] .chip:active{transform:scale(.97)}
:root[data-theme="dark"] body[data-mod="projects"] .chip:not([aria-pressed="true"]):not(.on){background:rgba(40,40,52,.8)!important;color:#E8E8F0!important;border-color:rgba(255,255,255,.08)!important}
body[data-mod="projects"] .pghero.phero:not(.pg-zz):not(.pg-zy):not(.pg-zx){position:relative!important;overflow:hidden!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-blend-mode:normal!important}
body[data-mod="projects"] .pghero.phero::before{content:""!important;position:absolute!important;inset-inline-start:0!important;inset-inline-end:0!important;top:0!important;bottom:auto!important;width:auto!important;height:215px!important;background:var(--pimg) center 35%/cover no-repeat!important;opacity:1!important;border-radius:0!important;filter:none!important;transform:none!important;z-index:0!important}
body[data-mod="projects"] .pghero.phero > *{position:relative;z-index:1}
body[data-mod="projects"] .pghero.phero .pgh-ic{display:none!important}
body[data-mod="projects"] .pghero.phero .pgh-top{gap:12px}
body[data-mod="projects"] .pghero.phero .pgh-t{max-width:none!important}



body[data-mod="projects"] .pghero.phero .btn:not(.pri) svg{stroke:currentColor}

body[data-mod="projects"] .pghero.pg-calls{--pc:#1840C9;--pimg:url("/img/hero/hero-calls.webp")}
body[data-mod="projects"] .pghero.pg-today{--pc:#0E7C86;--pimg:url("/img/hero/hero-today2.webp")}
body[data-mod="projects"] .pghero.pg-leads{--pc:#1840C9;--pimg:url("/img/hero/hero-allleads2.webp")}
body[data-mod="projects"] .pghero.pg-data{--pc:#4B2A9E;--pimg:url("/img/hero/hero-docs.webp")}
body[data-mod="projects"] .pghero.pg-quotes{--pc:#A63A2B;--pimg:url("/img/hero/hero-quotes.webp")}
body[data-mod="projects"] .pghero.pg-dash{--pc:#1840C9;--pimg:url("/img/hero/hero-target.webp")}
body[data-mod="projects"] .pghero.pg-team{--pc:#0E7C86;--pimg:url("/img/hero/hero-subs.webp")}
body[data-mod="projects"] .pghero.pg-insights{--pc:#4B2A9E;--pimg:url("/img/hero/hero-reply.webp")}
body[data-mod="projects"] .pghero.pg-companies{--pc:#1840C9;--pimg:url("/img/hero/hero-projects.webp")}
body[data-mod="projects"] .pghero.pg-connect{--pc:#0E7C86;--pimg:url("/img/hero/hero-connect.webp")}
body[data-mod="projects"] .hslide{background:#1840C9!important;border:0!important;justify-content:flex-end!important;border-radius:28px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body[data-mod="projects"] .hslide > .hbg{background:url("/img/hero/hero-leads.webp") center 30%/cover no-repeat!important;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 92%)!important;mask-image:linear-gradient(180deg,#000 30%,transparent 92%)!important;opacity:1}
body[data-mod="projects"] .hslide > .hbg.hbg-sched{background-image:url("/img/hero/hero-schedule.webp")!important}
body[data-mod="projects"] .hslide > .hbg.hbg-conn{background-image:url("/img/hero/hero-connect.webp")!important}
body[data-mod="projects"] .hslide .big .hn{font-weight:700}
body[data-mod="projects"] .vaip{background:#4B2A9E!important;padding:140px 16px 16px!important;border:0!important}
body[data-mod="projects"] .vaip::before{content:"";position:absolute;inset-inline-start:0;inset-inline-end:0;top:0;height:200px;background:url("/img/hero/hero-reply.webp") center 40%/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%);pointer-events:none}
body[data-mod="projects"] .vaip > *{position:relative;z-index:1}
body[data-mod="projects"] .vaip-l b{font-size:24px!important;font-weight:700!important;letter-spacing:-.5px}
body[data-mod="projects"] .hslide{min-height:184px!important;padding:16px 18px!important}
body[data-mod="projects"] .hslide .big{margin-top:6px}
body[data-mod="projects"] .hslide .big .hn{font-size:30px!important;line-height:1}
body[data-mod="projects"] .hslide .big .hl{font-size:15px!important}
body[data-mod="projects"] .hslide .acts{margin-top:12px!important}
body[data-mod="projects"] .hslide .acts .btn{height:40px!important;min-height:40px!important;padding:0 18px!important;font-size:14px!important}
body[data-mod="projects"] .htools.hsimple{grid-template-columns:repeat(4,minmax(0,1fr))!important}
/* Projects: misc green */
body[data-mod="projects"] .lpills button{color:#1F2A23!important;box-shadow:inset 0 0 0 1px rgba(11,27,77,.1)!important}
body[data-mod="projects"] .lpills button b{background:rgba(11,27,77,.08)!important;color:#1F2A23!important}

body[data-mod="projects"] .pjadd{background:linear-gradient(180deg,#4F8BFF,#2F6BFF)!important;color:#fff!important}
body[data-mod="projects"] .bzic{background:#E6EEFF!important;color:#1840C9!important}
body[data-mod="projects"] .bzic svg{color:#1840C9!important}
body[data-mod="projects"] .ptabs button[aria-selected="true"],body[data-mod="projects"] .pjtabs button[aria-selected="true"]{background:#0B1B4D!important;color:#fff!important}
body[data-mod="projects"] .pjav,body[data-mod="projects"] #sheet .shead .pjav{background:linear-gradient(180deg,#4F8BFF,#1840C9)!important;color:#fff!important}
body.axsc[data-mod="projects"] header.top{-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);}
body.axsc[data-mod="projects"] #axttl{opacity:1;transform:translate(-50%,-50%);}
body.axsc[data-mod="projects"] #modsw{opacity:0;pointer-events:none}
body.axsc[data-mod="projects"] .topin .wsbtn{opacity:0;pointer-events:none}
/* Projects: green photo heroes per page */
body[data-mod="projects"] .pghero.phero{--pc:#0B1B4D;--pimg:url("/img/hero/hero-projects.webp")}
body[data-mod="projects"] .pghero.pg-day{--pc:#1840C9;--pimg:url("/img/hero/hero-schedule.webp")}
body[data-mod="projects"] .pghero.pg-site{--pc:#0B1B4D;--pimg:url("/img/hero/hero-today2.webp")}
body[data-mod="projects"] .pghero.pg-subs{--pc:#0B1B4D;--pimg:url("/img/hero/hero-subs.webp")}
body[data-mod="projects"] .pghero.pg-resources{--pc:#0B1B4D;--pimg:url("/img/hero/hero-subs.webp")}
body[data-mod="projects"] .pghero.pg-pinsights{--pc:#1536B0;--pimg:url("/img/hero/hero-target.webp")}
body[data-mod="projects"] .pghero.pg-docs{--pc:#1840C9;--pimg:url("/img/hero/hero-docs.webp")}
body[data-mod="projects"] .hslide.pjslide > .hbg{background-image:url("/img/hero/hero-projects.webp")!important;background-position:center 25%!important}
body[data-mod="projects"] .hslide.pjslide > .hbg.hbg-target{background-image:url("/img/hero/hero-target.webp")!important}
body[data-mod="projects"] .hslide.pjslide{background:#0B1B4D!important}
body[data-mod="projects"] .hslide .hn,body[data-mod="projects"] .hslide .big .hn{color:#5EEAD4!important}
body.pjplus #fab{display:none!important}
body[data-mod="projects"] .pjviews .seg2 button[aria-selected="true"]{box-shadow:0 6px 14px -8px rgba(5,7,13,.5)!important}
body[data-mod="projects"] .pjviews .seg2{border:1px solid rgba(255,255,255,.9)!important;border-radius:999px!important;padding:4px!important}
body[data-mod="projects"] .pjviews .seg2 button{border-radius:999px!important;color:#3A4A40!important}
body[data-mod="projects"] .pjviews .seg2 button svg{color:inherit!important}
body[data-mod="projects"] .pdhead h2,body[data-mod="projects"] main > h2{color:#0B0D17}

/* ===== PROJECTS: light poster style, yellow + green ===== */
body[data-mod="projects"]{--bg:#F3F5F9;background:#F3F5F9!important}
body[data-mod="projects"] header.top{background:#F3F5F9!important;color:#0B0D17!important;box-shadow:none!important}
body[data-mod="projects"] header.top::after{background:linear-gradient(90deg,rgba(94,234,212,0) 0%,rgba(94,234,212,0) 35%,rgba(94,234,212,.9) 50%,rgba(47,107,255,0) 65%),linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.05))!important}
body[data-mod="projects"] .topin .wsbtn span.appname::before{background-image:url("/img/logos/logo-vego.png")!important}
body[data-mod="projects"] .modsw{background:#E4E9F2!important;box-shadow:none!important}
body[data-mod="projects"] .modsw button{color:#55574F!important;background:transparent!important}
body[data-mod="projects"] .modsw button[aria-selected="true"]{background:#0B0D17!important;color:#FFFFFF!important;box-shadow:0 6px 14px -8px rgba(0,0,0,.5)!important}
body[data-mod="projects"] .hsearch,body[data-mod="projects"] .userbtn,body[data-mod="projects"] .connbtn,body[data-mod="projects"] .hback{background:#FFFFFF!important;color:#0B0D17!important;box-shadow:0 4px 14px -6px rgba(0,0,0,.18),inset 0 0 0 1px rgba(0,0,0,.05)!important}
body.axsc[data-mod="projects"] header.top{background:rgba(246,246,242,.82)!important;box-shadow:0 .5px 0 rgba(0,0,0,.12)!important}
body.axsc[data-mod="projects"] #axttl{color:#0B0D17!important}
/* poster hero */
.pp-side{margin:10px 0 0;font-size:14px;color:#55574F;max-width:62%}
.pp-side b{color:#0B0D17;font-weight:700}
/* page heroes: light poster cards with photo fading to white */

body[data-mod="projects"] .pghero.phero::before{-webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 95%)!important;mask-image:linear-gradient(180deg,#000 20%,transparent 95%)!important}



body[data-mod="projects"] .pghero.phero .btn:not(.pri),body[data-mod="projects"] .pghero.phero .viewtoggle{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:none!important}

/* buttons + pills: green primary, yellow accents */
body[data-mod="projects"] .btn.pri,body[data-mod="projects"] .pghero .btn.pri{background:linear-gradient(180deg,#4F8BFF 0%,#1840C9 100%)!important;color:#FFFFFF!important;border:0!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 20px -10px rgba(24,64,201,.8)!important;text-shadow:none!important}
body[data-mod="projects"] .lpills button[aria-selected="true"]{background:#0B0D17!important;color:#FFFFFF!important}
body[data-mod="projects"] .lpills button[aria-selected="true"] b{background:#5EEAD4!important;color:#0B0D17!important}
body[data-mod="projects"] .lpills button{background:#FFFFFF!important}
/* bottom bar: white, yellow 3D plus */
body[data-mod="projects"] .bnav{background:rgba(255,255,255,.9)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 18px 40px -18px rgba(0,0,0,.35)!important}
body[data-mod="projects"] .bnav button{color:#6F726A!important}
body[data-mod="projects"] .bnav button svg{color:#9A9D94!important}
body[data-mod="projects"] .bnav button[aria-current="true"]{color:#0B0D17!important}
body[data-mod="projects"] .bnav button[aria-current="true"]:not(.axplus) svg{color:#2F6BFF!important}
body[data-mod="projects"] .bnav .axplus-c::after{display:none!important}
body[data-mod="projects"] .bnav button.axplus svg{color:#FFFFFF!important;filter:drop-shadow(0 1px 1px rgba(10,30,120,.45))!important}
/* project card + tiles accents */
body[data-mod="projects"] .pjviews .seg2 button[aria-selected="true"]{background:#0B0D17!important;color:#FFFFFF!important}
body[data-mod="projects"] .pjviews .seg2{background:#FFFFFF!important}
body[data-mod="projects"] main h2{color:#0B0D17!important;font-weight:800!important;letter-spacing:-.4px}
/* priority card: stacked glass (Projects) */
.prcard{margin:0 0 16px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(232,236,245,.7));border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 40px -28px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#0B0D17;overflow:hidden}
.pr-top{display:flex;align-items:center;gap:8px;color:#33362F}
.pr-top span{flex:1}
.pr-top b{font-weight:500;color:#0B0D17}
.pr-in{background:linear-gradient(180deg,#FFFFFF 0%,#F4F6FA 100%);box-shadow:0 10px 26px -18px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.9)}
.pr-av{border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#4F8BFF,#1840C9);color:#fff;font-weight:700}
.pr-av img{width:100%;height:100%;object-fit:cover}
.pr-k{display:block;margin-top:8px;color:#7A7D74}
.pr-t{line-height:1.1;font-weight:500;color:#0B0D17}
.pr-d{margin:0;color:#3A3D35}
.pr-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pr-go{display:inline-flex;align-items:center;border:0;border-radius:999px;background:#0B0D17;color:#fff;font:inherit;font-weight:500;cursor:pointer;box-shadow:0 10px 20px -12px rgba(0,0,0,.6)}
.pr-gi{display:grid;place-items:center;background:linear-gradient(180deg,#4F8BFF,#1840C9);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.pr-time{display:inline-flex;align-items:center;gap:6px;color:#55574F}
.pr-time.late{color:#1840C9}
.pr-next{display:flex;gap:12px;}
.pr-next span{color:#7A7D74;flex:none}
.pr-next b{font-weight:500;color:#0B0D17;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* glossy green 3D buttons (Projects) */
body[data-mod="projects"] .btn.pri,body[data-mod="projects"] .pghero .btn.pri,body[data-mod="projects"] .pp-ab.pp-add{background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 45%),linear-gradient(180deg,#5B95FF 0%,#2F6BFF 45%,#1536B0 100%)!important;color:#FFFFFF!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:16px!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.55),inset 0 -4px 8px rgba(5,20,80,.35),0 0 0 1px rgba(24,64,201,.35),0 12px 24px -10px rgba(24,64,201,.75),0 0 26px -6px rgba(56,189,248,.65)!important;text-shadow:0 1px 1px rgba(5,20,80,.35)!important;font-weight:700!important}
body[data-mod="projects"] .btn.pri:active{transform:translateY(1px) scale(.98)}
/* ===== Projects home: dark blue "Neuron" poster carousel ===== */
.pjneo{margin:4px -16px 6px!important}
.pjneo .htrack{padding-bottom:12px}
.neo{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;position:relative;overflow:hidden;color:#FFFFFF;display:flex;flex-direction:column;background:radial-gradient(120% 70% at 50% 118%,#2F6BFF 0%,#1840C9 22%,rgba(16,40,140,.35) 48%,rgba(5,7,13,0) 70%),radial-gradient(60% 50% at 100% 0%,rgba(37,99,235,.55) 0%,rgba(5,7,13,0) 70%),#05070D;box-shadow:0 26px 44px -26px rgba(5,10,40,.8)}
.neo::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.neo > *{position:relative;z-index:1}
.neo-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.neo-logo{width:auto;display:block}
.neo-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;border:0;background:rgba(255,255,255,.12);color:#E6EEFF;font:inherit;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.neo-pill i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#38BDF8,#5EEAD4);box-shadow:0 0 10px #38BDF8}
.neo-tag{font-size:13px;color:rgba(255,255,255,.85)}
.neo-k{font-weight:600;letter-spacing:-.3px;background:linear-gradient(90deg,#9CA3AF,#FFFFFF 40%,#D1D5DB);-webkit-background-clip:text;background-clip:text;color:transparent}
.neo-big{display:flex;align-items:flex-start;gap:6px}
.neo-big b{line-height:.95;font-weight:600;background:linear-gradient(180deg,#FFFFFF 0%,#C9CED8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.neo-arr{flex:none}
.neo-sub{margin:10px 0 0;line-height:1.35;color:#E8ECF5;max-width:92%}
.neo-sub span{color:rgba(232,236,245,.55)}
.neo-acts{margin-top:auto;display:flex;align-items:center;gap:10px;}
.neo-out{display:inline-flex;align-items:center;gap:9px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);background:rgba(255,255,255,.04);color:#FFFFFF;font:inherit;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.neo-out svg{width:18px;height:18px}
.neo-plus{border-radius:50%;border:0;display:grid;place-items:center;color:#05070D;background:linear-gradient(135deg,#7DD3FC 0%,#5EEAD4 100%);box-shadow:0 10px 24px -8px rgba(56,189,248,.8),inset 0 2px 0 rgba(255,255,255,.6);cursor:pointer}
.neo-plus svg{width:22px;height:22px}
/* rings */
.neo-rings{align-items:center;background:radial-gradient(70% 55% at 100% 8%,#2563EB 0%,rgba(37,99,235,0) 70%),radial-gradient(70% 60% at 0% 100%,#1D4ED8 0%,rgba(29,78,216,0) 70%),#06070B}
.neo-rings .neo-top{width:100%}
.neo-ring{position:relative;display:grid;place-items:center}
.neo-ring span[class^="neo-r"]{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}
.neo-r1{inset:0}
.neo-c{display:flex;flex-direction:column;align-items:center;text-align:center}
.neo-c small{color:#FFFFFF;align-self:flex-start;margin-inline-start:6px}
.neo-c b{line-height:.9;font-weight:500;color:#FFFFFF}
.neo-c b em{font-style:normal;letter-spacing:-2px;background:linear-gradient(135deg,#7DD3FC,#5EEAD4);-webkit-background-clip:text;background-clip:text;color:transparent}
.neo-c > span{font-weight:400;}
.neo-thin{font-weight:200;color:rgba(255,255,255,.85);letter-spacing:-.2px}
.neo-orb{position:absolute!important;border-radius:50%;background:radial-gradient(circle at 32% 28%,#F0F9FF 0%,#93C5FD 14%,#2563EB 42%,#0B2B8F 75%,#061447 100%);box-shadow:0 10px 30px -6px rgba(37,99,235,.8),inset -6px -8px 14px rgba(0,0,40,.45)}
.neo-orb.o1{inset-inline-start:26px;}
.neo-orb.o2{inset-inline-start:-40px;filter:saturate(1.2)}
.neo-orb.o3{inset-inline-end:34px;}
/* quote */
.neo-quote{justify-content:flex-end;background:radial-gradient(90% 60% at 45% 105%,#2F6BFF 0%,#1840C9 25%,rgba(10,22,80,.4) 52%,rgba(5,7,13,0) 75%),linear-gradient(180deg,#05070D 0%,#08102A 100%)}
.neo-swoosh{position:absolute!important;inset-inline-start:0;top:0;width:100%;height:58%;z-index:0!important}
.neo-qt{text-align:end;}
.neo-qt h3{margin:0;line-height:1.08;font-weight:500;letter-spacing:-1px;color:#FFFFFF}
.neo-qt p{margin:6px 0 0;font-weight:200;color:rgba(255,255,255,.85)}
.neo-nx{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:rgba(255,255,255,.1);color:#DCE7FF}
.neo-nx svg{width:14px;height:14px;color:#5EEAD4}
.neo-foot{display:flex;justify-content:space-between;color:#FFFFFF;font-weight:500}
.pjneo .hdot{background:rgba(5,7,13,.18)}
.pjneo .hdot[aria-current="true"]{width:22px;background:linear-gradient(90deg,#2F6BFF,#5EEAD4)}
@media (max-width:370px){.neo-big b{}.neo-ring{width:250px;height:250px}.neo-c b{font-size:78px}.neo-qt h3{font-size:26px}}
/* neo carousel: compact */
.neo{min-height:236px!important;padding:14px 16px 12px!important;border-radius:24px!important}
.neo-logo{height:17px!important}
.neo-pill{height:26px!important;font-size:10px!important;padding:0 10px!important}
.neo-k{margin:10px 0 0!important;font-size:14px!important}
.neo-big b{font-size:58px!important;letter-spacing:-3px!important}
.neo-arr{width:28px!important;height:28px!important;margin-top:2px!important}
.neo-sub{margin-top:4px!important;font-size:13.5px!important}
.neo-acts{padding-top:10px!important}
.neo-out{height:38px!important;padding:0 15px!important;font-size:13px!important}
.neo-plus{width:38px!important;height:38px!important}
.neo-ring{width:170px!important;height:170px!important;margin:-8px auto 0!important}
.neo-r2{inset:18px!important}.neo-r3{inset:36px!important}
.neo-c small{font-size:12px!important}
.neo-c b{font-size:52px!important;letter-spacing:-3px!important}
.neo-c b em{font-size:30px!important}
.neo-c > span{font-size:13.5px!important;margin-top:2px!important}
.neo-thin{font-size:13px!important;margin:-4px 0 0!important}
.neo-orb.o1{top:62px!important;width:20px!important;height:20px!important}
.neo-orb.o2{width:76px!important;height:76px!important;bottom:-30px!important}
.neo-orb.o3{bottom:54px!important;width:16px!important;height:16px!important}
.neo-qt{margin-bottom:10px!important}
.neo-qt h3{font-size:21px!important}
.neo-qt p{font-size:14px!important;margin-top:4px!important}
.neo-nx{margin-top:8px!important;font-size:11.5px!important;padding:5px 11px!important}
.neo-foot{font-size:12px!important}
@media (max-width:370px){.neo-big b{font-size:50px!important}}
body[data-mod="projects"] .bnav .axplus-c{border-radius:999px!important;background:radial-gradient(circle at 32% 26%,#E0F2FE 0%,#7DD3FC 16%,#2F6BFF 46%,#1536B0 78%,#0B1B4D 100%)!important;box-shadow:0 14px 26px -10px rgba(47,107,255,.85),inset -4px -6px 12px rgba(0,0,40,.35)!important}
body[data-mod="projects"] .pghero .pc-date i{background:#2F6BFF!important}
/* project card in the carousel colours (dark blue) */
.pdeck .pdcard.pdg{background:radial-gradient(110% 60% at 50% 118%,#2F6BFF 0%,#1840C9 24%,rgba(16,40,140,.35) 50%,rgba(5,7,13,0) 72%),radial-gradient(60% 45% at 100% 0%,rgba(37,99,235,.5) 0%,rgba(5,7,13,0) 70%),#05070D!important;border:0!important;box-shadow:0 26px 44px -26px rgba(5,10,40,.8)!important;color:#FFFFFF!important}
/* Accounts: attractive "Add bill" floating button */
body[data-mod="accounts"] .fab.billfab{display:inline-flex!important;align-items:center;border:0!important;border-radius:999px!important;color:#FFFFFF!important;background:radial-gradient(120% 90% at 30% 0%,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 46%),linear-gradient(135deg,#6E8BFF 0%,#3B5BFF 45%,#2440E0 100%)!important;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -4px 10px rgba(0,0,80,.3),0 0 0 1px rgba(120,150,255,.5),0 16px 30px -12px rgba(36,64,224,.85),0 0 32px -8px rgba(110,139,255,.75)!important;font-family:inherit}
body[data-mod="accounts"] .fab.billfab::before{content:"";position:absolute;border-radius:999px;border:2px solid rgba(110,139,255,.55);animation:bfRing 2.6s ease-out infinite;pointer-events:none}
body[data-mod="accounts"] .fab.billfab{position:fixed}
@media (max-width:819px){body[data-mod="accounts"] .fab.billfab{inset-inline-end:16px!important}}
.bf-ic{position:relative;border-radius:50%;display:grid;place-items:center;background:#FFFFFF;color:#2F4FE6;box-shadow:0 6px 14px -6px rgba(0,0,60,.5)}
.bf-cam{position:absolute;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#FFB547,#FF7A1A);color:#FFFFFF;}
.bf-tx{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;text-shadow:0 1px 1px rgba(0,0,60,.3)}
.bf-tx b{font-weight:700;letter-spacing:-.2px}
.bf-tx small{font-size:11.5px;font-weight:500;opacity:.85;margin-top:2px}
body[data-mod="accounts"] .fab.billfab:active{transform:scale(.96)}
body[data-mod="accounts"] .fab.billfab.bf-pop{animation:bfPop .55s cubic-bezier(.2,1.4,.4,1)}
@keyframes bfRing{0%{transform:scale(.92);opacity:.9}70%{transform:scale(1.12);opacity:0}100%{opacity:0}}
@keyframes bfPop{0%{transform:translateY(16px) scale(.85);opacity:0}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){body[data-mod="accounts"] .fab.billfab::before{animation:none;opacity:0}}
/* Add bill: compact */
body[data-mod="accounts"] .fab.billfab{height:42px!important;padding-block:0 0!important;padding-inline:5px 14px!important;gap:7px!important}
body[data-mod="accounts"] .fab.billfab::before{inset:-3px!important}
.bf-ic{width:32px!important;height:32px!important}
.bf-ic > svg{width:17px!important;height:17px!important}
.bf-cam{width:15px!important;height:15px!important;inset-inline-end:-3px!important;bottom:-2px!important;box-shadow:0 0 0 1.5px #FFFFFF!important}
.bf-cam svg{width:9px!important;height:9px!important}
.bf-tx b{font-size:13.5px!important}
.bf-tx small{display:none!important}
@media (max-width:819px){body[data-mod="accounts"] .fab.billfab{bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}}
/* old project card (pdx) in the carousel colours */
.pdeck .pdcard.pdx{background:linear-gradient(90deg,#1840C9 0%,#2F6BFF 40%,#38BDF8 75%,#5EEAD4 100%)!important;box-shadow:0 22px 40px -18px rgba(5,10,40,.75),0 2px 6px rgba(5,10,40,.15)!important}
.pdx .pdface,.pdx-light .pdface{color:#FFFFFF!important;background:radial-gradient(110% 70% at 50% 125%,rgba(47,107,255,.85) 0%,rgba(24,64,201,.45) 30%,rgba(5,7,13,0) 62%),radial-gradient(60% 55% at 100% 0%,rgba(37,99,235,.5) 0%,rgba(5,7,13,0) 70%),#05070D!important;box-shadow:0 10px 24px -10px rgba(0,0,20,.6)!important}
.pdx-light .pdface{background:radial-gradient(110% 70% at 0% 125%,rgba(56,189,248,.55) 0%,rgba(24,64,201,.35) 32%,rgba(11,27,77,0) 62%),radial-gradient(60% 55% at 100% 0%,rgba(94,234,212,.28) 0%,rgba(11,27,77,0) 70%),#0B1B4D!important}
.pdx .pdx-nm,.pdx-light .pdx-nm{color:rgba(255,255,255,.62)!important}
.pdx .pdx-nm b,.pdx-light .pdx-nm b{color:rgba(255,255,255,.85)!important}
.pdx .pdx-nm svg,.pdx-light .pdx-nm svg{color:#7DD3FC!important}
.pdx .dchip,.pdx-light .dchip{background:rgba(255,255,255,.1)!important;color:#E6EEFF!important;border:1px solid rgba(255,255,255,.12)!important}
.pdx .dchip.late,.pdx-light .dchip.late{color:#FCA5A5!important}.pdx .dchip.soon,.pdx .dchip.today,.pdx-light .dchip.soon,.pdx-light .dchip.today{color:#7DD3FC!important}.pdx .dchip.done,.pdx-light .dchip.done{color:#5EEAD4!important}
.pdx .pdx-av,.pdx-light .pdx-av{color:#05070D!important;background:radial-gradient(circle at 35% 30%,#E0F2FE 0%,#7DD3FC 30%,#38BDF8 60%,#2F6BFF 100%)!important;box-shadow:0 0 0 3px rgba(56,189,248,.18),0 8px 18px -8px rgba(56,189,248,.8)!important}
.pdx .pdx-who b,.pdx-light .pdx-who b{color:#FFFFFF!important}
.pdx .pdx-st,.pdx-light .pdx-st{color:rgba(255,255,255,.6)!important}
.pdx .pdx-st.hs-ok i{background:#38BDF8!important;box-shadow:0 0 8px #38BDF8!important}
.pdx .pdx-st.done i{background:#5EEAD4!important;box-shadow:0 0 8px #5EEAD4!important}
.pdx .pdx-ic a,.pdx-light .pdx-ic a{color:#FFFFFF!important;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06))!important;border:1px solid rgba(255,255,255,.14)!important}
.pdx .pdx-ic a.wa,.pdx-light .pdx-ic a.wa{color:#5EEAD4!important}
.pdx-base{color:#05070D!important;font-weight:700}
.pdx-bar{background:rgba(5,7,13,.18)!important}
.pdx-bar i{background:#05070D!important}
/* Projects: Needs attention rows in light tints */
body[data-mod="projects"] .attlist{background:transparent!important;box-shadow:none!important;border:0!important;display:flex;flex-direction:column;gap:8px;overflow:visible!important}
body[data-mod="projects"] .attlist .bizrow{--t:#FFFFFF;--c:#1840C9;background:var(--t)!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 8px 20px -16px rgba(11,27,77,.45)!important;padding:13px 14px!important}
body[data-mod="projects"] .attlist .bizrow::before,body[data-mod="projects"] .attlist .bizrow::after{display:none!important}
body[data-mod="projects"] .attlist .bizrow:nth-child(6n+1){--t:#E6F4FF;--c:#0284C7}
body[data-mod="projects"] .attlist .bizrow:nth-child(6n+2){--t:#E3FBF4;--c:#0D9488}
body[data-mod="projects"] .attlist .bizrow:nth-child(6n+3){--t:#FFFFFF;--c:#1840C9}
body[data-mod="projects"] .attlist .bizrow:nth-child(6n+4){--t:#EAF0FF;--c:#2F6BFF}
body[data-mod="projects"] .attlist .bizrow:nth-child(6n+5){--t:#E2F8FC;--c:#0891B2}
body[data-mod="projects"] .attlist .bizrow:nth-child(6n+6){--t:#EFEDFF;--c:#4F46E5}
body[data-mod="projects"] .attlist .bzic{background:#FFFFFF!important;color:var(--c)!important;box-shadow:0 4px 10px -6px rgba(11,27,77,.35)!important}
body[data-mod="projects"] .attlist .bizrow:nth-child(6n+3) .bzic{background:#EEF3FF!important}
body[data-mod="projects"] .attlist .bzic svg{color:var(--c)!important}
body[data-mod="projects"] .attlist .chev{color:var(--c)!important;opacity:.7}
/* ===== Accounts: mockup redesign (home + expenses) ===== */
body[data-mod="accounts"]{--bg:#F3F5FA;background:#F3F5FA!important}
body[data-mod="accounts"] header.top{background:#F3F5FA!important}
body[data-mod="accounts"] .modsw{background:#E6E9F2!important;border-radius:14px!important}
body[data-mod="accounts"] .modsw button[aria-selected="true"]{background:#0B1230!important;color:#FFFFFF!important;box-shadow:0 6px 14px -8px rgba(11,18,48,.7)!important}
body[data-mod="accounts"] .axh2 .axround{width:42px;height:42px;border-radius:50%;background:#FFFFFF!important;box-shadow:0 4px 14px -6px rgba(20,24,60,.3)!important}
.axcar .htrack{padding-bottom:10px}
.axc-l{font-size:16px;font-weight:600}
.axc-big small{font-size:22px;font-weight:600}
.axc-big b{font-size:52px;font-weight:800;letter-spacing:-2px;line-height:1}
.axcar .hdot{background:rgba(11,18,48,.18)}
.axcar .hdot[aria-current="true"]{background:#0B1230;width:18px}
.axt{display:flex;align-items:center;gap:10px;padding:14px 12px;border:0;border-radius:20px;text-align:start;font:inherit;cursor:pointer;color:#0B0D17}
.axt.in{background:#E7F8EF}
.axt.out{background:#F0ECFF}
.axti{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.axt.in .axti{background:#C9F0DA;color:#16A34A}
.axt.out .axti{background:#DDD3FF;color:#7C3AED}
.axti svg{width:22px;height:22px}
.axtt small{font-size:13px;color:#4B5168}
.axtt b{font-size:19px;font-weight:800;letter-spacing:-.4px;white-space:nowrap}
.axtt b em,.axprof b em,.xcat b em{font-style:normal;font-weight:500;font-size:.8em}
.axprof{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 12px;padding:12px 12px;border:0;border-top:1px solid #E3E6EF;border-bottom:1px solid #E3E6EF;background:transparent;font:inherit;color:#0B0D17;cursor:pointer;text-align:start}
.axprof b.neg{color:#DC2626}
.axprof .chev,.axlink .chev,.axalert .chev,.xcat .chev,.xaddbill .chev{width:18px;height:18px;color:#0B0D17;flex:none}
/* quick icons: soft round bubbles with dividers */
body[data-mod="accounts"] .acquick{background:transparent!important;box-shadow:none!important;padding:4px 0 8px!important}
body[data-mod="accounts"] .acquick > button{position:relative}
body[data-mod="accounts"] .acquick > button:not(:nth-child(4n))::after{content:"";position:absolute;inset-inline-end:0;top:12px;height:44px;width:1px;background:#E3E6EF}
body[data-mod="accounts"] .acquick button > span{width:56px!important;height:56px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 35% 30%,#FFFFFF 0%,color-mix(in srgb,var(--c,#3B5BFF) 14%,#fff) 70%)!important;box-shadow:0 8px 18px -10px color-mix(in srgb,var(--c,#3B5BFF) 70%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--c,#3B5BFF) 12%,transparent)!important;margin:0 auto 6px!important}
body[data-mod="accounts"] .acquick button > span svg{width:30px!important;height:30px!important}
/* sections */
.axsec{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 10px}
.axsec h2{margin:0!important;display:flex;align-items:center;gap:8px;font-size:20px!important;font-weight:800!important;letter-spacing:-.4px;color:#0B0D17!important;text-transform:none!important}
.axbadge{font-style:normal;min-width:26px;height:26px;padding:0 8px;border-radius:999px;display:inline-grid;place-items:center;font-size:13px;font-weight:700;background:#DCE6FF;color:#2F4FE6}
.axbadge.or{background:#FFE9D6;color:#1F42D7}
.axlink{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:#2563EB;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.axlink .chev{color:#2563EB!important;width:16px!important;height:16px!important}
.axrav{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#E3EBFF;color:#2F4FE6;font-size:17px;cursor:pointer}
.axri:nth-child(2) .axrav{background:#EEE8FF;color:#7C3AED}
.axri:nth-child(3) .axrav{background:#E3F8EE;color:#16A34A}
.axrm b{font-size:16px;font-weight:600;color:#0B0D17;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.axinv{flex:none;height:40px;padding:0 20px;border:0;border-radius:12px;background:#E3EBFF;color:#2F4FE6;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.axat b{font-size:15.5px;font-weight:600}
/* bottom bar: dark navy, blue + */
body[data-mod="accounts"] .bnav{background:linear-gradient(180deg,#141C3D,#0B1230)!important;box-shadow:0 18px 36px -14px rgba(11,18,48,.7),inset 0 1px 0 rgba(255,255,255,.08)!important;border:0!important}
body[data-mod="accounts"] .bnav button{color:#C9CEE0!important}
body[data-mod="accounts"] .bnav button:not(.axplus) svg{color:#C9CEE0!important;filter:none!important}
body[data-mod="accounts"] .bnav button[aria-current="true"]{color:#3B82F6!important}
body[data-mod="accounts"] .bnav button[aria-current="true"]:not(.axplus) svg{color:#3B82F6!important;filter:drop-shadow(0 4px 10px rgba(59,130,246,.55))!important;transform:none!important}
body[data-mod="accounts"] .bnav .axplus-c{background:radial-gradient(circle at 35% 25%,#7DB3FF 0%,#3B82F6 40%,#1D4ED8 100%)!important;box-shadow:0 0 0 5px #0B1230,0 12px 26px -6px rgba(59,130,246,.9)!important}
body[data-mod="accounts"] .bnav button.axplus svg{color:#FFFFFF!important}
/* segments: black selected */
body[data-mod="accounts"] .acsegs{background:#E6E9F2!important;border-radius:16px!important;padding:4px!important;gap:4px!important}
body[data-mod="accounts"] .acsegs button[role="tab"]{background:transparent!important;color:#3B4157!important;box-shadow:none!important;border:0!important;border-radius:12px!important}
body[data-mod="accounts"] .acsegs button[role="tab"][aria-selected="true"]{background:#0B1230!important;color:#FFFFFF!important;box-shadow:0 6px 14px -8px rgba(11,18,48,.7)!important}
body[data-mod="accounts"] .acsegs button[role="tab"] svg{display:none!important}
.xmon{background:#FFFFFF;border-radius:24px;padding:16px 18px 16px;box-shadow:0 10px 24px -18px rgba(20,24,60,.35);margin:0 0 10px}
.xmon-t{display:flex;align-items:center;gap:6px}
.xmon-ci{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#F1F3F8;color:#3B4157;margin-inline-end:4px}
.xmon-ci svg{width:19px;height:19px}
.xmon-t b{font-size:16px;font-weight:600;color:#0B0D17}
.xmon-nav{border:0;background:none;font-size:22px;line-height:1;color:#0B0D17;padding:0 6px;cursor:pointer}
.xmon-g{margin-inline-start:auto;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#DDF7E8;color:#16A34A}
.xmon-g svg{width:26px;height:26px}
.xmon-big{display:flex;align-items:baseline;gap:10px;margin-top:4px;color:#0B0D17}
.xmon-big small{font-size:28px;font-weight:600}
.xmon-big b{font-size:56px;font-weight:800;letter-spacing:-2.2px;line-height:1}
.xmon-s{margin:8px 0 0;font-size:15px;color:#5B6178}
.xmon-s .up{color:#DC2626}.xmon-s .dn{color:#16A34A}
body[data-mod="accounts"] .stcash{background:#FFFFFF!important;border-radius:22px!important;box-shadow:0 10px 24px -18px rgba(20,24,60,.35)!important;border:0!important;padding:14px 14px!important}
body[data-mod="accounts"] .stcash .stch{display:flex;align-items:center;gap:12px}
body[data-mod="accounts"] .stcash .stch::before{content:"";flex:none;width:46px;height:46px;border-radius:14px;background:#EFE9FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C3AED' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.3-4.9M4 4v4h4M4 13a8 8 0 0 0 14.3 4.9M20 20v-4h-4'/%3E%3C/svg%3E") center/24px no-repeat}
body[data-mod="accounts"] .stcash .stch > div{flex:1}
body[data-mod="accounts"] .stcash .stch b{font-size:16px!important}
body[data-mod="accounts"] .stcash .stch .btn.pri{background:#FFFFFF!important;color:#2563EB!important;border:1.5px solid #C9D6F5!important;box-shadow:none!important;text-shadow:none!important;border-radius:12px!important;height:44px!important;padding:0 16px!important;font-size:15px!important}
.xcat{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:0;background:transparent;font:inherit;text-align:start;cursor:pointer;color:#0B0D17}
.xcat.on{background:#F3F6FF}
.xcat-m b{font-size:16px;font-weight:600}
.xaddbill{display:flex;align-items:center;gap:12px;width:100%;margin:12px 0 6px;padding:14px 16px;border:1.5px solid #DCE3F2;border-radius:18px;background:#FFFFFF;font:inherit;text-align:start;cursor:pointer;color:#2563EB}
.xaddbill b{flex:1;font-size:16px;font-weight:600}
@media (max-width:370px){.axc-big b{font-size:44px}.axtt b{font-size:16px}.xmon-big b{font-size:46px}}
body[data-mod="accounts"] #view .axsec h2{margin:0!important;display:flex!important;align-items:center;gap:8px;font-size:20px!important;color:#0B0D17!important;text-transform:none!important;padding:0!important}
body[data-mod="accounts"] .axsec{margin:20px 2px 10px!important}
body[data-mod="accounts"]:is([data-view="acct"],[data-view="purchases"]) .fab.billfab{display:none!important}
/* Sora everywhere (overrides SF Pro / Inter stacks) */
body,body[data-mod="crm"],body[data-mod="projects"],body[data-mod="accounts"]{font-family:"Sora",-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,sans-serif!important}
body :is(button,input,select,textarea){font-family:inherit!important}
body[data-mod="accounts"] #view .axsec h2{font-weight:600!important;letter-spacing:-.2px!important}
.axc-big b,.xmon-big b{font-weight:600!important;letter-spacing:-1.2px!important}
.axc-big small,.xmon-big small{font-weight:400!important}
.axrm b,.xcat-m b,.axat b,.axc-l,.xmon-t b,.xaddbill b{font-weight:500!important}
body[data-mod="accounts"] .stcash .stch b{font-weight:500!important}
body[data-mod="accounts"] .modsw button[aria-selected="true"]{font-weight:500!important}
body[data-mod="accounts"] .acsegs button[role="tab"]{font-weight:500!important}
/* project payments: banners, milestone progress, edit */
.paybn{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 10px;padding:12px 14px;border-radius:18px;border:0;font:inherit;text-align:start;color:#0B0D17}
.paybn.due{cursor:pointer}
.paybn.next{background:#EEF4FF;box-shadow:inset 0 0 0 1px #DCE6FF}
.paybn.ok{background:#E8F8EF;box-shadow:inset 0 0 0 1px #C9F0DA}
.pbi{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#FFFFFF;color:#2F6BFF;font-weight:800}
.paybn.ok .pbi{background:#16A34A;color:#fff}
.paybn em{font-style:normal;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:#FFFFFF}
.mslist .msk{font-style:normal;font-weight:600}
.mslist .ms-paid .msk{color:#16A34A}.mslist .ms-due .msk,.mslist .ms-part .msk{color:#1F42D7}.mslist .ms-wait .msk,.mslist .ms-partw .msk{color:#5B6178}
.mslist .ms-paid .bzic{background:#E3F8EE!important;color:#16A34A!important;font-weight:800}
.payedit{width:30px;height:30px;border-radius:50%;border:0;display:grid;place-items:center;background:#EEF2FF;color:#2F4FE6;cursor:pointer}
.payedit svg{width:15px;height:15px}
.axrav.due{background:#FFE9D6!important;color:#1F42D7!important}
.axrav.up{background:#E6F0FF!important;color:#2F6BFF!important}
.axpd b{font-size:15px;font-weight:600;color:#0B0D17}
.axpd.up b{color:#5B6178;font-weight:500}
.axinv.sm{height:32px;padding:0 12px;font-size:13px;border-radius:10px}
/* Excel buttons: logo only */
.btn.xlbtn{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;min-width:52px;padding:0 10px!important;background:#FFFFFF!important;border:1px solid #D7EBDF!important;color:#107C41!important;box-shadow:0 4px 12px -8px rgba(16,124,65,.5)!important;text-shadow:none!important}
.btn.xlbtn .xlg{width:24px;height:24px;flex:none}
.btn.sm.xlbtn .xlg{width:20px;height:20px}
.btn.xlbtn .xla{width:14px;height:14px;color:#107C41}
.btn.xlbtn.xlwide{height:50px}
.btn.xlbtn.xlwide .xlg{width:30px;height:30px}
.btn.xlbtn .xlw{font-weight:700;color:#107C41}
.bkc-ic.xlic{background:#E8F6EE!important;display:grid;place-items:center}.bkc-ic.xlic .xlg{width:26px;height:26px}
/* priority card: compact */
.pr-top{padding:9px 16px!important;font-size:12.5px!important}
.pr-ring{width:15px!important;height:15px!important}
.pr-in{padding:12px 16px 12px!important;border-radius:22px!important}
.pr-hd{display:flex;align-items:center;gap:8px}
.pr-av{width:24px!important;height:24px!important;font-size:10px!important}
.pr-k{margin:0!important;font-size:12px!important}
.pr-t{margin:8px 0 4px!important;font-size:20px!important;letter-spacing:-.4px!important}
.pr-d{font-size:12.5px!important;line-height:1.4!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pr-row{margin-top:12px!important}
.pr-go{height:38px!important;padding-block:0 0!important;padding-inline:5px 14px!important;font-size:13px!important;gap:8px!important}
.pr-gi{width:28px!important;height:28px!important;border-radius:50%!important}
.pr-gi svg{width:12px!important;height:12px!important}
.pr-time{font-size:12.5px!important}
.pr-time svg{width:14px!important;height:14px!important}
.pr-next{padding:9px 16px!important;font-size:12.5px!important}
.prcard{border-radius:24px!important;margin-bottom:12px!important}
/* Site header: vego helmet photo on dark */
body[data-mod="projects"] .pghero.phero.pg-site:not(.pg-zz):not(.pg-zy):not(.pg-zx){--pimg:url("/img/hero/hero-site.webp");background:#05070D!important;color:#FFFFFF!important;padding-top:190px!important}
body[data-mod="projects"] .pghero.phero.pg-site::before{height:300px!important;background-position:center 58%!important;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 55%,transparent 100%)!important}
body[data-mod="projects"] .pghero.phero.pg-site h1{color:#FFFFFF!important;text-shadow:0 2px 14px rgba(0,0,0,.6)!important}
body[data-mod="projects"] .pghero.phero.pg-site .sub,body[data-mod="projects"] .pghero.phero.pg-site p{color:rgba(255,255,255,.78)!important}
body[data-mod="projects"] .pghero.phero.pg-site::after{display:block!important;content:""!important;position:absolute!important;inset:auto 0 0 0!important;height:60%!important;background:radial-gradient(90% 70% at 50% 120%,rgba(47,107,255,.45),rgba(5,7,13,0) 70%)!important;z-index:0!important;pointer-events:none}
body[data-mod="projects"] .pghero.pg-site .pgh-stats{grid-template-columns:1fr 1fr!important;max-width:none!important}
body[data-mod="projects"] .pghero.pg-site .pgs{background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:16px!important}
body[data-mod="projects"] .pghero.pg-site .pgs *{color:#FFFFFF!important}
body[data-mod="projects"] .pghero.pg-site .pgs span{color:rgba(255,255,255,.7)!important}
body[data-mod="projects"] .pghero.pg-site .pgs.hot b{color:#7DD3FC!important}
/* Site Reports: neo poster with helmet photo */
.neo.sitepos{flex:none;width:auto;margin:4px 0 16px;background:linear-gradient(90deg,rgba(5,7,13,.95) 0%,rgba(5,7,13,.75) 38%,rgba(5,7,13,0) 62%),radial-gradient(90% 60% at 50% 120%,rgba(47,107,255,.7) 0%,rgba(5,7,13,0) 70%),url("/img/hero/hero-site.webp") 8% 46%/auto 190% no-repeat,#05070D!important}
.neo.sitepos .neo-out svg{width:18px;height:18px}
.neo.sitepos .neo-sub{max-width:56%!important}
.neo.sitepos .neo-sub span{display:block}
/* ===== Projects: uniform dark poster headers + blue icon bubbles ===== */
body[data-mod="projects"] .pghero.phero:not(.pg-zz):not(.pg-zy):not(.pg-zx){background:linear-gradient(90deg,rgba(5,7,13,.96) 0%,rgba(5,7,13,.78) 40%,rgba(5,7,13,.1) 70%),radial-gradient(90% 60% at 50% 125%,rgba(47,107,255,.7) 0%,rgba(5,7,13,0) 70%),var(--pimg) right 42%/auto 150% no-repeat,#05070D!important;color:#FFFFFF!important;padding:18px 18px 16px!important;min-height:200px;border-radius:26px!important;box-shadow:0 22px 40px -24px rgba(5,10,40,.8)!important}
body[data-mod="projects"] .pghero.phero::before{display:none!important}
body[data-mod="projects"] .pghero.phero::after{display:none!important}
body[data-mod="projects"] .pghero.phero .pgh-top{align-items:flex-start!important;margin-top:46px}
body[data-mod="projects"] .pghero.phero h1{color:#FFFFFF!important;font-weight:600!important;font-size:30px!important;letter-spacing:-.8px!important;text-shadow:none!important;max-width:62%}
body[data-mod="projects"] .pghero.phero .sub,body[data-mod="projects"] .pghero.phero p{color:rgba(255,255,255,.72)!important;max-width:62%}
body[data-mod="projects"] .pghero.phero .pc-date{position:absolute;top:-46px;inset-inline-start:0;transform:scale(.85);transform-origin:top left}
body[data-mod="projects"] .pghero.phero .pc-date i{background:linear-gradient(90deg,#2F6BFF,#38BDF8)!important}
body[data-mod="projects"] .pghero.phero .pgs{background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:16px!important}
body[data-mod="projects"] .pghero.phero .pgs *{color:#FFFFFF!important}
body[data-mod="projects"] .pghero.phero .pgs span,body[data-mod="projects"] .pghero.phero .pgs small{color:rgba(255,255,255,.7)!important}
body[data-mod="projects"] .pghero.phero .btn:not(.pri),body[data-mod="projects"] .pghero.phero .viewtoggle{background:rgba(255,255,255,.06)!important;color:#FFFFFF!important;border:1.5px solid rgba(255,255,255,.5)!important;border-radius:999px!important}
body[data-mod="projects"] .pghero.phero .btn:not(.pri) svg{color:#FFFFFF!important}
body[data-mod="projects"] .pghero.phero .btn.pri{background:linear-gradient(135deg,#7DD3FC 0%,#5EEAD4 100%)!important;color:#05070D!important;border:0!important;text-shadow:none!important;border-radius:999px!important;box-shadow:0 10px 24px -8px rgba(56,189,248,.8),inset 0 2px 0 rgba(255,255,255,.6)!important}
body[data-mod="projects"] .pghero.phero .pgh-acts{position:relative;z-index:1}
/* icon bubbles: one style */
body[data-mod="projects"] #view .bzic:not(:has(img)),body[data-mod="projects"] #sheet .bzic:not(:has(img)){background:#E6EEFF!important;color:#2F6BFF!important;border-radius:14px!important;box-shadow:none!important}
body[data-mod="projects"] #view .bzic svg,body[data-mod="projects"] #sheet .bzic svg{color:#2F6BFF!important}
body[data-mod="projects"] #view .bzic.hot:not(:has(img)){background:#E2F8FC!important;color:#0891B2!important}
body[data-mod="projects"] .sitepick button{background:#FFFFFF!important;border:0!important;border-radius:20px!important;box-shadow:0 10px 24px -18px rgba(11,27,77,.45)!important}
body[data-mod="projects"] .sitepick button > span{background:#E6EEFF!important;color:#2F6BFF!important;border-radius:14px!important}
body[data-mod="projects"] .sitepick button > span svg{color:#2F6BFF!important}
body[data-mod="projects"] .sitepick button:nth-child(2n) > span{background:#E3FBF4!important;color:#0D9488!important}
body[data-mod="projects"] .sitepick button:nth-child(2n) > span svg{color:#0D9488!important}
body[data-mod="projects"] .sitewarn{background:#EAF0FF!important;border:0!important;color:#0B1B4D!important;border-radius:18px!important}
body[data-mod="projects"] .sitewarn svg{color:#2F6BFF!important}
body[data-mod="projects"] #view .list:not(.attlist){border-radius:20px!important;box-shadow:0 10px 24px -18px rgba(11,27,77,.45)!important;border:0!important}
body[data-mod="projects"] .pjtabs .pji svg,body[data-mod="projects"] .pjsub button{color:inherit}
body[data-mod="projects"] #view .lav{background:#E6EEFF!important;color:#2F6BFF!important;box-shadow:none!important}
body[data-mod="projects"] #view .lav svg{color:#2F6BFF!important}
body[data-mod="projects"] .ackpi{background:#FFFFFF!important;border:0!important;border-radius:20px!important;box-shadow:0 10px 24px -18px rgba(11,27,77,.45)!important}
body[data-mod="projects"] .ackpi span{color:#5B6178!important;text-transform:none!important;font-size:12.5px!important;letter-spacing:0!important}
body[data-mod="projects"] .ackpi b{font-size:28px!important;font-weight:600!important;letter-spacing:-1px!important;color:#0B0D17!important}
body[data-mod="projects"] .ackpi.warn{background:linear-gradient(135deg,#0B1B4D,#1840C9)!important}
body[data-mod="projects"] .ackpi.warn span,body[data-mod="projects"] .ackpi.warn small{color:rgba(255,255,255,.75)!important}
body[data-mod="projects"] .ackpi.warn b{color:#FFFFFF!important}
/* invoices: month card + 3-button bar */
.xmon-g.inv{background:#E6EEFF!important;color:#2F6BFF!important}
.xmon-g.inv svg{width:24px;height:24px}
.invbar{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px;margin:0 0 14px}
.invbar button{display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border-radius:999px;border:0;font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap}
.invbar svg{width:16px;height:16px;flex:none}
.ib-s{background:#FFFFFF;color:#0B0D17;box-shadow:0 8px 18px -14px rgba(20,24,60,.45),inset 0 0 0 1px #E4E8F3}
.ib-new{background:linear-gradient(180deg,#3B82F6,#1D4ED8);color:#fff;box-shadow:0 10px 20px -10px rgba(37,99,235,.9),inset 0 1px 0 rgba(255,255,255,.3)}
@media (max-width:370px){.invbar button{font-size:12.5px}.invbar .ib-s svg{display:none}}
:is(.xmon.invmon,.xmon.expmon){position:relative;overflow:hidden;background:#0B1478 url("/img/hero/hero-sales.webp") right center/auto 112% no-repeat!important;color:#fff;box-shadow:0 22px 40px -24px rgba(11,18,120,.6)!important;min-height:178px}
:is(.xmon.invmon,.xmon.expmon)::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,110,.9) 0%,rgba(10,16,110,.65) 40%,rgba(10,16,110,.1) 64%,rgba(10,16,110,0) 78%);pointer-events:none}
:is(.xmon.invmon,.xmon.expmon) > *{position:relative;z-index:1}
:is(.xmon.invmon,.xmon.expmon) .xmon-ci{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22)}
:is(.xmon.invmon,.xmon.expmon) .xmon-t b,:is(.xmon.invmon,.xmon.expmon) .xmon-nav,:is(.xmon.invmon,.xmon.expmon) .xmon-big{color:#fff}
:is(.xmon.invmon,.xmon.expmon) .xmon-g{display:none!important}
:is(.xmon.invmon,.xmon.expmon) .xmon-big small{font-size:19px}
:is(.xmon.invmon,.xmon.expmon) .xmon-big b{font-size:38px;letter-spacing:-1.2px;text-shadow:0 2px 12px rgba(0,0,40,.35)}
:is(.xmon.invmon,.xmon.expmon) .xmon-s{color:rgba(255,255,255,.8);font-size:13px;max-width:56%}
:is(.xmon.invmon,.xmon.expmon) .xmon-s .up{color:#778CE8}
:is(.xmon.invmon,.xmon.expmon) .xmon-s .dn{color:#86EFAC}
body[data-mod="projects"] .pghero.pg-day.phero:not(.pg-zz):not(.pg-zy):not(.pg-zx){--pimg:url("/img/hero/hero-pjsched.webp");background:linear-gradient(90deg,rgba(5,6,12,.92) 0%,rgba(5,6,12,.6) 40%,rgba(5,6,12,0) 64%),url("/img/hero/hero-pjsched.webp") 80% center/cover no-repeat,#05060C!important}
/* v2.46.0: sign-in / create account continue the website hero: light panel, mixed headline, hand-held phone */
.lockscr{background:url("/img/vego-blur.webp") right -70px top 20px/360px auto no-repeat,radial-gradient(60% 45% at 50% 30%,#FFFFFF 0%,#EEF1F7 70%),#EEF1F7!important}
.lkphone{display:none!important}
.lockscr > *{position:relative;z-index:1}
.lktop{align-self:stretch;display:flex;justify-content:flex-start;margin:0 0 4px!important;padding:0 2px}
.lktop img{height:24px!important}
.lkhero{position:relative;width:100%;height:auto;margin:0 0 18px;pointer-events:none}
.lkmix{position:relative;z-index:1;margin-block:22px 0;margin-inline:4px 0;text-align:start;font-weight:500;font-size:32px;line-height:1.06;letter-spacing:-.05em}
.lkmix .d{color:#0B0D17}.lkmix .l{color:#A9B6CF}
.lkmix.lk-up{display:none}
.lockscr[data-otp="up"]:has(#lk-otp:not([hidden])) .lk-in{display:none}
.lockscr[data-otp="up"]:has(#lk-otp:not([hidden])) .lk-up{display:block}
.lkphone{position:absolute;z-index:2;inset-inline-end:-2px;top:0;width:170px;height:auto;filter:drop-shadow(0 18px 18px rgba(20,33,95,.28))}
.lockscr .lockbox h2,.lockscr .lockbox .locksub{display:none!important}
.lockscr #lk-otp .btn.pri{background:#3461DC!important;box-shadow:0 12px 24px -12px rgba(52,97,220,.8)!important}
.lockscr #lk-otp .lk-size button[aria-checked="true"]{background:#3461DC;border-color:#3461DC}
.lockscr .lockbox{padding-top:20px!important}
.lockscr .lockbox{position:relative;z-index:3;background:#FFFFFF!important;border-radius:24px!important;box-shadow:0 24px 50px -24px rgba(20,33,95,.35),0 0 0 1px rgba(20,33,95,.05)!important}
.lockbox #lk-go,.lockbox .btn.pri,#lk-otp .btn.pri{background:#3461DC!important;box-shadow:0 12px 24px -12px rgba(52,97,220,.8)!important}
.lockbox .linkbtn2,.lockbox .lnew .linkbtn2{color:#3461DC!important}
.lkinstall{border-color:rgba(20,33,95,.18)!important;background:#fff!important;color:#14215F!important}
.lkbrandfoot{display:none!important}
/* v2.45.9: simpler, cleaner Create Account: fewer fields on screen, one-line team size, lighter type */
#lk-otp .locksub{display:none!important}
#lk-otp h2{font-size:21px!important;font-weight:600!important;margin:0 0 12px!important}
#lk-otp .f label{font-size:12.5px!important;font-weight:500!important;color:#4A5160!important;margin:0 0 4px!important}
#lk-otp .f + .f,#lk-otp .f[style]{margin-top:9px!important}
#lk-otp .f input,#lk-otp .f select{height:42px!important;font-size:14.5px!important;border-radius:11px!important}
#lk-otp .f select{width:100%;border:1px solid #D9DEE5!important;background:#fff!important;padding:0 12px!important;color:#14151A}
#lk-otp .lk-size{flex-wrap:nowrap;gap:5px;margin-top:2px}
#lk-otp .lk-size button{flex:1 1 0;min-width:0;height:34px;padding:0 4px;border-radius:999px;border:1px solid #D9DEE5;font-weight:600;font-size:12px;white-space:nowrap}
#lk-otp .lk-size button[aria-checked="true"]{background:#4A33E6;border-color:#4A33E6}
#lk-otp .btn.pri{height:44px!important;margin-top:14px!important;font-weight:600!important;background:#4A33E6!important;border-radius:999px!important;box-shadow:0 10px 22px -12px rgba(74,51,230,.8)!important}
#lk-otp .lkor{margin:12px 0 8px}
/* v2.46.2: project sections in the new pattern: iOS-style icon tiles + segmented sub-tabs (also fixes the invisible selected sub-tab) */
[data-g="overview"]{--ig:linear-gradient(180deg,#4F7BEA 0%,#2F5BD6 100%)}
[data-g="work"]{--ig:linear-gradient(180deg,#4F7BEA 0%,#2F5BD6 100%)}
[data-g="plan"]{--ig:linear-gradient(180deg,#4F7BEA 0%,#2F5BD6 100%)}
[data-g="acct"]{--ig:linear-gradient(180deg,#4F7BEA 0%,#2F5BD6 100%)}
[data-g="files"]{--ig:linear-gradient(180deg,#4F7BEA 0%,#2F5BD6 100%)}
.pjgt .pji{width:34px!important;height:34px!important;border-radius:10px!important;background:var(--ig,#0A6CFF)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 12px -6px rgba(10,20,60,.45)}
.pjgt .pji svg{width:18px!important;height:18px!important;color:#fff!important;stroke:#fff}
body .pjtabs button,body[data-mod="projects"] .pjtabs button{background:#FFFFFF!important;color:#3B4157!important;box-shadow:0 0 0 1px rgba(20,24,60,.07),0 6px 14px -12px rgba(20,24,60,.35)!important;border-radius:16px!important;padding:10px 4px 8px!important;font-size:11px!important;font-weight:500!important;gap:6px!important}
body .pjtabs button .pji,body[data-mod="projects"] .pjtabs button .pji{width:34px!important;height:34px!important;border-radius:10px;background:var(--ig,#0A6CFF);color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 5px 10px -6px rgba(10,20,60,.45)}
body .pjtabs button .pji svg,body[data-mod="projects"] .pjtabs .pji svg{width:18px!important;height:18px!important;color:#fff!important}
body .pjtabs button[aria-selected="true"],body[data-mod="projects"] .pjtabs button[aria-selected="true"]{background:#FFFFFF!important;color:#0B0D17!important;font-weight:600!important;box-shadow:0 0 0 2px #0A6CFF,0 8px 18px -12px rgba(10,108,255,.6)!important}
body[data-mod="projects"] .pjtabs button[aria-selected="true"] .pji{color:#fff!important}
.pji em{top:-5px!important;inset-inline-end:-7px!important;background:#FF3B30!important;box-shadow:0 0 0 2px #fff;font-size:9.5px!important;font-weight:600!important}
.pjsub,.pjsubbig{background:#ECEEF3;border-radius:999px;padding:3px!important;gap:2px!important;margin:0 0 14px!important}
.pjsub button,body[data-mod="projects"] .pjsub button,.pjsubbig button{flex:1 0 auto;box-shadow:none!important;background:transparent!important;color:#5B6178!important;border-radius:999px!important;padding:8px 14px!important;font-size:13px!important;font-weight:500!important}
.pjsub button[aria-selected="true"],body[data-mod="projects"] .pjsub button[aria-selected="true"]{background:#FFFFFF!important;color:#0B0D17!important;font-weight:600!important;box-shadow:0 2px 8px -2px rgba(20,24,60,.2),0 0 0 .5px rgba(20,24,60,.06)!important}
.pjsub em{background:#FF3B30!important;font-size:10px!important;font-weight:600!important;padding:0 5px!important;line-height:15px;display:inline-block;margin-inline-start:4px!important}
/* v2.46.4: calm warning colours: light blue / light green / soft maroon instead of orange and red */
:root{--mar:#8E3B55;--mar-bg:#F7EEF1;--mar-ln:#EBD6DD}
.paybn.due{background:#EEF4FF!important;box-shadow:inset 0 0 0 1px #DCE6FF!important}
.paybn.due .pbi{background:linear-gradient(180deg,#4F7BEA,#2F5BD6)!important;color:#fff!important}
.hbanner2.h-late{background:var(--mar-bg)!important;box-shadow:inset 0 0 0 1px var(--mar-ln)}.hbanner2.h-late .hdot{background:var(--mar)!important}.hbanner2.h-late b{color:#5A2235}
.hbanner2.h-risk{background:#EEF4FF!important}.hbanner2.h-risk .hdot{background:#4F7BEA!important}
.hbanner2.h-ok,.hbanner2:not([class*="h-"]){background:#E9F7EF}
.hchip.h-late{background:var(--mar-bg)!important;color:var(--mar)!important}.hchip.h-late i{background:var(--mar)!important}
.hk.late{background:var(--mar)!important}.hk.risk{background:#4F7BEA!important}
.bzic.hot,body[data-mod="accounts"] .bzic.hot,body[data-mod="projects"] #view .bzic.hot:not(:has(img)){background:var(--mar-bg)!important;color:var(--mar)!important}
body[data-mod="projects"] #view .bzic.hot svg{color:var(--mar)!important}
.pjsub em,.pji em{background:var(--mar)!important}
.pst.late .pdot{background:var(--mar-bg)!important;color:var(--mar)!important}
.pst.late small,.pst.late .ps,.pst.late em{color:var(--mar)!important}
.wsdel{display:flex;align-items:center;gap:6px;margin-block:-2px 8px;margin-inline:auto 0;padding:6px 12px;border:0;border-radius:999px;background:#F7EEF1;color:#8E3B55;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.wsdel svg{width:15px;height:15px}
.implist{display:flex;flex-direction:column;gap:8px}
.improw{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;align-items:center;padding:12px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(20,24,60,.07),0 6px 14px -12px rgba(20,24,60,.35)}
.impic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#4F7BEA,#2F5BD6);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.impic svg{width:21px;height:21px}
.impt b{display:block;font-size:14.5px;font-weight:600}.impt small{display:block;font-size:12.5px;color:#5B6178}
.impb{grid-column:2;display:flex;gap:8px;justify-content:flex-start;margin-top:6px}.impb .btn{border-radius:999px}
#impout .aibox span{display:block;font-size:12.5px}
/* v2.47.1: keep the "we sent a code to …" line and the email-code sign-in title visible */
.lockscr #lk-otp:has(#otp-step2:not([hidden])) #otp-sub{display:block!important;margin:0 0 12px!important;font-size:13.5px!important;color:#3C4250!important;text-align:start!important}
.lockscr[data-otp="in"] #lk-otp #otp-title{display:block!important;font-size:19px!important;text-align:start!important;margin:0 0 4px!important}
.lockscr #lk-otp:has(#otp-step2:not([hidden])) .lkor,.lockscr #lk-otp:has(#otp-step2:not([hidden])) .lkcircles{display:none!important}
.lockscr[data-otp="in"] #lk-otp #otp-sub{display:block!important;font-size:13px!important;text-align:start!important;margin:0 0 12px!important}
/* v2.47.2: sign-up fix: mobile is required by the server; show the last step's title, note and errors */
.lkmix.lk-cc{display:none}
.lockscr[data-otp="cc"]:has(#lk-create:not([hidden])) .lk-in,.lockscr[data-otp="cc"]:has(#lk-create:not([hidden])) .lk-up{display:none!important}
.lockscr[data-otp="cc"]:has(#lk-create:not([hidden])) .lk-cc{display:block}
.lockscr #lk-create #cc-title{display:block!important;font-size:19px!important;text-align:start!important;margin:0 0 4px!important}
.lockscr #lk-create #cc-sub{display:block!important;font-size:13px!important;text-align:start!important;margin:0 0 12px!important;color:#3C4250!important}
.lockscr #cc-msg:not(:empty),.lockscr #otp-msg:not(:empty),.lockscr #lockmsg:not(:empty){display:block!important;background:#F7EEF1;color:#8E3B55;border-radius:12px;padding:10px 12px;font-size:13px;margin:0 0 10px}
.teamsheet .conncard{box-shadow:none!important;padding:0!important;background:none!important;margin:0!important}
.teamsheet .arearow input,.teamsheet .arearow select{min-height:42px}
.dclist{display:flex;flex-direction:column;gap:8px}
.dcrow{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(20,24,60,.07),0 6px 14px -12px rgba(20,24,60,.35)}
.dcthumb{flex:none;width:52px;height:52px;border-radius:12px;border:0;padding:0;overflow:hidden;background:#EEF4FF;color:#2F5BD6;font:inherit;font-size:11px;font-weight:700;display:grid;place-items:center;cursor:pointer}.dcthumb img{width:100%;height:100%;object-fit:cover}
.dcmain{flex:1;min-width:0;border:0;background:none;text-align:start;padding:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px}.dcmain b{font-size:14px;font-weight:600}.dcmain small{font-size:12px;color:#5B6178;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dcamt{font-size:13.5px;font-weight:600;white-space:nowrap}
.dexp.ok{background:#E9F7EF;color:#16794A}.dexp.soon{background:#EEF4FF;color:#2F5BD6}.dexp.bad{background:#F7EEF1;color:#8E3B55}
.dcdash{display:flex;align-items:center;gap:12px;width:100%;margin:10px 0;padding:12px 14px;border:0;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(20,24,60,.07),0 8px 18px -14px rgba(20,24,60,.4);font:inherit;text-align:start;color:#0B0D17;cursor:pointer}
.dcdash.warn{background:#F7EEF1;box-shadow:inset 0 0 0 1px #EBD6DD}
.dcdi{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#4F7BEA,#2F5BD6);color:#fff}.dcdi svg{width:21px;height:21px}
.dcdash.warn .dcdi{background:#8E3B55}
.dcdt{flex:1;min-width:0}.dcdt b{display:block;font-size:14.5px;font-weight:600}.dcdt small{display:block;font-size:12.5px;color:#5B6178}.dcdash .chev{width:18px;height:18px;flex:none}
.tkcard{display:flex;align-items:center;gap:12px;width:100%;margin:10px 0;padding:12px 14px;border:0;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(20,24,60,.07),0 8px 18px -14px rgba(20,24,60,.4);font:inherit;text-align:start;color:#0B0D17;cursor:pointer}
.tkcard.warn{background:#F7EEF1;box-shadow:inset 0 0 0 1px #EBD6DD}
.tki{position:relative;flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#4F7BEA,#2F5BD6);color:#fff}.tki svg{width:22px;height:22px}
.tki em{position:absolute;top:-5px;inset-inline-end:-6px;font-style:normal;font-size:10px;font-weight:700;background:#8E3B55;color:#fff;border-radius:99px;padding:0 5px;line-height:16px;box-shadow:0 0 0 2px #fff}
.tkt{flex:1;min-width:0}.tkt b{display:block;font-size:14.5px;font-weight:600}.tkt small{display:block;font-size:12.5px;color:#5B6178}.tkcard .chev{width:18px;height:18px;flex:none}
.tkwho{margin:0 0 10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tkwho .chip em{font-style:normal;font-size:11px;opacity:.7;margin-inline-start:3px}
.tkrow.done{opacity:.6}.tkrow.done .tkm b{text-decoration:line-through}
.tkchk{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid #C9CFDB;display:grid;place-items:center;color:#fff}.tkchk.on{background:#22B24C;border-color:#22B24C}.tkchk svg{width:14px;height:14px}
.tkdue{flex:none;font-style:normal;font-size:11.5px;font-weight:600;color:#5B6178;background:#F2F3F7;border-radius:999px;padding:3px 9px}.tkdue.today{background:#EEF4FF;color:#2F5BD6}.tkdue.late{background:#F7EEF1;color:#8E3B55}
.secst.held{color:#2F5BD6}.secst.returned{color:#16794A}.secst.encashed{color:#8E3B55}.secst.cancelled{color:#8A93AE}
.scshot{position:relative;display:grid;place-items:center;min-height:96px;border:1.5px dashed #C9D3EA;border-radius:14px;background:#F7F9FD;color:#5B6178;font-size:13px;overflow:hidden;cursor:pointer}.scshot.has{border-style:solid}/* 2.53.1 top switcher never squeezed: on phones the logo becomes the small mark */
header.top .modwrap,header.top #modsw{flex:0 0 auto!important;min-width:auto!important}
header.top.tight .topin{gap:5px!important;padding-inline-start:10px!important;padding-inline-end:10px!important}
header.top.tight .modsw button{padding-inline-start:7px!important;padding-inline-end:7px!important;font-size:11px!important}
header.top.tight .hsearch,header.top.tight .userbtn{width:34px!important;height:34px!important}
header.top.tight .topin .hsearch{margin-inline-start:auto}
header.top.tight .topin .wsbtn span.appname::before{width:30px!important;height:30px!important;border-radius:9px!important;background:url("/img/logos/logo-mark.png") center/cover no-repeat!important;box-shadow:0 0 0 1px rgba(255,255,255,.25)!important}
header.top.tight2 .topin .wsbtn{display:none!important}
.tkchk.pw{background:#E8EEFF;color:#2F6BFF}.tkchk.pw svg{width:15px;height:15px}
.pushgate{position:fixed;inset:0;z-index:95;background:rgba(6,10,30,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.pgbox{width:100%;max-width:380px;background:var(--pane,#fff);color:var(--ink,#111);border-radius:24px;padding:22px 20px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.pgic{width:58px;height:58px;margin:2px auto 8px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#4F8BFF,#1840C9);box-shadow:0 12px 24px -10px rgba(24,64,201,.7),inset 0 1px 0 rgba(255,255,255,.45)}.pgic svg{width:30px;height:30px}
.pcic{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#4F8BFF,#1840C9)}.pcic.off{background:linear-gradient(180deg,#B0607A,#8E3B55)}.pcic svg{width:20px;height:20px}.pgbox h3{margin:6px 0 6px;font-size:20px}.pgbox p{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--muted,#555)}
.pgbox .btn{width:100%;height:46px;justify-content:center;border-radius:999px}.pgsteps{text-align:start;margin:0 0 14px;padding-inline-start:20px;font-size:13.5px;line-height:1.7}
.pr-attn{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:start;border:0;width:100%;background:#FBF4F6;border-radius:18px;padding:11px 14px;font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(142,59,85,.2)}
.pr-attk{grid-row:1/3;min-width:30px;height:30px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#8E3B55;color:#fff;font-weight:700;font-size:14px}
.pr-attn b{font-size:14px;font-weight:600;color:#0B0D17}.pr-attn small{grid-column:2;font-size:12.5px;color:#6B4452}.pr-attn i{grid-row:1/3;grid-column:3;font-style:normal;font-size:22px;color:#8E3B55}
.pjs{display:grid;gap:2px;text-align:start;border:0;border-radius:16px;padding:11px 12px;background:var(--pane,#fff);box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);font:inherit;color:inherit;cursor:pointer;min-width:0}
.pjs span{font-size:11.5px;font-weight:600;color:var(--muted,#667);text-transform:uppercase;letter-spacing:.03em}.pjs b{font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pjs small{font-size:12px;color:var(--muted,#667);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pjs b .num{font:inherit;color:inherit;font-size:inherit}.pjs.warn b{color:#8E3B55}
.pjs.late b,.pjs.late small{color:#8E3B55}.pjs.warn{box-shadow:inset 0 0 0 1px rgba(142,59,85,.25);background:#FBF4F6}
.bnbadge{position:absolute;top:2px;inset-inline-end:calc(50% - 22px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#8E3B55;color:#fff;font-size:11px;font-style:normal;font-weight:700;display:grid;place-items:center}
#bnav button{position:relative}
.aiuse{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;color:var(--muted,#666)}.aiuse>i{flex:none;width:60px;height:5px;border-radius:9px;background:rgba(0,0,0,.1);overflow:hidden}.aiuse>i>i{display:block;height:100%;background:#2F6BFF}
.pfl{display:grid;gap:10px}.pfrow{background:var(--pane,#fff);border-radius:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.pf-hd{display:flex;align-items:center;justify-content:space-between;gap:8px}.pf-hd b{font-size:15px}.pfrow small{font-size:12.5px;color:var(--muted,#666)}
.pf-use{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:12.5px}.pf-use>i{flex:1;height:6px;border-radius:9px;background:rgba(0,0,0,.08);overflow:hidden}.pf-use>i>i{display:block;height:100%;background:#2F6BFF}
.pf-lim{display:flex;align-items:flex-end;gap:8px}.pf-lim label{flex:1;display:grid;gap:3px;font-size:12px;color:var(--muted,#666)}.pf-lim input{height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.15);padding:0 8px;font:inherit;min-width:0}
.pr-pr{background:#8E3B55!important;color:#fff!important}
/* 2.54.0 site problems + tomorrow on the projects card */
.pr-site{display:grid;gap:8px;padding:0 10px 10px}
.pr-al{background:#fff;border-radius:18px;padding:12px 14px;box-shadow:inset 0 0 0 1px rgba(142,59,85,.18)}
.pr-al.mat{background:#FBF4F6}
.pr-alk{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;color:#fff;background:#8E3B55;border-radius:999px;padding:2px 9px;margin-bottom:6px}
.pr-al:not(.mat) .pr-alk{background:#5B7BB8}
.pr-al b{display:block;font-size:14px;font-weight:600;color:#0B0D17}
.pr-al p{margin:3px 0 2px;font-size:13.5px;line-height:1.4;color:#3A3D35}
.pr-al small{font-size:12px;color:#7A7D74}
.pr-ala{display:flex;gap:8px;margin-top:8px}
.pr-ala button{border:0;border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:600;background:#EEF1F7;color:#0B0D17;cursor:pointer}
.pr-ala button:last-child{background:#0B0D17;color:#fff}
.pr-tm{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:start;border:0;width:100%;background:#fff;border-radius:18px;padding:11px 14px;font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(47,107,255,.18)}
.pr-tmk{grid-row:1/3;font-size:11px;font-weight:700;color:#fff;background:#2F6BFF;border-radius:10px;padding:6px 8px}
.pr-tm b{font-size:14px;font-weight:600;color:#0B0D17}
.pr-tm small{grid-column:2;font-size:12.5px;color:#55574F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-tm i{grid-row:1/3;grid-column:3;font-style:normal;font-size:22px;color:#7A7D74}
.tmcard{background:var(--pane,#fff);border-radius:18px;padding:14px;margin-bottom:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.tm-hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tm-hd b{font-size:15.5px}
.tm-plan{margin:8px 0 4px;font-size:14.5px;line-height:1.45}
.tm-meta{margin:2px 0;font-size:13px;color:var(--muted,#666)}
.tm-h{margin:10px 0 4px;font-size:13px}
.tm-kit{margin:0;padding-inline-start:18px;font-size:13.5px;line-height:1.6}
/* 2.57.2 priority card: brand-blue progress strip + site photo */
.prcard .pr-top{background:linear-gradient(180deg,#3D74FF,#2459F0)!important;color:#fff!important}
.prcard .pr-top b{color:#fff!important;font-weight:700}
.prcard .pr-ring circle:first-child{stroke:rgba(255,255,255,.3)}.prcard .pr-ring circle:last-child{stroke:#fff}
.prcard .pr-in{position:relative;overflow:hidden;background:#fff url("/img/hero/hero-priority.webp") right -14px bottom -6px/auto 100% no-repeat!important}
.prcard .pr-in::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 42%,rgba(255,255,255,.55) 64%,rgba(255,255,255,0) 82%);pointer-events:none}
.prcard .pr-in>*{position:relative}
.prcard .pr-t,.prcard .pr-d{max-width:66%}
.prcard .pr-row{max-width:none}
@property --prA{syntax:"<angle>";inherits:false;initial-value:0deg}
.prcard{position:relative;isolation:isolate}
.prcard::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2.5px;z-index:3;pointer-events:none;
  background:conic-gradient(from var(--prA),transparent 0deg,transparent 220deg,rgba(61,116,255,.35) 270deg,#3D74FF 315deg,#E4EEFF 343deg,#3D74FF 353deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:prRun 4.5s linear infinite;filter:drop-shadow(0 0 6px rgba(79,139,255,.55))}
@keyframes prRun{to{--prA:360deg}}
@media (prefers-reduced-motion:reduce){.prcard::after{animation:none}}
.prcard .pr-time{background:rgba(255,255,255,.92);border-radius:999px;padding:5px 10px;box-shadow:0 4px 12px -6px rgba(0,0,0,.25)}
:root[data-theme="dark"] .prcard .pr-in{background-color:#fff!important}
/* 2.57.4 List / Report pill: inset, even padding */
.pghero .viewtoggle{display:inline-flex!important;align-items:center;gap:2px;padding:3px!important;border-radius:999px!important;overflow:hidden}
.pghero .viewtoggle button{border:0!important;border-radius:999px!important;padding:7px 16px!important;min-height:34px;font-size:13.5px!important;font-weight:650!important;line-height:1;color:rgba(255,255,255,.82)!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}
.pghero .viewtoggle button[aria-pressed="true"]{background:#fff!important;color:#0B1A4A!important;box-shadow:0 3px 10px -4px rgba(0,0,0,.35)!important}
/* 2.57.5 chips: small rounded pills, selected = dark blue gradient */
body .chips .chip:not(#_),body .tkwho .chip:not(#_){min-height:30px!important;padding:0 12px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:650!important;line-height:1!important}
body .chip[aria-pressed="true"]:not(#_),body .chip.on:not(#_),body .remtype[aria-pressed="true"]:not(#_),body .invopt[aria-pressed="true"]:not(#_){background:linear-gradient(180deg,#2D44B8 0%,#14206B 100%)!important;color:#fff!important;border-color:transparent!important;padding-inline-start:12px!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 14px -8px rgba(20,32,107,.8)!important}
body .chip[aria-pressed="true"]:not(#_)::before,body .chip.on:not(#_)::before,body .remtype[aria-pressed="true"]:not(#_)::before,body .invopt[aria-pressed="true"]:not(#_)::before{display:none!important}
/* 2.57.6 help buttons: app-style icon */
body .hlpb:not(#_){width:40px!important;height:40px!important;min-width:40px;padding:0!important;display:inline-grid!important;place-items:center;flex:none;border:0!important;border-radius:13px!important;color:#fff!important;font-size:0!important;
  background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 45%),linear-gradient(180deg,#4F8BFF 0%,#1840C9 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 16px -10px rgba(24,64,201,.8)!important;cursor:pointer}
body .hlpb:not(#_) svg{display:block!important;width:22px!important;height:22px!important;min-width:22px;color:#fff!important;opacity:1!important;margin:0!important}
/* 2.57.7 Cards / Board / Timeline icons */
body .pjviews .seg2 button:not(#_) svg{color:#2F6BFF!important;opacity:.85}
body .pjviews .seg2 button[aria-selected="true"]:not(#_) svg{color:#A9CBFF!important;opacity:1;filter:drop-shadow(0 0 6px rgba(127,176,255,.6))}
body .pjviews .seg2:not(#_){padding:3px!important;min-height:0!important;height:auto!important}
body .pjviews .seg2 button:not(#_){flex-direction:row!important;gap:6px;min-height:34px!important;height:34px!important;padding:0 10px!important;font-size:13px!important;line-height:1!important}
body .pjviews .seg2 button:not(#_) svg{width:18px!important;height:18px!important}
body .pjviews .hlpb:not(#_){width:40px!important;height:40px!important}
/* 2.59.2 More on phones: same icon list as Accounts → More */
@media (max-width:600px){ body .mgrid.mlist:not(#_){display:block!important;margin:0 0 14px!important} }
/* 2.59.3 project deck card: footer amount and % in white */
body .pdx-base:not(#_),body .pdx-base:not(#_) .num,body .pdx-base:not(#_) em{color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.25)}
body .pdx-base:not(#_) svg{color:#fff!important;stroke:#fff!important}
body .pdx-base:not(#_) .pdx-bar{background:rgba(255,255,255,.28)!important}
body .pdx-base:not(#_) .pdx-bar>i{background:#fff!important}
/* 2.59.4 priority card as ONE card: blue strip + photo body + coming next */
body .prcard:not(#_){background:#fff!important;border:0!important;border-radius:24px!important;box-shadow:0 18px 34px -22px rgba(11,20,96,.45)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body .prcard:not(#_) .pr-in{border-radius:0!important;box-shadow:none!important;margin:0!important}
body .prcard:not(#_) .pr-site{padding:10px 12px 0!important;background:#fff}
body .prcard:not(#_) .pr-next{background:#fff;border-top:1px solid rgba(11,20,96,.08);padding:11px 16px 13px!important}
body .prcard:not(#_) .pr-top{border-radius:0!important}
/* 2.59.5 Needs attention + Tomorrow in one box */
body .pr-combo:not(#_){background:#fff;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(11,20,96,.1);overflow:hidden}
body .pr-combo:not(#_)>button{background:transparent!important;box-shadow:none!important;border-radius:0!important}
body .pr-combo:not(#_)>button+button{border-top:1px solid rgba(11,20,96,.08)!important}
body .pr-combo:not(#_) .pr-attk{min-width:28px;height:28px;font-size:13px}
body .pr-combo:not(#_) .pr-tmk{font-size:10.5px;padding:5px 7px}
/* 2.60.0 skip buttons */
[data-dk]{position:relative}
.dkx{flex:none;width:28px;height:28px;margin-inline-start:6px;border-radius:999px;display:inline-grid;place-items:center;font-size:18px;line-height:1;color:#8A8F9E;background:rgba(11,20,96,.06);cursor:pointer;z-index:2}
.dkx:active{background:rgba(142,59,85,.15);color:#8E3B55}
.halert .dkx{position:absolute;top:50%;transform:translateY(-50%);margin:0}
.dkgone{opacity:0;transition:opacity .25s ease,transform .25s ease!important}
.dkshow{display:block;margin:12px auto 0;border:0;background:none;color:#2F6BFF;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline}
.mgban{display:flex;align-items:center;gap:12px;width:100%;margin:4px 0 18px;padding:14px;border:0;border-radius:20px;text-align:start;cursor:pointer;color:#fff;background:linear-gradient(135deg,#38BDF8 0%,#0EA5E9 45%,#2563EB 100%);box-shadow:0 10px 26px -10px rgba(14,165,233,.7);position:relative;overflow:hidden}
.mgban::after{content:"";position:absolute;inset-inline-end:-30px;top:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.14)}
.mgbic{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.22);color:#fff}
.mgbic svg{width:24px;height:24px}.mgbic.big{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#38BDF8,#2563EB);margin:0 auto 10px}.mgbic.big svg{width:30px;height:30px}
.mgbtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.mgbtx b{font-size:17px;font-weight:800}.mgbtx small{font-size:12.5px;opacity:.92;line-height:1.3}
.mgbn{flex:none;min-width:30px;height:30px;padding:0 8px;border-radius:99px;background:#fff;color:#0369A1;font-weight:800;display:grid;place-items:center;position:relative;z-index:1}
.mgbody .mgup{display:flex;flex-wrap:wrap;gap:8px}.mgup select,.mgup input:not([type=file]){flex:1 1 140px;min-width:0;border:1px solid var(--line,#E4E7EC);background:var(--pane,#fff);border-radius:12px;padding:10px;font:inherit;font-size:14px;color:inherit}
body .mgupb:not(#_){position:relative;overflow:hidden;flex:1 1 100%;box-shadow:0 8px 20px -8px rgba(14,165,233,.7)!important;background:linear-gradient(135deg,#38BDF8,#2563EB)!important;border:0!important;color:#fff!important}.mgupb input{position:absolute;inset:0;opacity:0}
.mgchips{margin-bottom:10px}
.mglist{display:flex;flex-direction:column;gap:8px;padding-bottom:70px}
.mgrow{display:flex;align-items:center;gap:8px;padding:8px;border-radius:16px;background:var(--pane,#fff);border:1.5px solid transparent;box-shadow:0 1px 3px rgba(16,24,40,.06)}
.mgrow.on{border-color:#0EA5E9;background:#F0F9FF}
.mgck{width:26px;height:26px;flex:none;border-radius:8px;border:2px solid #CBD5E1;background:transparent;display:grid;place-items:center;color:transparent;padding:0;cursor:pointer}.mgck svg{width:16px;height:16px}
.mgrow.on .mgck{background:#0EA5E9;border-color:#0EA5E9;color:#fff}
.mgmain{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;text-align:start;color:inherit;cursor:pointer}
.mgthumb{width:48px;height:56px;flex:none;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#E0F2FE,#BAE6FD);display:grid;place-items:center}.mgthumb img{width:100%;height:100%;object-fit:cover}
.mgtx{min-width:0;display:flex;flex-direction:column;gap:2px}.mgtx b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgtx small{font-size:12px;color:var(--muted,#667085);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mgsh{width:40px;height:40px;flex:none;border-radius:12px;border:0;background:linear-gradient(135deg,#38BDF8,#2563EB);color:#fff;display:grid;place-items:center;cursor:pointer}.mgsh svg{width:19px;height:19px}
.mgdel{width:30px;height:30px;flex:none;border:0;border-radius:99px;background:transparent;color:#98A2B3;font-size:20px;cursor:pointer}
.mgempty{text-align:center;padding:30px 16px;display:flex;flex-direction:column;gap:4px}.mgempty small{color:var(--muted,#667085)}
.mgbar{position:sticky;bottom:0;display:flex;gap:8px;padding:12px 0 6px;background:linear-gradient(transparent,var(--bg,#F2F4F8) 30%)}.mgbar .btn{flex:1}body .mgbar .btn.pri:not(#_){flex:2;box-shadow:0 8px 20px -8px rgba(14,165,233,.7)!important;background:linear-gradient(135deg,#38BDF8,#2563EB)!important;border:0!important;color:#fff!important}
.cohub .mgbic img{width:100%;height:100%;object-fit:contain;border-radius:12px;background:#fff;padding:3px}
.chbadge{margin-inline-start:auto;flex:none;font-style:normal;font-size:11.5px;font-weight:700;color:#0369A1;background:#E0F2FE;border-radius:99px;padding:3px 9px;white-space:nowrap}
.hrav{flex:none;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#38BDF8,#2563EB)}
.hrlist,.tllist,.wglist,.pflist,.cnlist,.bklist{display:flex;flex-direction:column;gap:8px}
.hrrow,.pfrow{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:16px;background:var(--pane,#fff);box-shadow:0 1px 3px rgba(16,24,40,.06);font:inherit;color:inherit;text-align:start;cursor:pointer}
.hrrow.off{opacity:.55}
.hrtx,.pftx,.wgtx,.tltx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hrtx b,.pftx b,.wgtx b,.tltx b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrtx small,.pftx small,.wgtx small,.tltx small{font-size:12px;color:var(--muted,#667085);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hrtag{flex:none;font-style:normal;font-size:11px;font-weight:700;border-radius:99px;padding:3px 8px;white-space:nowrap}.hrtag.bad{background:#FEE4E2;color:#B42318}.hrtag.warn{background:#FEF0C7;color:#1936B5}.hrtag.lv{background:#E0F2FE;color:#0369A1}.hrtag.ok{background:#DCFCE7;color:#15803D}
.hrhead{display:flex;align-items:center;gap:14px;margin-bottom:12px}.hrhead>div>span{display:block;color:var(--muted,#667085);font-size:13px}.hrhead>div>b{display:block;font-size:19px}
#sheet[data-mode="hr"] .row .meta{display:block}
.hrcall{display:inline-block;margin-top:4px;font-weight:700;color:#0284C7;text-decoration:none}
.hrids{display:flex;flex-direction:column;background:var(--pane,#fff);border-radius:16px;box-shadow:0 1px 3px rgba(16,24,40,.06);overflow:hidden}
.hrid{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px}.hrid+.hrid{border-top:1px solid var(--line,#EEF0F4)}.hrid span{display:flex;flex-direction:column}.hrid small{color:var(--muted,#667085)}.hrid.tot{background:#F0F9FF}
.hrlv{display:flex;flex-direction:column;gap:6px;font-size:13px}.hrlvbar{height:8px;border-radius:99px;background:#E4E7EC;overflow:hidden}.hrlvbar i{display:block;height:100%;background:linear-gradient(90deg,#38BDF8,#2563EB);border-radius:99px}
.hrfiles{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding-bottom:4px}.hrfile{flex:none;width:84px;border:0;background:var(--pane,#fff);border-radius:12px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 1px 3px rgba(16,24,40,.08);cursor:pointer}.hrfile img{width:72px;height:56px;object-fit:cover;border-radius:8px}.hrfile small{font-size:10.5px;text-align:center;line-height:1.2}
.hrup{display:flex;gap:8px;margin-top:10px}.hrup select{flex:1;min-width:0;border:1px solid var(--line,#E4E7EC);border-radius:12px;padding:8px;font:inherit;background:var(--pane,#fff);color:inherit}
.hrphoto{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.hroff{display:flex;gap:4px}.hrday{flex:1;min-width:0;height:36px;border-radius:10px;border:1.5px solid var(--line,#D0D5DD);background:var(--pane,#fff);font:inherit;font-weight:700;font-size:13px;color:inherit;padding:0;cursor:pointer}.hrday small{display:none}.hrday.on{background:linear-gradient(135deg,#1E3A8A,#2563EB);border-color:transparent;color:#fff}
.hrleft{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px}
.pfbest{display:flex;align-items:center;gap:14px;padding:14px;border-radius:20px;margin:10px 0;color:#fff;background:linear-gradient(135deg,#F59E0B,#F97316 55%,#EA580C);box-shadow:0 10px 24px -12px rgba(249,115,22,.8)}.pfbest .hrav{box-shadow:0 0 0 3px rgba(255,255,255,.7)}.pfbest small{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.95}.pfbest small svg{width:14px;height:14px;fill:#fff}.pfbest b{display:block;font-size:18px}.pfbest span{font-size:12.5px;opacity:.95}
.pfrow{gap:8px;padding:10px}.pfrk{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:#EEF0F4;color:#667085}.pfrk.r1{background:#F59E0B;color:#fff}.pfrk.r2{background:#94A3B8;color:#fff}.pfrk.r3{background:#C2410C;color:#fff}
.pfst{flex:none;display:flex;flex-direction:column;align-items:center;min-width:40px}.pfst b{font-size:13px}.pfst small{font-size:9.5px;color:var(--muted,#667085)}.pfst.bad b{color:#D92D20}
@media(max-width:420px){.pfrow .pfst:nth-of-type(n+4){display:none}}
.wgrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--pane,#fff);box-shadow:0 1px 3px rgba(16,24,40,.06)}.wgrow.done{background:#F0FDF4}.wgamt{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.wgamt b{font-size:14px}
.spkpis>div.bad b{color:#D92D20}
.tlrow{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:16px;background:var(--pane,#fff);box-shadow:0 1px 3px rgba(16,24,40,.06)}.tlmain{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;font:inherit;color:inherit;text-align:start;cursor:pointer}
.tlic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#FB923C,#EA580C)}.tlic.car{background:linear-gradient(135deg,#38BDF8,#2563EB)}.tlic svg{width:21px;height:21px}
.tlcard .tki{background:linear-gradient(135deg,#FB923C,#EA580C)!important;color:#fff}
.bnkc{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border-radius:16px;background:var(--pane,#fff);box-shadow:0 1px 3px rgba(16,24,40,.06)}.bktx{flex:1;min-width:0}.bktx pre{margin:4px 0 0;white-space:pre-wrap;font:inherit;font-size:12.5px;color:var(--muted,#667085)}.bkbtns{display:flex;gap:6px;width:100%;justify-content:flex-end}
.cncard{display:flex;flex-direction:column;gap:4px;width:100%;padding:14px;border:0;border-radius:16px;background:#FFFBEB;box-shadow:0 1px 3px rgba(16,24,40,.06);font:inherit;color:inherit;text-align:start;cursor:pointer}.cncard.pin{background:#FEF3C7}.cncard span{font-size:13px;color:#475467;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cncard small{font-size:11.5px;color:#98A2B3}
body[data-mod="projects"] #sheet .shead .axsave{display:none!important}
.fsfolded{display:none!important}
.fsbar{display:flex;gap:8px;margin:2px 0 12px}
.fsbtn{flex:1;min-width:0;display:flex;align-items:center;gap:7px;height:42px;padding:0 12px;border:0;border-radius:999px;background:var(--pane,#fff);box-shadow:0 0 0 1px rgba(20,24,60,.08),0 4px 12px -8px rgba(20,24,60,.35);font:inherit;font-size:13.5px;color:var(--ink,#0B0D17);cursor:pointer}
.fsbtn>svg:first-child{width:18px;height:18px;flex:none;color:#2563EB}.fsbtn>span{font-weight:600;color:var(--muted,#667085)}.fsbtn b{flex:1;min-width:0;text-align:start;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fsch{width:16px;height:16px;flex:none;color:#98A2B3}
#fspop{position:fixed;inset:0;z-index:9000;display:none}#fspop.open{display:block}
.fsscrim{position:absolute;inset:0;background:rgba(10,14,30,.4)}
.fssheet{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:0;max-height:75vh;display:flex;flex-direction:column;background:var(--bg,#F2F4F8);border-radius:24px 24px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));animation:fsUp .22s ease-out}
@keyframes fsUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.fshd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fshd b{font-size:18px}.fsx{width:36px;height:36px;border:0;border-radius:50%;background:rgba(10,26,51,.07);font-size:20px;cursor:pointer;color:inherit}
.fsopts{overflow-y:auto;display:flex;flex-direction:column;background:var(--pane,#fff);border-radius:16px}
.fsopt{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:0 16px;border:0;background:none;font:inherit;font-size:15px;color:inherit;text-align:start;cursor:pointer}.fsopt+.fsopt{border-top:1px solid var(--line,#EEF0F4)}
.fsopt i{width:22px;height:22px;flex:none;border-radius:50%;border:2px solid #CBD5E1}.fsopt.on{font-weight:700;color:#1E3A8A}.fsopt.on i{border:6px solid #2563EB}
.fsfolded + .sortopts{display:none!important}
.shbtn:not(#_){background:none!important;border:0!important;box-shadow:none!important;color:#1D4ED8!important;display:inline-flex!important;align-items:center;gap:6px;font-weight:600;padding:4px 6px!important;min-height:0!important;cursor:pointer;text-decoration:none}
.shbtn:not(#_) svg.ishare{width:22px;height:22px;flex:none}
.shbtn.shonly:not(#_){font-size:0!important;width:44px;height:44px;justify-content:center;padding:0!important;border-radius:50%!important}
.shbtn.shonly:not(#_) svg.ishare{width:26px;height:26px;transition:transform .15s}.shbtn.shonly:active svg.ishare{transform:scale(.88)}
.shbtn:disabled{opacity:.45}
.prporow .row{flex:1;min-width:0}
.mgthumb:not(#_){background:none!important}.mgthumb svg.ipdf{width:40px;height:48px}.hrfile svg.ipdf{width:34px;height:40px;margin:8px 0}
svg.ipdf{display:block;filter:drop-shadow(0 3px 5px rgba(230,43,43,.25))}
.pdfbtn:not(#_){background:none!important;border:0!important;box-shadow:none!important;padding:0!important;width:44px!important;min-width:44px!important;height:44px!important;display:inline-grid!important;place-items:center;border-radius:12px!important;cursor:pointer}
.pdfbtn:not(#_) svg.ipdf{width:28px;height:33px;transition:transform .15s}.pdfbtn:active svg.ipdf{transform:scale(.9)}.pdfbtn:disabled{opacity:.45}
.bklogo{position:relative;flex:none;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(16,24,40,.08),0 2px 6px rgba(16,24,40,.08);display:grid;place-items:center;overflow:hidden}
.bklogo img{position:absolute;inset:14%;width:72%;height:72%;object-fit:contain;z-index:1;background:#fff}.bklogo b{font-size:13px;font-weight:800;color:#1D4ED8;letter-spacing:-.02em}
.bktx b{display:block;font-size:15px}.bkib{display:block;font-size:13px;font-weight:600;letter-spacing:.02em;margin-top:2px}.bktx small{display:block;font-size:12px;color:var(--muted,#667085);margin-top:2px}
.bkbtns{align-items:center}
.bkprev{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#EFF6FF,#E0F2FE);margin-bottom:14px}.bkprev b{display:block;font-size:16px}.bkprev span{font-size:12.5px;color:#475467}
#bk-acno.bkauto{box-shadow:0 0 0 2px #22C55E!important;transition:box-shadow .3s}
.bkmsg{display:block;font-size:12px;margin-top:4px;color:var(--muted,#667085)}.bkmsg.ok{color:#15803D;font-weight:600}.bkmsg.bad{color:#D92D20;font-weight:600}
header.top .hchat:not(#_){width:34px;height:34px;padding:0!important;justify-content:center;border-radius:999px!important}header.top .hchat svg{width:19px;height:19px}
#sheet[data-mode="helpchat"]{display:flex;flex-direction:column}#sheet[data-mode="helpchat"] .hcbody{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:12px}
.hchead{gap:10px}.hcav{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#38BDF8,#1D4ED8)}.hcav svg{width:21px;height:21px}
.hcnote{font-size:11.5px;color:var(--muted,#667085);background:rgba(37,99,235,.06);border-radius:12px;padding:8px 10px;margin:0 0 4px}
.hcm{max-width:84%;padding:10px 13px;border-radius:18px;font-size:14.5px;line-height:1.4;white-space:pre-wrap}.hcm.bot{align-self:flex-start;background:var(--pane,#fff);border-end-start-radius:6px;box-shadow:0 1px 3px rgba(16,24,40,.08)}.hcm.me{align-self:flex-end;color:#fff;background:linear-gradient(135deg,#3B82F6,#1D4ED8);border-end-end-radius:6px}
.hcgo{display:flex;width:fit-content;align-items:center;gap:4px;margin-top:8px;padding:7px 12px;border:0;border-radius:999px;background:#EFF6FF;color:#1D4ED8;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.hcgo svg{width:15px;height:15px}
.hcfb{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;color:var(--muted,#667085);white-space:normal}.hcfb button{border:1px solid var(--line,#E4E7EC);background:none;border-radius:999px;padding:4px 10px;font:inherit;font-size:12.5px;cursor:pointer;color:inherit}
.hchum{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;white-space:normal}.hchum .btn{text-decoration:none}
.hcpop{display:flex;flex-direction:column;gap:6px;margin-top:6px}.hcpop b{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#667085);margin:4px 2px}.hcpop button{text-align:start;border:1px solid rgba(37,99,235,.25);background:var(--pane,#fff);color:#1D4ED8;border-radius:14px;padding:9px 12px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.hcpop.small{flex-direction:row;flex-wrap:wrap}.hcpop.small button{padding:6px 10px;font-size:12.5px;border-radius:999px}
.hcrate{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:14px;background:#FFFBEB;font-size:13px}.hcrate button{border:0;background:none;font-size:22px;color:#1F44E1;cursor:pointer;padding:0 2px}.hcthx{font-size:12.5px;color:#1A37B4;text-align:center;margin:4px 0}
.hcfoot{display:flex;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line,#EEF0F4);background:var(--bg,#F2F4F8)}.hcfoot input{flex:1;min-width:0;height:44px;border-radius:999px;border:1px solid var(--line,#D0D5DD);padding:0 16px;font:inherit;font-size:15px;background:var(--pane,#fff);color:inherit}
.hcsend{width:44px;height:44px;flex:none;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,#3B82F6,#1D4ED8);display:grid;place-items:center;cursor:pointer}.hcsend svg{width:20px;height:20px}
.sgtypes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sgt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:16px;background:var(--pane,#fff);box-shadow:0 1px 3px rgba(16,24,40,.06);border:2px solid transparent;cursor:pointer;text-align:center}.sgt input{display:none}.sgt span{font-size:24px}.sgt b{font-size:12.5px}.sgt:has(input:checked){border-color:#2563EB;background:#EFF6FF}
.prsug .pric{color:#1F44E1}
.cgbox{max-width:420px;text-align:start!important}.cgbox h3,.cgbox .pgic{text-align:center;margin-inline-start:auto;margin-inline-end:auto}.cgbox p{font-size:13.5px}.cgbox .lk-agree{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:13.5px;line-height:1.4}.cgbox .lk-agree span small{display:block;color:var(--muted,#667085)}
.cgreq{display:inline-block;font-size:10.5px;font-weight:700;color:#B42318;background:#FEE4E2;border-radius:99px;padding:1px 7px;margin-inline-start:2px}body .cgbox .btn.pri:not(#_){width:auto!important;min-width:180px;height:40px!important;padding:0 22px!important;margin:10px auto 0!important;display:flex!important;font-size:14.5px!important;font-weight:600!important;border-radius:12px!important;background:#2563EB!important;background-image:none!important;box-shadow:none!important;border:0!important;transform:none!important;text-shadow:none!important}body .cgbox .btn.pri:not(#_)::before,body .cgbox .btn.pri:not(#_)::after{display:none!important}.cgbox .btn.pri:disabled{opacity:.45}.cgout{display:block;margin:12px auto 0;font-size:13px;color:var(--muted,#667085)!important}
#lk-otp .lk-agree small,#lk-create .lk-agree small{display:block;color:#8A90A2;font-size:11.5px}
.dalink{display:block;margin:14px auto 0;font-size:13px;color:#D92D20!important;font-weight:600}
.dalist{background:var(--pane,#fff);border-radius:22px;box-shadow:0 1px 3px rgba(16,24,40,.06),0 8px 24px -16px rgba(16,24,40,.25);overflow:hidden}
.darow{display:flex;align-items:center;gap:14px;padding:14px 16px;position:relative}.darow+.darow::before{content:"";position:absolute;top:0;inset-inline-start:70px;inset-inline-end:0;height:1px;background:var(--line,#E4E7EC)}
.daic{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800}.daic svg{width:20px;height:20px}.daic.blue{background:#EEF2FF;color:#1D4ED8}.daic.red{background:#FEF0F0;color:#D64545}
.datx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.datx b{font-size:15px;font-weight:700}.datx small{font-size:13px;color:var(--muted,#667085);line-height:1.35}.datx small a{color:#1D4ED8}
.v2r b{text-align:end;font-size:13px;font-weight:600}
.v2r.tot{background:#F8FAFC}.v2r.tot .v2l{font-weight:700}.v2r.big b{font-size:15px;font-weight:800;white-space:nowrap}.v2r.good b{color:#15803D}
.v2acts .btn{flex:1 1 auto}.dsadv{align-items:flex-start;font-size:13px;line-height:1.4;background:#EFF6FF;border-radius:12px;padding:10px 12px}.dsadv input{margin-top:2px}
.trnmsg.ok{color:#15803D}.trnmsg.bad{color:#1936B5}
.cobk{display:inline-flex;align-items:center;gap:2px;flex:none;height:34px;padding-block:0 0;padding-inline:4px 10px;margin-inline-end:8px;border:0;border-radius:999px;background:rgba(37,99,235,.1);color:#1D4ED8;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.cobk svg{width:20px;height:20px}
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet .shead .cobk{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);margin:0;z-index:2}
body:is([data-mod="accounts"],[data-mod="crm"]) #sheet .shead.hascobk:not(#_){padding-inline-start:96px!important;padding-inline-end:96px!important}
.prtop.hascobk{display:flex;justify-content:space-between;align-items:center}
.copjl{display:flex;flex-direction:column;gap:8px;margin-top:10px}.copjr{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:16px;background:var(--pane,#fff);box-shadow:0 1px 3px rgba(16,24,40,.06);font:inherit;color:inherit;text-align:start;cursor:pointer}
.copjt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.copjt b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copjt small{font-size:12px;color:var(--muted,#667085);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.copjbar{height:5px;border-radius:99px;background:#E4E7EC;overflow:hidden;margin-top:3px}.copjbar i{display:block;height:100%;background:linear-gradient(90deg,#38BDF8,#2563EB)}
.copjv{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.copjv b{font-size:14px}.copjv small{font-size:11.5px;color:var(--muted,#667085)}
.hrsum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 12px}.hrs{display:flex;flex-direction:column;gap:2px;padding:12px;border:0;border-radius:16px;background:var(--pane,#fff);box-shadow:0 1px 3px rgba(16,24,40,.06);font:inherit;color:inherit;text-align:start}.hrs b{font-size:22px;font-weight:800}.hrs span{font-size:13px;font-weight:600}.hrs small{font-size:11.5px;color:var(--muted,#667085)}
button.hrs{cursor:pointer}.hrsbar{display:block;height:6px;border-radius:99px;background:#E4E7EC;overflow:hidden;margin-top:6px}.hrsbar i{display:block;height:100%;background:linear-gradient(90deg,#38BDF8,#2563EB)}
.hrs.trk{grid-column:1/-1;flex-direction:row;align-items:center;gap:10px;color:#fff;background:linear-gradient(135deg,#22C55E,#15803D);box-shadow:0 8px 20px -10px rgba(21,128,61,.7)}.hrs.trk small{color:rgba(255,255,255,.85);margin-inline-start:auto}.trkic{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.2);display:grid;place-items:center}.trkic svg{width:19px;height:19px}
.hrpc{display:flex;align-items:center;gap:6px;margin-top:3px}.hrpcbar{width:70px;height:5px;border-radius:99px;background:#E4E7EC;overflow:hidden;flex:none}.hrpcbar i{display:block;height:100%}.hrpcbar i.lo{background:#F97316}.hrpcbar i.mid{background:#0EA5E9}.hrpcbar i.ok{background:#16A34A}.hrpc em{white-space:nowrap;font-style:normal;font-size:11px;color:var(--muted,#667085)}
.hrrow.miss{border:1.5px dashed #FDBA74;background:#FFF7ED}
.lvbal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}.lvbal>div{background:var(--pane,#fff);border:1px solid var(--line,#E5E7EB);border-radius:14px;padding:10px;text-align:center}.lvbal b{display:block;font-size:22px;color:#EC4899}.lvbal span{font-size:12px;color:var(--muted,#6B7280)}
.lvinbox{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:#FDF2F8;color:#9D174D;border-radius:14px;padding:12px 14px;margin:0 0 14px;font:inherit}
.lvlist{display:flex;flex-direction:column;gap:8px}.lvrow{display:flex;align-items:center;gap:10px;background:var(--pane,#fff);border:1px solid var(--line,#E5E7EB);border-radius:14px;padding:10px 12px}.lvrow>div:first-child{flex:1;min-width:0}.lvrow b{display:block;font-size:14px}.lvrow small{display:block;color:var(--muted,#6B7280);font-size:12px;margin-top:2px}.lvrow small.lvb{color:#0E7490}.lvrow.big{flex-wrap:wrap}.lvbtns{display:flex;gap:8px;margin-inline-start:auto}
.srh{margin:14px 2px 6px}.sric{color:#3B5BFF}.srrow .sric svg{width:20px;height:20px}.srtry{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.nbcats .chip{flex:none}
.nbopen:not(#_){display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;width:100%;height:46px!important;padding:0 14px!important;border-radius:999px;margin-top:12px;text-decoration:none;white-space:nowrap}
/* dark mode */
:root[data-theme="dark"] body[data-mod="accounts"]{--bg:#0B0B0F;--pane:#16161C;--line:#24242C;--ink:#F2F2F6;--ink2:#B4B4C0;--muted:#8A8A95}
:root[data-theme="dark"] body[data-mod="accounts"] header.top{background:#0B0B0F!important}
:root[data-theme="dark"] body[data-mod="accounts"] .topin .wsbtn span.appname::before{background-image:url("/img/logos/logo-vego-white.png")!important}
:root[data-theme="dark"] body[data-mod="accounts"] .axcard,:root[data-theme="dark"] body[data-mod="accounts"] .pghero:not(.pg-day):not(.pg-calls){background:linear-gradient(180deg,#1A1A22 0%,#17171E 58%,#1C2140 100%)!important;border-color:#24242C!important}
:root[data-theme="dark"] body[data-mod="accounts"] .axdate,:root[data-theme="dark"] body[data-mod="accounts"] .axl,:root[data-theme="dark"] body[data-mod="accounts"] .axring,:root[data-theme="dark"] body[data-mod="accounts"] .axchip,:root[data-theme="dark"] body[data-mod="accounts"] .pghero h1,:root[data-theme="dark"] body[data-mod="accounts"] .pghero b,:root[data-theme="dark"] body[data-mod="accounts"] .axlbl{color:#F2F2F6!important}
:root[data-theme="dark"] body[data-mod="accounts"] .axchip,:root[data-theme="dark"] body[data-mod="accounts"] .axpct,:root[data-theme="dark"] body[data-mod="accounts"] .axround,:root[data-theme="dark"] body[data-mod="accounts"] .acquick button,:root[data-theme="dark"] body[data-mod="accounts"] .acsegs button,:root[data-theme="dark"] body[data-mod="accounts"] .pghero .pgs{background:#22222B!important;color:#F2F2F6!important}
:root[data-theme="dark"] body[data-mod="accounts"] .axci,:root[data-theme="dark"] body[data-mod="accounts"] .acquick button > span,:root[data-theme="dark"] body[data-mod="accounts"] .bzic{background:#2A2A34!important}
:root[data-theme="dark"] body[data-mod="accounts"] .bnav{background:linear-gradient(180deg,rgba(30,32,48,.9),rgba(26,28,46,.92))!important;box-shadow:0 18px 40px -16px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08)!important}
:root[data-theme="dark"] body[data-mod="accounts"] .axplus-c{background:#2A2A34}
:root[data-theme="dark"] body[data-mod="accounts"] .bnav button.axplus svg{color:#FFFFFF!important}

/* 2.71.0: Vego owner without a company */
#ownerhome{position:fixed;inset:0;z-index:30;overflow:auto;background:radial-gradient(70% 50% at 100% 0%,rgba(90,110,255,.35) 0%,rgba(90,110,255,0) 60%),linear-gradient(180deg,#0A1A33,#101F3D);color:#fff;display:flex;justify-content:center;padding:calc(28px + env(safe-area-inset-top,0px)) 16px calc(28px + env(safe-area-inset-bottom,0px))}
#ownerhome[hidden]{display:none}
#ownerhome .ohbox{width:100%;max-width:420px}
#ownerhome .ohlogo{height:30px;display:block;margin-bottom:22px}
#ownerhome h2{margin:0 0 6px;font-size:24px;color:#fff}
#ownerhome .ohsub{margin:0 0 20px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#ownerhome .ohrow{display:flex;flex-direction:column;gap:3px;width:100%;text-align:start;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;border-radius:16px;padding:15px 16px;margin-bottom:10px;font:inherit;cursor:pointer}
#ownerhome .ohrow b{font-size:16px}#ownerhome .ohrow span{font-size:13px;color:rgba(255,255,255,.66)}
#ownerhome .ohout{margin-top:14px;width:100%;border:0;background:#FF6A13;color:#fff;font:inherit;font-weight:700;border-radius:14px;padding:13px}
/* 2.71.0: Backup & restore icons stay white on their coloured tiles */
.bkc-h .bkc-ic,.bkstat .bks-ic{color:#fff;opacity:1;font-size:inherit}.bkc-ic svg,.bks-ic svg{display:block}
.bkc-h .bkc-ic.xlic{color:inherit}
/* ===== 2.72.1: card pictures from "Vego image collection" (img/cards/, 1280×720, subject on the right) ===== */
/* CRM home slides */
body[data-mod] .hslide > .hbg.hbg-leads{background-image:url("/img/cards/vego-new-leads.webp")!important}
body[data-mod] .hslide > .hbg.hbg-reply{background-image:url("/img/cards/vego-client-waiting-for-reply.webp")!important}
body[data-mod] .hslide > .hbg.hbg-sched{background-image:url("/img/cards/vego-follow-ups-today.webp")!important}
/* page cards */
.pghero.pg-today{--pimg:url("/img/cards/vego-today-task.webp")!important}
.pghero.pg-leads{--pimg:url("/img/cards/vego-leads.webp")!important}
.pghero.pg-quotes{--pimg:url("/img/cards/vego-quotes.webp")!important}
.pghero.pg-calls{--pimg:url("/img/cards/vego-connect-today.webp")!important}
.pghero.pg-subs,.pghero.pg-res-subs{--pimg:url("/img/cards/vego-subcontractors.webp")!important}
.pghero.pg-res-sups{--pimg:url("/img/cards/vego-suppliers.webp")!important}
.pghero.pg-res-assets{--pimg:url("/img/cards/vego-tools-vehicles.webp")!important}
.pghero.pg-res-permits{--pimg:url("/img/cards/vego-permits-noc.webp")!important}
.pghero.pg-res-warranty{--pimg:url("/img/cards/vego-warranties.webp")!important}
.pghero.pg-res-stock{--pimg:url("/img/cards/vego-leftover-stock.webp")!important}
.pghero.pg-day{--pimg:url("/img/cards/vego-schedule-calendar.webp")!important}
/* accounts */
.xmon.invmon{background-image:url("/img/cards/vego-invoices.webp")!important}
.xmon.expmon{background-image:url("/img/cards/vego-bills.webp")!important}
body[data-mod] #view .pghero.pg-ac-credit:not(.pg-zz):not(.pg-zy){background:linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,.96) 48%,rgba(255,255,255,.4) 70%,rgba(255,255,255,0) 88%),url("/img/cards/vego-credit-notes.webp") right center/auto 112% no-repeat,#FFFFFF!important}
body[data-mod] #view .pghero.pg-ac-receipts:not(.pg-zz):not(.pg-zy){background:linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,.96) 48%,rgba(255,255,255,.4) 70%,rgba(255,255,255,0) 88%),url("/img/cards/vego-customer-receipts.webp") right center/auto 112% no-repeat,#FFFFFF!important}
/* 2.72.1: alert / notification rows: no arrow on the right, only the close (×) there; tapping the row still opens it */
#view [data-dk]::after,#sheet [data-dk]::after{display:none!important;content:none!important}
.halert .dkx{inset-inline-end:14px!important;width:30px!important;height:30px!important;font-size:18px!important}
#view [data-dk] > .chev,#sheet [data-dk] > .chev,[data-dk] > .chevron{display:none!important}
/* 2.72.2: material gallery: + in the header */
.shead .mgplus{margin-inline-start:auto;margin-inline-end:8px;width:36px;height:36px;border-radius:999px;border:0;background:#1F3FD6;color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 14px -6px rgba(31,63,214,.7)}
.skedit .ske-b .grow{flex:1}
/* 2.72.2: Vego apps on/off in Profile: own group, coloured app icons, highlighted rows */
.prrow.prapp{--ac:#1F3FD6;--ab:#EEF1FF;background:linear-gradient(90deg,var(--ab) 0%,rgba(255,255,255,0) 85%)!important;min-height:64px}
.prrow.prapp.app-pj{--ac:#F26A12;--ab:#FFF1E8}.prrow.prapp.app-ac{--ac:#16A34A;--ab:#EAF8EF}
.prrow.prapp .pric{width:38px!important;height:38px!important;border-radius:12px!important;background:var(--ac)!important;color:#fff!important;display:grid!important;place-items:center;flex:none;box-shadow:0 6px 14px -8px var(--ac)}
.prrow.prapp .pric svg{width:21px!important;height:21px!important;color:#fff!important;stroke:#fff}
.prrow.prapp .prl{font-weight:700!important;display:flex;flex-direction:column;gap:2px;line-height:1.2}
.prrow.prapp .prl small{font-weight:500;font-size:12px;color:#6E6E73}
:root[data-theme="dark"] .prrow.prapp{background:linear-gradient(90deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 85%)!important}
:root[data-theme="dark"] .prrow.prapp .prl small{color:#A1A1AA}

/* 2.72.3: Add menu quick-action cards: full picture (1003:941), live text on a light local overlay */
.mgrid.qgrid .mtile.qtile{height:auto;aspect-ratio:1003/941;background:#E8EDF4;color:#0B1460;box-shadow:0 12px 24px -18px rgba(11,20,96,.7)}
.mtile.qtile .mt-img{inset:0;height:auto;background-position:center;-webkit-mask-image:none;mask-image:none}
.mtile.qtile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,255,255,.92) 0,rgba(255,255,255,.7) 22%,rgba(255,255,255,0) 46%);pointer-events:none}
.mtile.qtile.qdark::after{background:linear-gradient(0deg,rgba(8,12,40,.78) 0,rgba(8,12,40,.45) 24%,rgba(8,12,40,0) 48%)}
.mtile.qtile .mt-tx{z-index:1}
.mtile.qtile .mt-tx b{color:#0B1460;text-shadow:none}
.mtile.qtile .mt-tx small{color:#334155;opacity:1}
.mtile.qtile.qdark .mt-tx b,.mtile.qtile.qdark .mt-tx small{color:#FFFFFF}
/* 2.72.3: Try Vegobot card — light robot picture, dark text, plain feature icons (no button backgrounds) */
body[data-mod] #view .vaip{background:#FFFFFF!important;color:#0B1460!important;padding:178px 16px 12px!important;border:0!important;box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px rgba(26,22,184,.10),0 14px 30px -18px rgba(11,20,96,.45)!important}
body[data-mod] #view .vaip::before{content:"";position:absolute;inset-inline-start:0;inset-inline-end:0;top:0;height:205px;background:#EAF2FD url("/img/cards/vego-ai-robot.webp") 72% 38%/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%);pointer-events:none}
body[data-mod] #view .vaip::after{display:none!important}
body[data-mod] #view .vaip > *{position:relative;z-index:1}
body[data-mod] #view .vaip-l img{display:none!important}
body[data-mod] #view .vaip-l b{color:#0B1460!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.4px}
body[data-mod] #view .vaip-l span{color:#475569!important;font-size:13px!important}
body[data-mod] #view .vaip-acts{gap:4px!important;margin-top:4px}
body[data-mod] #view .vaip-acts button,body[data-mod] #view .vaip-acts button:first-child{background:transparent!important;box-shadow:none!important;color:#1A16B8!important;padding:8px 4px!important;font-weight:700;justify-content:flex-start!important}
body[data-mod] #view .vaip-acts button svg{width:19px!important;height:19px!important;color:#2563EB}
body[data-mod] #view .vaip-acts button:active{opacity:.6}
@media (min-width:768px){ body[data-mod] #view .vaip{padding-top:12px!important;padding-inline-start:46%!important;min-height:190px} body[data-mod] #view .vaip::before{inset-inline-end:auto;width:46%;height:100%;background-position:68% 40%;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent 100%);mask-image:linear-gradient(90deg,#000 70%,transparent 100%)} }
/* 2.72.3: feature buttons = flat outline pills, regular weight */
body[data-mod] #view .vaip-acts{gap:8px!important}
body[data-mod] #view .vaip-acts button,body[data-mod] #view .vaip-acts button:first-child{font-weight:500!important;border:1px solid #C9D3F5!important;border-radius:999px!important;padding:8px 6px!important;justify-content:center!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}
body[data-mod] #view .vaip-acts button svg{width:17px!important;height:17px!important}
/* 2.73.0: plans */
.planbar{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0 0 12px;padding:12px 16px;border:1px solid #C9D3F5;border-radius:16px;background:#F3F6FF;color:#1A16B8;font:inherit;text-align:start;cursor:pointer}
.planbar b{font-size:15px;font-weight:700}.planbar span{font-size:12.5px;color:#475569}
.planbar.over{background:#FFF4F2;border-color:#F5C2B8;color:#B42318}
.plhead{padding:14px 16px;border-radius:14px;background:#F3F6FF;border:1px solid #DCE3FA;display:flex;flex-direction:column;gap:3px;margin-bottom:6px}
.plhead b{font-size:17px;color:#1A16B8}.plhead span{font-size:13px;color:var(--ink2,#475569)}
.plhead.over{background:#FFF4F2;border-color:#F5C2B8}.plhead.over b{color:#B42318}
.plms{display:flex;flex-direction:column;gap:12px;margin:6px 0 10px}
.plm-t{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}.plm-t b{font-weight:600}
.plm-bar{height:7px;border-radius:99px;background:var(--line,#E5E9F2);overflow:hidden;margin-top:5px}
.plm-bar i{display:block;height:100%;background:#2563EB;border-radius:99px}.plm-bar i.hi{background:#E5484D}
.plcards{display:grid;gap:8px;margin:6px 0 8px}
.plcard{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--line,#E5E9F2);border-radius:14px}
.plcard > div{display:flex;justify-content:space-between;align-items:center}.plcard b{font-size:15px}
.plcard em{font-style:normal;font-size:11px;font-weight:700;color:#1A16B8;background:#ECEFFF;border-radius:99px;padding:2px 8px}
.plcard.best{border-color:#9DB0F5}.plcard.cur{border-color:#1A16B8;box-shadow:0 0 0 1px #1A16B8 inset}
.plp{font-size:18px;font-weight:700}.plp small{font-size:12px;font-weight:500;color:var(--muted)}
.plcard > small{font-size:12px;color:var(--ink2,#475569)}
.plown{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.plown select,.plown input{font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line,#E5E9F2);border-radius:10px;background:var(--pane,#fff);color:inherit}
/* 2.73.0: pricing cards */
#sheet .plwrap{margin:14px 0 4px}
#sheet .plhero{text-align:center;display:flex;flex-direction:column;gap:6px;padding:22px 14px 18px;border-radius:22px;background:radial-gradient(120% 90% at 50% 0%,#E9EDFF 0%,#F6F8FF 55%,rgba(246,248,255,0) 100%)}
#sheet .plk{font-size:11.5px;font-weight:700;letter-spacing:1.6px;color:#1A16B8}
#sheet .plhero b{font-size:26px;line-height:1.12;letter-spacing:-.6px;font-weight:800;color:#0B1027}
#sheet .plhero > span:last-child{font-size:13.5px;color:#5B6478}
#sheet .pltog{display:flex;gap:4px;margin:6px auto 16px;padding:4px;width:max-content;border-radius:99px;background:#EEF1FB;border:1px solid #DCE3FA}
#sheet .pltog button{border:0;background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:#3B4256;padding:8px 18px;border-radius:99px;cursor:pointer}
#sheet .pltog button[aria-selected="true"]{background:#1A16B8;color:#fff;box-shadow:0 6px 14px -6px rgba(26,22,184,.6)}
#sheet .pltog em{font-style:normal;font-size:11px;font-weight:700;margin-inline-start:4px;padding:2px 7px;border-radius:99px;background:#DCFCE7;color:#15803D}
#sheet .plcards{display:grid;gap:14px;margin:0 0 14px}
@media (min-width:900px){ #sheet .plcards{grid-template-columns:repeat(3,1fr);align-items:start} }
#sheet .plcard{position:relative;display:block;padding:0;border:1px solid #E3E8F2;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04)}
#sheet .plcard.best{border:0;padding:2px;background:linear-gradient(140deg,#1A16B8,#6D4AFF 55%,#F26A12);box-shadow:0 22px 40px -22px rgba(26,22,184,.55)}
#sheet .plcard.best .plin{border-radius:20px;background:linear-gradient(180deg,#F4F2FF 0%,#FFFFFF 42%)}
#sheet .plcard.cur:not(.best){border-color:#1A16B8}
#sheet .plrib{text-align:center;font-size:11px;font-weight:800;letter-spacing:1.2px;color:#fff;padding:7px 10px 6px}
#sheet .plin{padding:18px 18px 18px;display:flex;flex-direction:column;gap:4px}
#sheet .pltop{display:flex;justify-content:space-between;align-items:center}
#sheet .pltop b{font-size:19px;font-weight:800;color:#0B1027}
#sheet .pltop em{font-style:normal;font-size:11px;font-weight:700;color:#1A16B8;background:#ECEFFF;border-radius:99px;padding:3px 9px}
#sheet .pltag{font-size:13px;color:#5B6478}
#sheet .plprice{display:flex;align-items:baseline;gap:5px;margin-top:10px}
#sheet .plprice small{font-size:13px;font-weight:700;color:#5B6478;align-self:flex-start;margin-top:8px}
#sheet .plprice b{font-size:44px;line-height:1;font-weight:800;letter-spacing:-1.5px;color:#0B1027}
#sheet .plcard.best .plprice b{background:linear-gradient(120deg,#1A16B8,#6D4AFF);-webkit-background-clip:text;background-clip:text;color:transparent}
#sheet .plprice span{font-size:14px;color:#5B6478}
#sheet .plbill{font-size:12px;color:#8A93A6}
#sheet .plspec{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 6px}
#sheet .plspec div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:9px 10px;border-radius:14px;background:#F6F8FD}
#sheet .plspec i{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff;color:#1A16B8;box-shadow:0 1px 2px rgba(15,23,42,.06)}
#sheet .plspec i svg{width:17px;height:17px}
#sheet .plspec b{font-size:16px;font-weight:800;color:#0B1027;line-height:1.1}
#sheet .plspec span{font-size:11.5px;color:#5B6478}
#sheet .plfh{margin-top:10px;font-size:12.5px;font-weight:700;color:#1A16B8}
#sheet .plf{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
#sheet .plf li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#262B3B}
#sheet .plf i{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:99px;background:#E8EDFF;color:#1A16B8}
#sheet .plf i svg{width:12px;height:12px}
#sheet .plai{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 12px;border-radius:12px;background:linear-gradient(90deg,#FFF3EA,#FFF9F5);color:#1C3BC2;font-size:13px;font-weight:700}
#sheet .plai i svg{width:16px;height:16px;display:block}
#sheet .plai.off{background:#F4F5F8;color:#8A93A6}
#sheet .plcta{margin-top:14px;width:100%;padding:13px 14px;border-radius:14px;border:1px solid #C9D3F5;background:#fff;color:#1A16B8;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
#sheet .plcard.best .plcta{border:0;color:#fff;background:linear-gradient(120deg,#1A16B8,#5B3DF5);box-shadow:0 12px 22px -12px rgba(26,22,184,.8)}
#sheet .plcta:active{transform:scale(.98)}
#sheet .pltrial{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:18px;background:linear-gradient(120deg,#0B1460,#1A16B8);color:#fff;margin-bottom:12px}
#sheet .pltrial b{font-size:16px}#sheet .pltrial span{font-size:12.5px;opacity:.85}
#sheet .plextra{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:18px;border:1px solid #E3E8F2;margin-bottom:10px}
#sheet .plextra > b{font-size:14.5px;margin-bottom:6px}
#sheet .plextra div{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:6px 0;border-top:1px dashed #E3E8F2}
#sheet .plextra div b{font-weight:700;white-space:nowrap}
#sheet .plin{text-align:start!important;align-items:stretch!important}
#sheet .plprice,#sheet .plf li,#sheet .pltop{justify-content:flex-start}
#sheet .pltop{justify-content:space-between}
#sheet .plai{align-self:flex-start}
#sheet .plrib{text-align:center!important}
#sheet .plcard .plrib{display:block!important;width:100%;box-sizing:border-box;text-align:center!important;justify-content:center}
/* 2.73.4: the ‹ back button sits on the left in every sheet (it was hidden under the × in CRM / Accounts sheets) */
#sheet .shead .close.back:not(#_):not(#__){inset-inline-start:10px!important;inset-inline-end:auto!important;background:var(--glass)!important;color:#13238F!important;box-shadow:none!important;font-size:24px;line-height:1;margin:0}
[data-theme="dark"] #sheet .shead .close.back:not(#_):not(#__){color:#C9D3FF!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #sheet .shead .close.back:not(#_):not(#__){color:#C9D3FF!important}}
/* 2.73.6: sign-in fields live in their own <form> so the browser offers saved passwords only there, never in search boxes */
.lockscr > form.lkform{display:contents}
.lockscr > form.lkform > *{position:relative;z-index:1}
/* ===== 2.73.7: opening animation — Vego robot looks at you, blinks, smiles, dashes right with 3 light streaks, then "Vegobot" ===== */
#vsplash.vsintro{background:radial-gradient(70% 55% at 50% 45%,#FFFFFF 0%,#EEF1F7 70%,#E3E9F5 100%);overflow:hidden;cursor:pointer}
#vsplash.vsintro::before,#vsplash.vsintro::after{content:none;display:none}
.vsintro .vsbot{position:absolute;z-index:1;left:50%;top:44%;width:min(64vw,300px);aspect-ratio:600/459;transform:translate(-50%,-50%);animation:vsPop .55s cubic-bezier(.2,1.5,.4,1) both,vsDash .5s cubic-bezier(.6,0,.9,.4) 1.95s both}
.vsintro .vsbot img{width:100%;height:100%;display:block;filter:drop-shadow(0 22px 24px rgba(19,35,143,.28))}
.vsintro .vse{position:absolute;width:15%;aspect-ratio:2/1;transform:translate(-50%,-50%);animation:vsLook .5s ease-in-out .55s both}
.vsintro .vl{inset-inline-start:48.5%;top:51%}
.vsintro .vr{inset-inline-start:80.5%;top:47.5%}
.vsintro .vse b{position:absolute;inset:0;display:block}
/* open eyes: glowing pills that blink */
.vsintro .vo{border-radius:50%;background:#8FF0FF;box-shadow:0 0 10px 3px rgba(80,210,255,.85),0 0 24px 8px rgba(40,140,255,.45);transform-origin:50% 50%;scale:.62 1;animation:vsBlink 1.45s linear .25s both}
/* happy eyes: the smile arcs from the picture */
.vsintro .vh{opacity:0;border:solid #8FF0FF;border-width:clamp(4px,1.6vw,7px) 0 0;border-radius:50% 50% 0 0/100% 100% 0 0;filter:drop-shadow(0 0 5px rgba(80,210,255,.95)) drop-shadow(0 0 12px rgba(40,140,255,.55));animation:vsHappy .25s ease-out 1.5s both}
/* three light streaks behind the robot when it dashes */
.vsintro .vsl{position:absolute;z-index:0;inset-inline-start:0;inset-inline-end:0;top:44%;height:min(30vw,140px);transform:translateY(-50%);pointer-events:none}
.vsintro .vsl i{position:absolute;inset-inline-end:50%;height:clamp(4px,1.2vw,6px);width:0;border-radius:99px;background:linear-gradient(90deg,rgba(143,240,255,0),#8FF0FF 55%,#FFFFFF);box-shadow:0 0 12px 2px rgba(80,210,255,.7);opacity:0;animation:vsStreak .62s cubic-bezier(.5,0,.6,1) 1.98s both}
.vsintro .vsl i:nth-child(1){top:24%;animation-delay:2.12s}
.vsintro .vsl i:nth-child(2){top:50%;animation-delay:2.08s}
.vsintro .vsl i:nth-child(3){top:76%;animation-delay:2.16s}
.vsintro .vstxt{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:clamp(40px,12vw,60px);font-weight:800;line-height:1;letter-spacing:-.03em;z-index:2;color:#13238F;white-space:nowrap;opacity:0;animation:vsText .6s cubic-bezier(.2,.9,.3,1) 2.35s both}
.vsintro .vstxt b{font-weight:800;background:linear-gradient(90deg,#2F6BFF,#5EEAD4);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes vsPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes vsLook{0%{margin-block:-1.2% 0;margin-inline:4% 0}100%{margin-block:2% 0;margin-inline:-5% 0}}
@keyframes vsBlink{0%,55%{scale:.62 1;opacity:1}62%{scale:.62 .08}70%{scale:.62 1}82%{scale:.62 1;opacity:1}86%,100%{scale:.62 .1;opacity:0}}
@keyframes vsHappy{0%{opacity:0;transform:scaleY(.4)}100%{opacity:1;transform:scaleY(1)}}
@keyframes vsDash{0%{transform:translate(-50%,-50%) scale(1)}20%{transform:translate(-56%,-50%) scale(1.02,.98)}100%{transform:translate(120vw,-50%) scale(1.08,.92);opacity:.9}}
@keyframes vsStreak{0%{opacity:0;width:0;inset-inline-end:62%}30%{opacity:1;width:52vw;inset-inline-end:22%}100%{opacity:0;width:26vw;inset-inline-end:-30%}}
@keyframes vsText{0%{opacity:0;transform:translate(-62%,-50%);filter:blur(8px)}100%{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}}
@media (prefers-reduced-motion:reduce){.vsintro *{animation-duration:.01s!important;animation-delay:0s!important}.vsintro .vsbot,.vsintro .vsl{display:none}.vsintro .vstxt{opacity:1;transform:translate(-50%,-50%)}}
[data-theme="dark"] #vsplash.vsintro{background:radial-gradient(70% 55% at 50% 45%,#1B2350 0%,#0D0E12 75%)}
[data-theme="dark"] .vsintro .vstxt{color:#F2F3F6}
/* 2.73.9: attachment bar (photos · camera · documents · any file · Upload) */
.attbar{margin-top:10px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:linear-gradient(180deg,#F7F9FC,#EEF2F8);box-shadow:0 10px 26px rgba(15,23,42,.08),inset 0 1px 0 #fff;overflow:hidden}
.attbar .atttxt{padding:13px 16px 11px;font-size:14px;font-weight:600;color:#5B6478;border-bottom:1px solid rgba(15,23,42,.07);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attbar .attrow{display:flex;align-items:center;gap:4px;padding-block:8px 8px;padding-inline:10px 8px}
.attbar .attrow .grow{flex:1}
.attbar .atti{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#111827;cursor:pointer}
.attbar .atti:active{background:rgba(15,23,42,.06)}
.attbar .atti svg{width:23px;height:23px}
.attbar input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.attbar .attgo{position:relative;display:inline-flex;align-items:center;gap:6px;height:44px;padding-block:0 0;padding-inline:14px 18px;border-radius:999px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;background:radial-gradient(120% 140% at 30% 20%,#A9E6FF 0%,#4FB3FF 45%,#2E8BFF 100%);box-shadow:0 8px 18px rgba(46,139,255,.35),inset 0 1px 0 rgba(255,255,255,.6)}
.attbar .attgo svg{width:18px;height:18px}
[data-theme="dark"] .attbar{background:linear-gradient(180deg,#1C1F27,#171A21);border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .attbar .atttxt{color:#A6ABB6;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .attbar .atti{color:#E6E8EE}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .attbar{background:linear-gradient(180deg,#1C1F27,#171A21);border-color:rgba(255,255,255,.08)}:root:not([data-theme="light"]) .attbar .atttxt{color:#A6ABB6;border-color:rgba(255,255,255,.08)}:root:not([data-theme="light"]) .attbar .atti{color:#E6E8EE}}
/* 2.74.0 type-to-pick supplier box */
.sugp{position:relative}
.sugwrap{position:relative}
.sugwrap>input{width:100%;padding-inline-end:44px}
.sugx{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;background:var(--line,#e6e8ef);color:var(--ink,#1b1f2a);font-size:18px;line-height:1;cursor:pointer}
.sugl{position:absolute;inset-inline-start:0;inset-inline-end:0;top:calc(100% + 4px);z-index:60;background:var(--pane,#fff);border:1px solid var(--line,#e6e8ef);border-radius:14px;box-shadow:0 12px 28px rgba(16,24,40,.16);max-height:280px;overflow-y:auto;padding:4px}
.sugl button{display:flex;align-items:baseline;gap:8px;width:100%;text-align:start;border:0;background:none;padding:11px 12px;border-radius:10px;font:inherit;font-size:15px;color:var(--ink,#1b1f2a);cursor:pointer}
.sugl button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.sugl button small{color:var(--muted,#6b7280);font-size:12px;flex:none}
.sugl button:hover,.sugl button:focus-visible{background:var(--glass,#EEF2F7)}
.sugl .sugnew{color:var(--brand-fg,#2F4FE0);font-weight:700;border-top:1px solid var(--line,#e6e8ef);border-radius:0 0 10px 10px}
.sugl .sugnone{padding:10px 12px;color:var(--muted,#6b7280);font-size:13px}
.chipsel>input{cursor:pointer;padding-inline-end:40px}
.chipsel .chipcaret{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--muted,#8A97AB);pointer-events:none}
.chipsel .chipcaret svg{width:20px;height:20px}
.sugl button[aria-selected="true"]{background:var(--glass,#EEF2F7)}
.sugl button[aria-selected="true"] span::after{content:" ✓";color:var(--brand-fg,#2F4FE0)}
.sugl .sugnew+.sugnew{border-top:0}
.chips.chipsel-src{display:none!important}
.chipsel{margin:2px 0 6px}
.chipsel>input{width:100%;min-width:0;height:48px;border:0;border-radius:12px;background:var(--glass);color:var(--ink);font:inherit;font-size:15px;padding-block:0 0;padding-inline:14px 40px;box-shadow:none;outline:none}
.chipsel>input:focus{box-shadow:0 0 0 2px var(--brand-fg,#2F4FE0)}
/* 2.74.1 import rows: plain line icon + upload bar */
.improw2{display:block!important;padding:14px!important}
.imphead{display:flex;align-items:center;gap:12px}
.impic2{width:34px;height:34px;flex:none;display:grid;place-items:center;color:#111827}
.impic2 svg{width:26px;height:26px}
.imphead .impt{flex:1;min-width:0}
.imptpl{flex:none;display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#111827;font:inherit;font-size:13px;font-weight:600;padding:8px 4px;cursor:pointer}
.imptpl svg{width:20px;height:20px}
.improw2 .attbar{margin-top:12px}
.atticons{display:inline-flex;gap:2px;align-items:center}
.atticons .atti{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#111827;cursor:pointer;overflow:hidden}
.atticons .atti svg{width:23px;height:23px}
.atticons input[type=file]{position:absolute;inset:0;opacity:0;font-size:0;cursor:pointer}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .atticons .atti{color:#E9EEF6}}
:root[data-theme="dark"] .atticons .atti{color:#E9EEF6}
/* 2.74.2: the blue 3D button is never one long full-width bar — it sizes to its words */
.btn.pri:not(#_):not(#__){max-width:max-content;padding-inline-start:22px;padding-inline-end:22px}
.btn.pri[style*="width:100%"]:not(#_):not(#__){display:flex;margin-inline-start:auto;margin-inline-end:auto;justify-content:center}
.lockbox .btn.pri:not(#_):not(#__),#lk-go:not(#_){justify-content:center}
/* 2.74.2: icon tiles and avatars without orange */
.lav-st-Quoted:not(#_){background:linear-gradient(135deg,#F472B6,#DB2777)}
.lav-st-Negotiation:not(#_){background:linear-gradient(135deg,#2DD4BF,#0D9488)}
.picbtn.pjav:not(#_){background:linear-gradient(135deg,#5B7CFF,#2F4FE0)}
.regic.receipt:not(#_){background:#0F8B8D}
.dsd-ic:not(#_){background:#3B5BFF}
.bkstat.warn .bks-ic:not(#_){background:#9B2C4A}
.pur-ic.won:not(#_){background:linear-gradient(135deg,#34D399,#059669)}
.tlic:not(#_){background:linear-gradient(135deg,#7C93FF,#2F4FE0)}
.twcard li svg:not(#_){background:rgba(51,85,255,.12)!important}
main .uav:not(#_),.ds-av:not(#_){background:linear-gradient(135deg,#7C93FF,#2F4FE0)}
.lav.subav.individual:not(#_){background:linear-gradient(135deg,#A78BFA,#7C3AED)}
/* 2.74.3: one main-button style everywhere = the Sign in button (flat blue pill, soft shadow) */
html body .btn.pri:not(#_):not(#__),html body .rcall:not(#_):not(#__),html body .cdial2:not(#_):not(#__),html body .attbar .attgo:not(#_):not(#__){background:#3461DC!important;background-image:none!important;color:#FFFFFF!important;border:0!important;border-radius:999px!important;box-shadow:0 12px 24px -12px rgba(52,97,220,.8)!important;text-shadow:none!important;font-weight:500!important;letter-spacing:-.01em;transition:transform .12s ease,background-color .12s ease}
html body .btn.pri:not(.sm):not(#_):not(#__){min-height:40px;height:auto;font-size:14.5px;padding-top:8px!important;padding-bottom:8px!important;padding-inline-start:22px!important;padding-inline-end:22px!important}
html body .btn.pri.sm:not(#_):not(#__){min-height:34px;font-size:13.5px;padding-top:6px!important;padding-bottom:6px!important;padding-inline-start:15px!important;padding-inline-end:15px!important}
html body .attbar .attgo:not(#_):not(#__){height:38px;padding-block:0 0;padding-inline:12px 15px;font-size:13.5px}
.lockbox .btn.pri:not(#_):not(#__),#lk-go:not(#_){min-width:150px!important;padding:9px 26px!important;height:auto!important;min-height:42px!important}
html body .btn.pri:active:not(#_):not(#__),html body .attbar .attgo:active:not(#_):not(#__){transform:scale(.98);background:#2B53C6!important;box-shadow:0 6px 14px -8px rgba(52,97,220,.8)!important}
html body .btn.pri:disabled:not(#_):not(#__){opacity:.55;box-shadow:none!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body .btn.pri:not(#_):not(#__){background:#4A74F0!important}}
:root[data-theme="dark"] body .btn.pri:not(#_):not(#__){background:#4A74F0!important}
html body #sheet .sfoot .btn:not(.pri):not(#_):not(#__){min-height:40px;height:auto;padding:8px 18px!important;font-size:14.5px;border-radius:999px!important}
/* 2.74.8: focus rings in blue (never orange) */
html body :focus-visible:not(#_){outline-color:var(--brand-fg,#2F4FE0)}
html body .conote:focus:not(#_){outline-color:var(--brand-fg,#2F4FE0)}
html body input:focus:not(#_),html body textarea:focus:not(#_),html body select:focus:not(#_){outline-color:var(--brand-fg,#2F4FE0)}
/* 2.74.8 voice typing */
.dictmic{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:0;background:var(--pane);box-shadow:0 0 0 1px var(--line);color:var(--ink)}
.dictmic svg{width:21px;height:21px}
.dictmic.on{background:#DC2626;color:#fff;box-shadow:none;animation:dictp 1.2s ease-in-out infinite}
@keyframes dictp{50%{box-shadow:0 0 0 7px rgba(220,38,38,.2)}}
.dictlangs{display:flex;align-items:center;gap:6px;margin:0 0 8px;overflow-x:auto;scrollbar-width:none}
.dictlangs::-webkit-scrollbar{display:none}
.dictlangs span{font-size:12px;color:var(--muted);flex:none}
.dictlangs button{flex:none;border:0;border-radius:999px;padding:5px 11px;font:inherit;font-size:13px;background:var(--glass);color:var(--ink2);cursor:pointer}
.dictlangs button[aria-pressed="true"]{background:#3461DC;color:#fff}
.adrow textarea:focus{outline:none;border-color:var(--brand-fg,#2F4FE0);box-shadow:0 0 0 2px rgba(47,79,224,.18)}
.adsend{background:#3461DC!important}
/* 2.74.9 AI drawing chat: calm screen, blue orb, floating composer */
#sheet[data-mode="aidraw"] .adbody{background:#F7F9FC}
.adhello{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 10px 8px;gap:14px;min-height:52vh}
.adorb{position:relative;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(125,170,255,.55) 0%,rgba(125,170,255,.18) 58%,rgba(125,170,255,0) 72%);filter:blur(.2px);animation:adorbF 6s ease-in-out infinite}
.adorb i{position:absolute;inset:22px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#BFE3FF 0%,#6FB4FF 26%,#3461DC 58%,#13238F 88%);box-shadow:0 18px 40px -10px rgba(19,35,143,.45),inset -6px -8px 18px rgba(10,20,90,.35);animation:adorbS 9s linear infinite}
.adorb i::after{content:"";position:absolute;inset-inline-start:18%;top:14%;width:46%;height:34%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.75),rgba(255,255,255,0));filter:blur(2px)}
@keyframes adorbF{50%{transform:translateY(-6px) scale(1.03)}}
@keyframes adorbS{to{filter:hue-rotate(-14deg)}}
@media (prefers-reduced-motion:reduce){.adorb,.adorb i{animation:none}}
.adhello>p{margin:0;max-width:320px;font-size:15px;line-height:1.5;color:var(--ink)}
.adideas button{border:0;border-radius:999px;padding:8px 13px;font:inherit;font-size:13px;background:#fff;color:#1B2A4A;box-shadow:0 0 0 1px rgba(19,35,143,.10),0 4px 10px -6px rgba(19,35,143,.25);cursor:pointer}
.adbar.adbar2{border-top:0;background:#F7F9FC;padding:6px 12px calc(10px + env(safe-area-inset-bottom,0px))}
.adcomp{background:#fff;border-radius:22px;padding-block:10px 8px;padding-inline:14px 10px;box-shadow:0 0 0 1px rgba(19,35,143,.07),0 12px 28px -14px rgba(19,35,143,.35)}
.adcomp textarea{display:block;width:100%;min-height:26px;max-height:140px;resize:none;border:0!important;outline:none!important;box-shadow:none!important;background:transparent;font:inherit;font-size:15px;line-height:1.45;color:var(--ink);padding:2px 0 6px}
.adtools{display:flex;align-items:center;gap:8px}
.adtools .grow{flex:1}
.adplus{position:relative;width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:#EAF2FF;color:#13238F;cursor:pointer}
.adplus svg{width:19px;height:19px}
.dictlb{position:relative}
.dictlang{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:inherit;font-size:13px;color:var(--muted);padding:6px 4px;cursor:pointer}
.dictlang svg{width:17px;height:17px}
.dictmenu{position:absolute;inset-inline-start:0;bottom:calc(100% + 6px);z-index:70;background:#fff;border-radius:14px;padding:4px;min-width:150px;box-shadow:0 0 0 1px rgba(19,35,143,.08),0 14px 30px -12px rgba(19,35,143,.4)}
.dictmenu button{display:block;width:100%;text-align:start;border:0;background:none;font:inherit;font-size:14.5px;padding:10px 12px;border-radius:10px;color:var(--ink);cursor:pointer}
.dictmenu button[aria-checked="true"]{background:#EAF2FF;color:#13238F;font-weight:600}
.adtools .dictmic{width:36px;height:36px;background:#EAF2FF;color:#3461DC;box-shadow:none}
.adtools .dictmic svg{width:19px;height:19px}
.adtools .dictmic.on{background:#3461DC;color:#fff;animation:dictpb 1.2s ease-in-out infinite}
@keyframes dictpb{50%{box-shadow:0 0 0 7px rgba(52,97,220,.22)}}
.adsend2{width:38px;height:38px;flex:none;border:0;border-radius:50%;display:grid;place-items:center;background:#13238F;color:#fff;cursor:pointer}
.adsend2 svg{width:19px;height:19px}
.adm.me{background:#3461DC!important}
.dictmic.on:not(#_){background:#3461DC;color:#fff;box-shadow:none;animation:dictpb 1.2s ease-in-out infinite}
.adorb:not(#_){width:130px;height:130px;background:radial-gradient(circle,rgba(160,200,255,.45) 0%,rgba(190,220,255,.22) 55%,rgba(255,255,255,0) 72%)}
.adorb i:not(#_){inset:20px;background:radial-gradient(circle at 62% 38%,#0E1C7A 0%,#2447D6 26%,#5B9BFF 52%,#BFE0FF 74%,#EEF6FF 92%);filter:blur(5px);box-shadow:none}
.adorb i:not(#_)::after{inset-inline-start:22%;top:20%;width:40%;height:30%;background:radial-gradient(closest-side,rgba(255,255,255,.85),rgba(255,255,255,0));filter:blur(4px)}
/* 2.75.0 AI chat: soft grey screen, glass composer, Saira font */
#sheet[data-mode="aidraw"]{font-family:"Saira","Sora",system-ui,sans-serif}
#sheet[data-mode="aidraw"] .adbody,#sheet[data-mode="aidraw"] .adbar{background:#F1F2F4!important}
#sheet[data-mode="aidraw"] textarea,#sheet[data-mode="aidraw"] button{font-family:inherit}
#sheet[data-mode="aidraw"] .adm{font-size:15px;letter-spacing:.005em}
#sheet[data-mode="aidraw"] .adm.ai{background:#F8F9FB;border:1.5px solid #fff;box-shadow:0 10px 26px -18px rgba(15,23,42,.35)}
#sheet[data-mode="aidraw"] .adhello>p{font-size:16px;color:#3A4152}
#sheet[data-mode="aidraw"] .adideas button{background:#F8F9FB;border:1.5px solid #fff;box-shadow:0 6px 16px -10px rgba(15,23,42,.3);color:#2A3142}
.adtools3{display:flex;align-items:center;gap:4px;padding-block:10px 12px;padding-inline:14px 12px;border-top:1px solid #E3E6EB}
.adtools3 .grow{flex:1}
.adtools3 .dictmic{width:40px;height:40px;border-radius:12px;background:none;box-shadow:none;color:#3461DC}
.adtools3 .dictmic svg{width:25px;height:25px;stroke-width:1.7}
.adtools3 .dictmic.on:not(#_){background:#3461DC;color:#fff;border-radius:50%}
.adtools3 .dictlang{color:#5B6170;font-size:13px;padding-block:6px 6px;padding-inline:4px 6px}
.adtools3 .dictlang svg{width:19px;height:19px}
.adsend3{flex:none;height:46px;min-width:86px;padding:0 24px;border:0;border-radius:999px;display:grid;place-items:center;color:#fff;cursor:pointer;background:radial-gradient(120% 140% at 75% 30%,#C9F1FF 0%,#7FD3FF 38%,#3BA8FF 100%);box-shadow:0 0 0 2px rgba(255,255,255,.9),0 10px 22px -8px rgba(40,150,255,.65),inset 0 1px 0 rgba(255,255,255,.6)}
.adsend3 svg{width:24px;height:24px;stroke-width:2}
/* 2.75.1 AI chat answers in the same glass style as the composer (Saira, soft grey, white edges) */
#sheet[data-mode="aidraw"] .adm.ai{padding-block:16px 14px!important;padding-inline:16px 16px!important;max-width:94%;border-radius:24px;border-end-start-radius:8px;background:linear-gradient(180deg,#F8F9FB,#F3F5F8)!important;border:2px solid #fff;box-shadow:0 18px 34px -24px rgba(15,23,42,.4)!important;color:#2A3142}
#sheet[data-mode="aidraw"] .adm.ai::before{display:none}
#sheet[data-mode="aidraw"] .adm.ai>p{font-size:16px;font-weight:500;line-height:1.5;color:#1F2633}
#sheet[data-mode="aidraw"] .adst{display:inline-flex;align-items:center;gap:6px;background:#E6F3FF!important;color:#1E6FD9!important;font-size:11.5px;font-weight:600;letter-spacing:.05em;padding-block:5px 5px;padding-inline:8px 10px;border-radius:999px;margin-bottom:10px}
#sheet[data-mode="aidraw"] .adst::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(30,111,217,.15)}
#sheet[data-mode="aidraw"] .adsec{margin-top:14px;gap:0;font-size:14px}
#sheet[data-mode="aidraw"] .adsec>b{font-size:11.5px;font-weight:600;letter-spacing:.08em;color:#8A90A0;margin-bottom:6px}
#sheet[data-mode="aidraw"] .adsec .adok{display:flex;gap:10px;align-items:baseline;padding:9px 12px;background:rgba(255,255,255,.75);border:1px solid #fff;font-size:14px;color:#2A3142}
#sheet[data-mode="aidraw"] .adsec .adok+.adok{border-top:1px solid #ECEEF2}
#sheet[data-mode="aidraw"] .adsec .adok:first-of-type{border-radius:14px 14px 0 0}
#sheet[data-mode="aidraw"] .adsec .adok:last-of-type{border-radius:0 0 14px 14px}
#sheet[data-mode="aidraw"] .adsec .adok:only-of-type{border-radius:14px}
#sheet[data-mode="aidraw"] .adok::before{content:none}
#sheet[data-mode="aidraw"] .adok>b{flex:none;width:76px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8A90A0}
#sheet[data-mode="aidraw"] .adsec.q{gap:8px}
#sheet[data-mode="aidraw"] .adq{display:flex;gap:10px;padding:12px;border-radius:16px;background:rgba(255,255,255,.8);border:1px solid #fff;box-shadow:0 6px 14px -12px rgba(15,23,42,.35)}
#sheet[data-mode="aidraw"] .adqn{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:#1E6FD9;background:#E6F3FF}
#sheet[data-mode="aidraw"] .adqb{flex:1;min-width:0}
#sheet[data-mode="aidraw"] .adqb>span{display:block;font-size:15px;font-weight:500;color:#1F2633;line-height:1.4}
#sheet[data-mode="aidraw"] .adopts{margin:10px 0 0;gap:8px}
#sheet[data-mode="aidraw"] .adopts .chip:not(#_):not(#__){min-height:36px;padding:7px 16px!important;border-radius:999px!important;background:#fff!important;border:1px solid #DCE6F5!important;color:#1E5BC6!important;font-size:14px;font-weight:500;box-shadow:none!important}
#sheet[data-mode="aidraw"] .adopts .chip:active{background:#E6F3FF!important}
#sheet[data-mode="aidraw"] .adsec.warn span,#sheet[data-mode="aidraw"] .adsec.bad span{display:block;padding:8px 12px;margin-top:4px;border-radius:12px;background:rgba(255,255,255,.75);font-size:13.5px}
#sheet[data-mode="aidraw"] .adacts{margin-top:14px}
#sheet[data-mode="aidraw"] .adacts .btn:not(.pri):not(#_):not(#__){min-height:42px;border-radius:999px!important;background:#fff!important;border:1px solid #DCE6F5!important;color:#1E5BC6!important;font-weight:600;box-shadow:none!important}
#sheet[data-mode="aidraw"] .adm.me{border-radius:22px!important;border-end-end-radius:8px!important;background:radial-gradient(120% 140% at 80% 20%,#7FD3FF 0%,#3BA8FF 55%,#2F8BF0 100%)!important;font-size:15.5px;font-weight:500;box-shadow:0 10px 22px -12px rgba(40,150,255,.7)}
/* 2.75.2 AI chat: robot instead of the orb; mic + send same round size on the right; plain × */
.adbot{position:relative;width:150px;height:150px;display:grid;place-items:center}
.adbot-svg{position:relative;z-index:2;width:112px;height:112px;filter:drop-shadow(0 14px 18px rgba(30,120,220,.28));animation:adbotF 3.6s ease-in-out infinite}
.adrip{position:absolute;z-index:0;inset-inline-start:50%;top:46%;width:96px;height:96px;margin-block:-48px 0;margin-inline:-48px 0;border-radius:50%;background:radial-gradient(circle,rgba(79,195,247,.35),rgba(79,195,247,0) 70%);border:1.5px solid rgba(79,195,247,.35);animation:adbotR 3s ease-out infinite}
.adrip.r2{animation-delay:1s}@keyframes adbotF{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes adbotS{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.75);opacity:.6}}
@keyframes adbotB{0%,44%,50%,100%{transform:scaleY(1)}47%{transform:scaleY(.1)}}
@keyframes adbotR{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.7);opacity:0}}
.adtools3 .dictmic:not(#_){width:44px;height:44px;border-radius:50%;background:#EAF2FF;color:#3461DC}
.adtools3 .dictmic svg{width:22px;height:22px}
.adtools3 .dictmic.on:not(#_){background:#3461DC;color:#fff}
.adsend3:not(#_){width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;margin-inline-start:6px}
.adsend3 svg{width:22px;height:22px}
#sheet[data-mode="aidraw"] .shead .close:not(.back):not(#_):not(#__){background:none!important;box-shadow:none!important;color:#1F2633!important;width:36px;height:36px;font-size:26px}
.adbot:not(#_){width:190px;height:180px}
.adbot-svg:not(#_){width:150px;height:150px}
.adrip:not(#_){width:130px;height:130px;margin-block:-65px 0;margin-inline:-65px 0}
.vbot-ic{width:30px;height:30px;flex:none;filter:drop-shadow(0 3px 5px rgba(30,120,220,.25))}
#sheet[data-mode="aidraw"] .shead small{font-family:"Saira","Sora",system-ui,sans-serif;font-size:13px;color:#5B6170}
/* 2.75.4: Vegobot AI title block left-aligned; "Get your elevation" starts under the robot */
html body #sheet[data-mode="aidraw"] .shead h3.edtitle:not(#_){display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:start!important;padding-inline-start:4px;margin:0!important;flex:1!important}
html body #sheet[data-mode="aidraw"] .shead h3.edtitle small:not(#_){display:block;margin-top:1px;text-align:start;padding-inline-start:0}
/* 2.75.4 greeting under the robot */
.adhello h4.adhi{margin:4px 0 0;font-family:"Saira","Sora",system-ui,sans-serif;font-size:22px;font-weight:600;letter-spacing:.005em;color:#1F2633}
.adhello p.adhi-s{margin:-6px 0 4px;font-family:"Saira","Sora",system-ui,sans-serif;font-size:14.5px;color:#7A808C}
/* 2.75.8 Vegobot chat: more fits on a phone — smaller type, compact composer; the chosen answer stays blue */
#sheet[data-mode="aidraw"] .adm{font-size:13.5px!important}
#sheet[data-mode="aidraw"] .adm.ai>p{font-size:14.5px!important;line-height:1.45}
#sheet[data-mode="aidraw"] .adm.me{font-size:14px!important;padding:9px 13px}
#sheet[data-mode="aidraw"] .adm.ai{padding:12px 12px 11px!important;border-radius:20px}
#sheet[data-mode="aidraw"] .adsec{margin-top:10px;font-size:13px}
#sheet[data-mode="aidraw"] .adsec .adok{padding:7px 10px;font-size:13px}
#sheet[data-mode="aidraw"] .adok>b{width:68px;font-size:10.5px}
#sheet[data-mode="aidraw"] .adq{padding:9px 10px;gap:8px;border-radius:14px}
#sheet[data-mode="aidraw"] .adqn{width:20px;height:20px;font-size:11px}
#sheet[data-mode="aidraw"] .adqb>span{font-size:13.5px}
#sheet[data-mode="aidraw"] .adopts{margin-top:7px;gap:6px}
#sheet[data-mode="aidraw"] .adopts .chip:not(#_):not(#__){min-height:30px;padding:5px 12px!important;font-size:13px}
#sheet[data-mode="aidraw"] .adopts .chip[aria-pressed="true"]:not(#_):not(#__){background:#3461DC!important;border-color:#3461DC!important;color:#fff!important;padding-inline-start:12px!important;box-shadow:0 6px 14px -8px rgba(52,97,220,.8)!important}
#sheet[data-mode="aidraw"] .adopts .chip[aria-pressed="true"]::before{content:none!important;display:none!important}
#sheet[data-mode="aidraw"] .adacts .btn:not(.pri):not(#_):not(#__){min-height:36px;font-size:13.5px}
#sheet[data-mode="aidraw"] .adhello{gap:10px;padding-top:12px;min-height:40vh}
#sheet[data-mode="aidraw"] .adbot{width:150px;height:140px}
#sheet[data-mode="aidraw"] .adbot-svg{width:116px;height:116px}
#sheet[data-mode="aidraw"] .adrip{width:104px;height:104px;margin-block:-52px 0;margin-inline:-52px 0}
#sheet[data-mode="aidraw"] .adhello h4.adhi{font-size:19px}
#sheet[data-mode="aidraw"] .adhello p.adhi-s{font-size:13.5px;margin-top:-4px}
#sheet[data-mode="aidraw"] .adideas button{font-size:12.5px;padding:6px 11px}
#sheet[data-mode="aidraw"] .shead small{font-size:12px}
.adtools3 .dictmic:not(#_){width:36px!important;height:36px!important}
.adtools3 .dictmic svg{width:19px!important;height:19px!important}
.adsend3:not(#_){width:36px!important;height:36px!important;min-width:36px!important}
.adtools3 .dictlang{font-size:12px!important}
/* 2.76.0: robot stays at the top once the chat starts (smaller), one 📎 button with Image / File */
#sheet[data-mode="aidraw"] .adhello.sm{min-height:0;flex:none;padding:8px 10px 4px;gap:6px}
#sheet[data-mode="aidraw"] .adhello.sm .adbot{width:96px;height:90px}
#sheet[data-mode="aidraw"] .adhello.sm .adnote{display:none}
/* voice typing: while recording the mic turns into a square stop button */
.dictmic .dm-stop{display:none}
.dictmic.on .dm-mic{display:none}
.dictmic.on .dm-stop{display:block}
/* 2.76.0: Vegobot tile in Projects → Add shows the robot on a soft blue background */
.mtile.vbot-tile .mt-img{background-size:62%!important;background-repeat:no-repeat;background-position:center 40%;background-color:#EAF4FF}
.axti.vbot-ic{background:#EAF4FF!important;overflow:hidden}
.axti.vbot-ic img{width:82%;height:82%;object-fit:contain}
.tkcard.adhome .adhome-ic{background:#EAF4FF;display:grid;place-items:center;overflow:hidden}
.tkcard.adhome .adhome-ic img{width:82%;height:82%;object-fit:contain}
.tkcard.adhome em{font-style:normal;color:#3461DC;font-weight:600}
.adl-acts .chip{padding:5px 10px;font-size:12.5px}
@media (max-width:420px){.adl-acts .chip{padding:5px 8px}}
.skwb{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border:0;border-radius:9px;background:none;font:inherit;cursor:pointer;color:#1F2633}
.skwb i{display:block;width:44px;background:#1F2633;border-radius:4px}
.skwb.on{background:#EAF2FF}
.skshb{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border:0;border-radius:10px;background:#F4F6FA;font:inherit;cursor:pointer;color:#1F2633}
.skshb.on{background:#3461DC;color:#fff}
/* 2.76.5: "Try Vegobot" card — shorter: robot picture on the right, words on the left,
   app-standard compact pills (blue first, outline others), sized to their words */
html body[data-mod] #view .vaip{display:flex!important;flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:10px!important;padding-block:16px 14px!important;padding-inline:16px 14px!important;min-height:0!important}
html body[data-mod] #view .vaip::before{inset-inline-start:auto!important;inset-inline-end:0!important;top:0!important;bottom:0!important;height:auto!important;width:44%!important;background:#EAF2FD url("/img/cards/vego-ai-robot.webp") 68% 32%/cover no-repeat!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 42%)!important}
html body[data-mod] #view .vaip-l{flex:none!important;width:100%;padding-inline-end:40%;box-sizing:border-box}
html body[data-mod] #view .vaip-l b{font-size:19px!important;line-height:1.2}
html body[data-mod] #view .vaip-l span{font-size:12.5px!important;line-height:1.4;margin-top:3px}
html body[data-mod] #view .vaip-acts{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:auto!important;margin:0!important}
html body[data-mod] #view .vaip-acts button,html body[data-mod] #view .vaip-acts button:first-child{flex:none!important;height:34px;display:inline-flex!important;align-items:center;gap:6px;padding:0 12px!important;border-radius:999px!important;font-size:13px!important;font-weight:600!important;white-space:nowrap;background:#fff!important;color:#3461DC!important;border:1px solid #CFDAF7!important;box-shadow:none!important;justify-content:center!important}
html body[data-mod] #view .vaip-acts button:first-child{background:#3461DC!important;color:#fff!important;border-color:#3461DC!important}
html body[data-mod] #view .vaip-acts button svg{width:15px!important;height:15px!important;color:currentColor!important}
html body[data-mod] #view .vaip-acts button:active{opacity:.75}
@media (min-width:768px){html body[data-mod] #view .vaip{padding-block:18px 16px!important;padding-inline:20px 18px!important;min-height:0!important}html body[data-mod] #view .vaip-l{padding-inline-end:46%}}
/* 2.76.5: duty bar — the words stay left of the button (they were running under it); compact 34px button */
.duty .duty-l{flex:1 1 auto;min-width:0}
.duty .duty-l>div{min-width:0;flex:1 1 auto}
.duty .duty-l b{font-size:15px;line-height:1.25}
.duty .duty-l span{font-size:12px;line-height:1.35}
.duty .duty-r{flex:none}
.duty .duty-btn{height:34px;display:inline-flex;align-items:center;padding:0 14px;font-size:13px;font-weight:600;box-shadow:none;white-space:nowrap}
/* 2.77.4: honest offline — the bar wraps on phones; save / delete / send buttons are greyed */
#netbar{white-space:normal;inset-inline-start:0;inset-inline-end:0;margin:0 auto;width:fit-content;max-width:calc(100vw - 32px);transform:translateY(-140%);text-align:start;line-height:1.3}
#netbar.show{transform:translateY(8px)}
#netbar svg{flex:none}
body.offline .offdis{opacity:.45;filter:grayscale(.7);cursor:not-allowed}
/* 2.83.0: numbers given by the server, VAT type wording */
.f input.ronly{background:#F2F4F8;color:#475467}
.ivvtw{display:block;font-size:11.5px;line-height:1.35;color:#667085;margin-top:4px}

/* 3.2.1 (owner): sign-in / sign-up on a tablet is a tablet screen, not a phone column. Phones (< 700 px wide or < 640 px high) are unchanged.
   Portrait tablet: one wider card, bigger text and fields. Landscape tablet: brand panel on one side, the card on the other. */
@media (min-width:700px) and (min-height:640px){
  .lockscr .lpanel{max-width:none!important;width:100%;justify-content:center;min-height:100%;padding:40px 32px!important}
  .lockscr .lockbox{max-width:520px!important;padding:36px 40px!important}
  .lockscr .lktop,.lockscr .lkhero{max-width:520px;width:100%;margin-inline:auto!important}
  .lockscr .lktop img{height:30px!important}
  .lockscr .lkmix{font-size:42px}
  .lockbox .f label{font-size:14.5px}
  .lockbox .f input{height:50px!important;font-size:16px!important;border-radius:14px!important}
  .lockbox .remember,.lockbox .lk-agree{font-size:14px}
  .lockscr .lkc{width:52px;height:52px}
  .lockscr .lkc svg{width:23px;height:23px}
  .lockscr .lfoot{font-size:14px}
}
@media (min-width:1000px) and (min-height:600px) and (orientation:landscape){
  .lockscr{flex-direction:row!important;align-items:stretch!important;padding:0!important}
  .lockscr .lhero{display:flex!important;flex:1 1 46%;flex-direction:column;justify-content:center;align-items:flex-start;padding:56px 64px!important;text-align:start;position:relative;overflow:hidden;background:linear-gradient(155deg,#3461DC 0%,#1E3FA8 55%,#14215F 100%)!important;color:#fff;position:sticky;top:0;height:100vh;min-height:100vh}
  .lockscr .lhero .lbrand{position:static!important;display:block!important;margin:0 0 40px!important}
  .lockscr .lhero .lbrand::before{display:block;width:150px!important;height:46px!important}
  .lockscr .lhero .lhead{font-size:clamp(40px,4.2vw,58px)!important;margin:0 0 18px}
  .lockscr .lhero .lhead span{color:#A9D8FF!important}
  .lockscr .lhero .ltag{font-size:17px;max-width:32ch;margin:0 0 22px}
  .lockscr .lhero .lfeat{display:flex!important;gap:12px}
  .lockscr .lhero .lfeat li{font-size:15.5px}
  .lockscr .lhero .lfeat li::before{background:#7CE7D5!important}
  .lockscr .lpanel{flex:1 1 54%;width:auto;overflow-y:auto}
  .lockscr .lktop{display:none!important}
}

/* 3.2.2 (owner): Vegobot drawing details form — one form instead of question after question */
.adf-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:12px;padding:12px 14px;border:1.5px solid #3461DC;border-radius:14px;background:#F2F6FF;color:#14215F;font:inherit;text-align:start;cursor:pointer}
.adf-card b{font-size:14.5px;color:#3461DC}.adf-card small{font-size:12px;color:#5B6478}
.adf{margin-top:12px;padding:14px;border:1px solid #D9E2F2;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:10px}
.adf-h b{display:block;font-size:15px;color:#14215F}.adf-h small{font-size:12px;color:#5B6478}
.adf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.adf-f{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#3C4250;min-width:0}
.adf-f input{height:42px;padding:0 12px;border:1px solid #D3DAE6;border-radius:12px;font:inherit;font-size:15px;color:#14151A;background:#fff;min-width:0}
.adf-f input:focus{outline:2px solid rgba(52,97,220,.35);border-color:#3461DC}
.adf-wide{grid-column:1/-1}
.adf-row{display:flex;flex-direction:column;gap:5px}.adf-l{font-size:12.5px;color:#3C4250}
.adf-sub{display:block;font-size:11.5px;color:#6B7280;margin-top:1px}
.adf-chips{display:flex;flex-wrap:wrap;gap:6px}
.adf-chips .chip{min-height:34px;font-size:13px}
.adf-chips .chip[aria-pressed="true"]{background:#3461DC;border-color:#3461DC;color:#fff}
.adf-door{display:flex;flex-direction:column;gap:10px}.adf-door[hidden]{display:none}
.adf-note{margin:0;font-size:12px;color:#5B6478}
.adf-acts{display:flex;justify-content:flex-end}
.adf-miss,.adf-miss input{border-color:#DC2626!important;box-shadow:0 0 0 2px rgba(220,38,38,.15);border-radius:12px}

/* 3.3.1 (owner): Vego CAD — highlighted card on the home screens and its own screen */
.vcad-card{display:flex;align-items:center;gap:14px;width:100%;margin:14px 0 4px;box-sizing:border-box;padding:14px 16px;border:0;border-radius:18px;background:linear-gradient(120deg,#0E7490 0%,#3461DC 100%);color:#fff;font:inherit;text-align:start;cursor:pointer;box-shadow:0 10px 24px -12px rgba(14,116,144,.7)}
.vcad-card:active{transform:scale(.99)}
.vcad-ci{flex:none;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center}
.vcad-ci svg{width:24px;height:24px}
.vcad-cx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.vcad-cx b{font-size:16.5px;letter-spacing:-.01em}.vcad-cx small{font-size:12.5px;opacity:.88}
.vcad-go{font-size:26px;line-height:1;opacity:.85}
html[dir="rtl"] .vcad-go{transform:scaleX(-1)}
.vcad-h{display:inline-flex;align-items:center;gap:8px}.vcad-h svg{width:22px;height:22px;color:#0E7490}
.vcad{display:flex;flex-direction:column;gap:10px}
.vcad-t{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border:1px solid #DCE3EE;border-radius:16px;background:#fff;color:#14215F;font:inherit;text-align:start;cursor:pointer}
.vcad-t.main{border-color:#3461DC;background:#F2F6FF}
.vcad-i{flex:none;width:42px;height:42px;border-radius:12px;background:#E8F4F7;color:#0E7490;display:grid;place-items:center}
.vcad-t.main .vcad-i{background:#3461DC;color:#fff}
.vcad-i svg{width:22px;height:22px}
.vcad-x{display:flex;flex-direction:column;gap:2px;min-width:0}.vcad-x b{font-size:15px}.vcad-x small{font-size:12.5px;color:#5B6478}

/* 3.4.0 (owner): Vego CAD editor */
.vc{display:flex;flex-direction:column;gap:12px}
.vc>*{flex-shrink:0}
.vc-top{display:flex;gap:8px;align-items:center}
.vc-name{flex:1;min-width:0;height:42px;padding:0 12px;border:1px solid #D3DAE6;border-radius:12px;font:inherit;font-size:15px;font-weight:600;color:#14215F}
.vc-ib{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid #D3DAE6;background:#fff;color:#14215F;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer}
.vc-ib:disabled{opacity:.35;cursor:default}
.vc-sheet{border:1px solid #DCE3EE;border-radius:14px;background:#fff;overflow:hidden;cursor:zoom-in}
.vc-sheet svg{display:block;width:100%;height:auto}
.vc-sheet.zoom{overflow:auto;cursor:zoom-out;-webkit-overflow-scrolling:touch}
.vc-sheet.zoom svg{width:260%;max-width:none}
.vc-hint{margin:-6px 0 0;font-size:11.5px;color:#7A8291;text-align:center}
.vc-warn{padding:10px 12px;border-radius:12px;background:#FDECEC;color:#9B1C1C;font-size:13px}
.vc-strip{display:flex;gap:4px;align-items:stretch;overflow-x:auto;padding:2px 0 4px}
.vc-p{min-width:58px;padding:10px 6px;border:1.5px solid #CFE0F5;border-radius:10px;background:#E8F3FD;color:#14215F;font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}
.vc-p b{font-size:12.5px;white-space:nowrap}.vc-p small{font-size:12px;color:#3C4250}
.vc-p.door{background:#fff;border-style:dashed}
.vc-p.on{border-color:#3461DC;box-shadow:0 0 0 2px rgba(52,97,220,.25);background:#F2F6FF}
.vc-add{flex:none;width:34px;border:1.5px dashed #9FB3D9;border-radius:10px;background:#fff;color:#3461DC;font-size:20px;cursor:pointer}
.vc-sum{margin:-4px 0 0;font-size:12.5px;color:#5B6478}
.vc-card{border:1px solid #DCE3EE;border-radius:16px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:12px}
.vc-ch{display:flex;align-items:center;justify-content:space-between}.vc-ch b{font-size:15px;color:#14215F}
.vc-mv{display:flex;gap:6px}
.vc-row{display:flex;flex-direction:column;gap:6px}.vc-row>span{font-size:12.5px;color:#3C4250}
.vc-chips{display:flex;flex-wrap:wrap;gap:6px}.vc-chips .chip{min-height:34px;font-size:13px}
.vc-chips .chip[aria-pressed="true"]{background:#3461DC;border-color:#3461DC;color:#fff}
.vc-num{display:flex;align-items:center;gap:6px}.vc-num input{width:120px;height:42px;padding:0 12px;border:1px solid #D3DAE6;border-radius:12px;font:inherit;font-size:16px}.vc-num small{color:#7A8291}
.vc-step{display:flex;align-items:center;gap:12px}.vc-step b{min-width:22px;text-align:center;font-size:16px}
.vc-acts{display:flex;flex-wrap:wrap;gap:8px}.vc-del{color:#B42318!important}
.vc-more summary{font-weight:600;color:#14215F;cursor:pointer}
.vc-foot{display:flex;justify-content:flex-end;padding-bottom:8px}
.vc-tabs{display:flex;gap:6px;flex-wrap:wrap}.vc-tabs .chip[aria-pressed="true"]{background:#14215F;border-color:#14215F;color:#fff}
.vcad-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #DCE3EE;border-radius:16px;background:#fff}.vcad-row .vcad-x{flex:1}
.vcad-empty{margin:4px 2px;color:#5B6478;font-size:13.5px}
/* 3.7.0 Settings → Business type */
.bt-list{display:flex;flex-direction:column;gap:8px}
.bt-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:start;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--pane);color:var(--ink);font:inherit;cursor:pointer}
.bt-row b{font-size:15px;font-weight:600}
.bt-row small{font-size:12.5px;color:var(--muted)}
.bt-row[aria-checked="true"]{border-color:#3461DC;background:rgba(52,97,220,.08)}
.bt-other{display:flex;flex-direction:column;gap:6px;padding:4px 2px 0}
.bt-other small{font-size:12.5px;color:#3461DC;min-height:16px}
/* 4.3.0 invoice in another currency: "1 EUR = [rate] AED" in the payment box */
.spadd .ipfx{display:flex;align-items:center;gap:6px;background:var(--glass);border-radius:10px;padding:0 10px;font-size:13px;font-weight:600;color:var(--muted,#6b7280)}
.spadd .ipfx input{background:transparent;padding:9px 0;flex:1 1 40px;min-width:0;color:var(--ink,inherit)}
.spadd .ipfx[hidden]{display:none}
.rinvrow.off{opacity:.55}
.fxsrc{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}
/* 5.1.1: tablet and desktop have the left menu (from 768 px): the phone's bottom bar is not shown there for any app
   (the per-app bar styles above turned it back on, so it covered the help panel and the end of every page) */
@media (min-width:768px){
  body[data-mod] #bnav.bnav{display:none!important}
  .ds-mods button[aria-pressed="true"]{background:#3461DC!important;color:#fff!important}
}
/* month arrows: a finger-sized target */
.xmon-nav{min-width:32px;min-height:32px}
/* 5.1.1: tablet home — the right column is only there when it has the banner; otherwise the cards use the full width */
@media (min-width:768px) and (max-width:1099px){
  body[data-view="home"] main:not(:has(> .hbanner)){grid-template-columns:minmax(0,1fr)!important}
}
/* POS with no stock items: the message across the whole grid */
.pos-grid > .empty{grid-column:1/-1}
/* 5.1.1: Team (HR) header like CRM's: see-through switch with a white pill, light round buttons (the chat button was dark on dark) */
body[data-mod="hr"] .modsw{background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important;border-radius:12px!important}
body[data-mod="hr"] .modsw button{color:rgba(255,255,255,.85)!important}
body[data-mod="hr"] .modsw button[aria-selected="true"]{background:#FFFFFF!important;color:#13238F!important;box-shadow:0 6px 16px -8px rgba(0,0,0,.4)!important}
body[data-mod="hr"] .hsearch,body[data-mod="hr"] .userbtn,body[data-mod="hr"] .connbtn{background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important;color:#FFFFFF!important}
/* the "Add bill" button floats over the help panel on wide screens (≥1100): there the left menu's New → Bill does it */
@media (min-width:1100px){#fab.billfab{display:none!important}}