/* CREATIIV dealer portal v5 (SAMPLE, 2026-10-23): a restyle of the live v4 portal in the round-3 /cars language.
   Inter Variable · ink #23223A · grey wells #F5F6F8 · 12/16px radii · quiet hairlines · lime #C8F531 is the one accent
   (the "do it" action: Add car, Call, Approve, Send). Colour lives in the content: car photos, one gradient tile per
   section, pastel status chips, network logos. Tokens mirror creatiiv.ai/cars (CREATIIV/tools/site/cars.css). */
@font-face{font-family:"Inter Variable";src:url(fonts/inter-var-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --bg:#FFFFFF;--ink:#23223A;--body:#475467;--muted:#5F6878;--well:#F5F6F8;--chip:#F4F5F7;--chip-h:#ECEDF1;--line:#E9EAEE;--line2:#F0F1F4;
  --card:#FFFFFF;--ring:inset 0 0 0 1px var(--line);--sh:0 1px 2px rgba(16,24,40,.04),0 16px 32px -22px rgba(16,24,40,.22);
  --glass:rgba(255,255,255,.84);--glass-ln:rgba(16,24,40,.07);--cap:rgba(255,255,255,.7);
  --acc:#C8F531;--acc-ink:#0C0D0B;--acc-sh:0 8px 18px -10px rgba(110,150,0,.55),inset 0 0 0 1px rgba(12,13,11,.08);
  --pill:#23223A;--pill-t:#FFFFFF;
  --blue1:#3B8BF0;--blue2:#0067E0;--or1:#FB8A45;--or2:#E04E00;--gr1:#2FBF7A;--gr2:#0B8A4E;--gx1:#8D93A3;--gx2:#4A5060;--tl1:#2CC0C9;--tl2:#0A8592;
  --c-blue-bg:#EAF2FF;--c-blue-t:#1D56D6;--c-green-bg:#E3F6EC;--c-green-t:#11704A;--c-amber-bg:#FFF2DE;--c-amber-t:#8A5108;--c-red-bg:#FFEBEE;--c-red-t:#B4233A;--c-grey-bg:#F0F1F4;--c-grey-t:#4C5565;
  --hero1:#2563EB;--hero2:#1240C8;--bub:#F1F2F5;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#070506;--ink:#F3F3F6;--body:#ABB0BC;--muted:#9AA0AD;--well:#121217;--chip:#17171C;--chip-h:#202027;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.05);
  --card:#0F0F13;--ring:inset 0 0 0 1px rgba(255,255,255,.07);--sh:0 0 #0000;
  --glass:rgba(10,10,13,.82);--glass-ln:rgba(255,255,255,.07);--cap:rgba(14,14,18,.66);
  --acc-sh:0 0 22px -8px rgba(200,245,49,.45);
  --pill:#F3F3F6;--pill-t:#0C0D0B;
  --c-blue-bg:rgba(60,130,255,.15);--c-blue-t:#A3C4FF;--c-green-bg:rgba(60,200,130,.14);--c-green-t:#7FDDAA;--c-amber-bg:rgba(255,170,50,.14);--c-amber-t:#F6C77B;--c-red-bg:rgba(255,90,110,.14);--c-red-t:#FFA6B1;--c-grey-bg:rgba(255,255,255,.07);--c-grey-t:#C0C5CF;
  --hero1:#1F55D8;--hero2:#0D2F98;--bub:#1A1A20;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:"Inter Variable",Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:21px;letter-spacing:-.3px;font-feature-settings:"cv01","cv05","cv09","cv11","ss03";-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}
button{border:0;background:none;cursor:pointer}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:18px;height:18px;flex:none}
.num{font-variant-numeric:tabular-nums}
.nl{display:inline-grid;flex:none;width:16px;height:16px}.nl svg{width:100%;height:100%}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:100;padding:10px 14px;border-radius:999px;background:var(--ink);color:var(--bg)}

/* sample bar */
.pv{display:flex;justify-content:center;gap:6px;padding:7px 16px;font-size:12px;line-height:18px;letter-spacing:-.2px;color:var(--body);background:var(--well);text-align:center}
.pv b{font-weight:600;color:var(--ink)}

/* ── section tiles: one gradient per section ───────────────────────── */
.gt{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;color:#FFFFFF;background:linear-gradient(180deg,var(--g1),var(--g2));box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.gt svg{width:16px;height:16px}
.gt.sm{width:24px;height:24px;border-radius:7px}.gt.sm svg{width:14px;height:14px}
.g-home{--g1:var(--gx1);--g2:var(--gx2)}.g-cars{--g1:var(--blue1);--g2:var(--blue2)}.g-leads{--g1:var(--gr1);--g2:var(--gr2)}.g-posts{--g1:var(--or1);--g2:var(--or2)}.g-site{--g1:var(--tl1);--g2:var(--tl2)}
.g-acc{background:var(--acc);color:var(--acc-ink);box-shadow:inset 0 0 0 1px rgba(12,13,11,.08)}

/* chips: pastel fill, saturated text */
.sc{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;line-height:16px;font-weight:600;letter-spacing:-.1px;white-space:nowrap}
.sc i{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.s-blue{background:var(--c-blue-bg);color:var(--c-blue-t)}.s-green{background:var(--c-green-bg);color:var(--c-green-t)}.s-amber{background:var(--c-amber-bg);color:var(--c-amber-t)}.s-red{background:var(--c-red-bg);color:var(--c-red-t)}.s-grey{background:var(--c-grey-bg);color:var(--c-grey-t)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;font-size:14px;line-height:20px;font-weight:650;letter-spacing:-.3px;white-space:nowrap;transition:scale .45s cubic-bezier(.34,1.36,.64,1),background-color .3s}
.btn:active{scale:.96}
.btn-acc{background:var(--acc);color:var(--acc-ink);box-shadow:var(--acc-sh)}
.btn-2{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn-2:hover{background:var(--well)}
.btn-q{color:var(--body);padding:0 12px}.btn-q:hover{color:var(--ink)}
.ib{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--ink)}
.ib:hover{background:var(--chip)}
.ib .ic{width:20px;height:20px}
.dot-n{position:absolute;top:6px;right:5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--pill);color:var(--pill-t);font-size:10.5px;line-height:17px;font-weight:700;text-align:center;box-shadow:0 0 0 2px var(--bg)}
.tgl .moon{display:none}:root[data-theme="dark"] .tgl .sun{display:none}:root[data-theme="dark"] .tgl .moon{display:block}

/* ── shell ─────────────────────────────────────────────────────────── */
.app{min-height:100vh}
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 8px 0 20px;background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 1px 0 var(--line)}
.who{display:flex;align-items:center;gap:10px;min-width:0}
.logo{display:grid;place-items:center;width:36px;height:36px;flex:none;overflow:hidden;border-radius:10px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.logo img{width:22px;height:auto;filter:brightness(0)}
:root[data-theme="dark"] .logo img{filter:brightness(0) invert(1)}
.who b{display:block;font-size:14.5px;line-height:19px;font-weight:650;letter-spacing:-.4px;white-space:nowrap}
.who small{display:block;font-size:12px;line-height:16px;color:var(--muted)}
.top-r{display:flex;align-items:center}
.side{display:none}
main{padding:20px 20px 132px}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:calc(72px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 -1px 0 var(--line)}
.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:64px;margin-bottom:4px;font-size:11px;line-height:14px;font-weight:550;letter-spacing:-.1px;color:var(--muted)}
.tab .ic{width:22px;height:22px}
.tab[aria-current="page"]{color:var(--ink);font-weight:650}
.tab .dot-n{top:4px;right:calc(50% - 22px)}
.tab-add .plus{display:grid;place-items:center;width:44px;height:44px;margin-top:-6px;border-radius:50%;background:var(--acc);color:var(--acc-ink);box-shadow:var(--acc-sh)}
.tab-add .plus .ic{width:20px;height:20px}
.tab-add{color:var(--ink)}

@media (min-width:1024px){
  .pv{position:relative;z-index:31}
  .app{display:grid;grid-template-columns:256px minmax(0,1fr)}
  .top{display:none}
  .tabbar{display:none}
  .side{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:20px 14px 16px;box-shadow:1px 0 0 var(--line);overflow:auto;scrollbar-width:none}
  .side .who{padding:4px 8px 0}
  .side .add{margin:16px 0 10px;width:100%}
  .nav a{display:flex;align-items:center;gap:11px;height:44px;padding:0 10px 0 8px;border-radius:10px;font-size:14px;line-height:20px;font-weight:520;color:var(--body);transition:background-color .25s,color .25s}
  .nav a:hover{background:var(--well);color:var(--ink)}
  .nav a[aria-current="page"]{background:var(--well);color:var(--ink);font-weight:620}
  .nav a .cnt{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--pill);color:var(--pill-t);font-size:11px;line-height:20px;font-weight:700;text-align:center}
  .nav .plain .ic{width:18px;height:18px;margin:0 5px 0 5px;color:var(--muted)}
  .nav-l{margin:12px 0 2px;padding:0 10px;font-size:12px;line-height:18px;font-weight:600;color:var(--muted)}
  .side-f{margin-top:auto;padding-top:12px;box-shadow:0 -1px 0 var(--line)}
  .deskbar{display:flex;align-items:center;justify-content:flex-end;gap:4px;height:72px;padding:0 32px}
  main{width:100%;max-width:1128px;margin:0 auto;padding:4px 48px 72px}
}
@media (max-width:1023px){.deskbar{display:none}}

/* ── screen basics ─────────────────────────────────────────────────── */
.head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ttl{display:flex;align-items:center;gap:10px}
h1{font-size:22px;line-height:26px;font-weight:650;letter-spacing:-1.1px}
.sub{margin-top:6px;font-size:14px;line-height:21px;color:var(--body)}
h2{font-size:15px;line-height:22px;font-weight:650;letter-spacing:-.4px}
.sec{margin-top:32px}
.sec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.sec-h a,.lnk{display:inline-flex;align-items:center;gap:2px;min-height:44px;font-size:13px;font-weight:600;color:var(--body)}
.sec-h a .ic,.lnk .ic{width:16px;height:16px}
.card{background:var(--card);border-radius:16px;box-shadow:var(--ring),var(--sh)}
.eyebrow{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:18px;font-weight:650;letter-spacing:-.2px;color:var(--body)}
.eyebrow .n{color:var(--muted);font-weight:550}
.meta{font-size:12.5px;line-height:18px;color:var(--muted)}
.chev{width:16px;height:16px;color:var(--muted);flex:none}
.thumb{flex:none;width:56px;height:42px;border-radius:8px;object-fit:cover;background:var(--well)}

/* reveal (motion layer: opacity + transform only; static under reduced motion) */
@media (prefers-reduced-motion:no-preference){
  .rv{animation:rv .6s cubic-bezier(.03,.65,.5,1) both;animation-delay:calc(var(--d,0) * 70ms + 80ms)}
  @keyframes rv{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}
}

/* ── HOME ──────────────────────────────────────────────────────────── */
.hello .meta{margin-top:4px;font-size:13.5px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.lot{grid-column:1/-1;position:relative;overflow:hidden;padding:18px 18px 14px;border-radius:16px;color:#FFFFFF;background:linear-gradient(160deg,var(--hero1),var(--hero2));box-shadow:0 22px 34px -22px rgba(20,70,216,.75)}
:root[data-theme="dark"] .lot{box-shadow:0 0 #0000}
.lot::after{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);pointer-events:none}
.lot small{display:flex;align-items:center;gap:7px;font-size:12.5px;line-height:18px;font-weight:600;color:#F1F5FF}
.lot small i{width:6px;height:6px;border-radius:50%;background:var(--acc)}
.lot b{display:block;margin-top:8px;font-size:36px;line-height:40px;font-weight:620;letter-spacing:-1.6px}
.lot p{margin-top:2px;font-size:13.5px;line-height:20px;color:#F1F5FF}
.lot-f{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.lot .sc{background:rgba(6,20,80,.3);color:#FFFFFF}
.lot .lnk{color:#FFFFFF}
.cars-strip{display:flex;margin-top:14px}
.cars-strip img{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--hero1);margin-right:-8px}
.st{padding:14px;border-radius:16px;background:var(--card);box-shadow:var(--ring),var(--sh)}
.st small{display:block;font-size:12.5px;line-height:18px;font-weight:550;color:var(--body)}
.st b{display:block;margin-top:6px;font-size:28px;line-height:32px;font-weight:620;letter-spacing:-1.2px}
.st .sc{margin-top:10px}
.st .nets{display:inline-flex;gap:3px;margin-right:2px}
.qa{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}
.qa a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0;border-radius:14px;font-size:12.5px;line-height:16px;font-weight:600;letter-spacing:-.2px;text-align:center;transition:scale .45s cubic-bezier(.34,1.36,.64,1)}
.qa a:active{scale:.95}
.qa .gt{width:48px;height:48px;border-radius:15px}.qa .gt svg{width:21px;height:21px}
.setup{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 16px;min-height:76px}
.ring{position:relative;flex:none;width:46px;height:46px}
.ring svg{width:46px;height:46px;rotate:-90deg}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:12.5px;font-weight:650;letter-spacing:-.3px}
.setup .tx{flex:1;min-width:0}
.setup .tx b{display:block;font-size:14.5px;line-height:20px;font-weight:650}
.setup .tx span{display:block;font-size:13px;line-height:19px;color:var(--body)}
.rows li+li{box-shadow:0 -1px 0 var(--line2)}
.row{display:flex;align-items:center;gap:12px;min-height:66px;padding:11px 14px}
.row .tx{flex:1;min-width:0}
.row .tx b{display:block;font-size:14px;line-height:20px;font-weight:620;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .tx>span{display:block;font-size:12.5px;line-height:18px;color:var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act .thumb{width:40px;height:40px;border-radius:50%}
.act .when{font-size:12.5px;color:var(--muted);white-space:nowrap}
@media (min-width:1024px){
  .home{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
  .stats{grid-template-columns:1.25fr 1fr;margin-top:24px}
  .lot{grid-column:1;grid-row:span 2}
  .st{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:12px}
  .st small{grid-column:1/-1}.st b{grid-column:1}.st .sc{grid-column:2;justify-self:end;margin-bottom:4px}
  .lot b{font-size:38px;line-height:42px}
  .qa{gap:10px;margin-top:16px}
  .qa a{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px;border-radius:14px;background:var(--card);box-shadow:var(--ring);text-align:left;font-size:13.5px}
  .qa a:hover{background:var(--well)}
  .qa .gt{width:36px;height:36px;border-radius:11px}.qa .gt svg{width:18px;height:18px}
  .home .right{padding-top:2px}
  .home .right .sec:first-child{margin-top:0}
}

/* ── CARS ──────────────────────────────────────────────────────────── */
.tools{margin-top:18px}
.search{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:12px;background:var(--well);color:var(--muted)}
.search input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font-size:14px;color:var(--ink)}
.search input::placeholder{color:var(--muted)}
.seg{display:flex;gap:6px;margin-top:12px;overflow-x:auto;scrollbar-width:none;margin-left:-20px;margin-right:-20px;padding:0 20px}
.seg button{display:inline-flex;align-items:center;gap:6px;flex:none;height:36px;padding:0 14px;border-radius:999px;background:var(--chip);font-size:13px;font-weight:600;color:var(--body);position:relative}
.seg button::before{content:"";position:absolute;left:0;right:0;top:-4px;bottom:-4px}
.seg button .n{font-weight:550;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--pill);color:var(--pill-t)}
.seg button[aria-pressed="true"] .n{color:inherit;opacity:.72}
.listbar{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.sort{display:inline-flex;align-items:center;gap:6px;height:44px;font-size:13px;font-weight:600;color:var(--body)}
.sort .ic{width:15px;height:15px}
.addrow{display:flex;align-items:center;gap:12px;margin-top:6px;padding:12px 14px;border-radius:14px;background:var(--well)}
.addrow .tx{flex:1}
.addrow b{display:block;font-size:14px;line-height:20px;font-weight:650}
.addrow span{display:block;font-size:12.5px;line-height:18px;color:var(--body)}
.addrow .plus{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--acc);color:var(--acc-ink);box-shadow:var(--acc-sh)}
.clist{margin-top:10px}
.car{display:grid;grid-template-columns:108px minmax(0,1fr) 44px;gap:10px;align-items:center;padding:10px 0}
.clist li+li .car{box-shadow:0 -1px 0 var(--line2)}
.car img{width:108px;height:76px;border-radius:10px;object-fit:cover;background:var(--well)}
.car b{display:block;font-size:14px;line-height:19px;font-weight:620;letter-spacing:-.3px}
.car .price{display:block;margin-top:2px;font-size:14px;line-height:20px;font-weight:650}
.car .meta{display:block}
.car .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.car .more{width:44px;height:44px;margin-right:-8px;display:grid;place-items:center;color:var(--muted);border-radius:10px}
.cgrid{display:none}
@media (min-width:1024px){
  .tools{display:flex;align-items:center;gap:12px;margin-top:24px}
  .search{width:320px}
  .seg{margin:0;padding:0;overflow:visible}
  .tools .sort{margin-left:auto}
  .listbar,.addrow,.clist{display:none}
  .cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;margin-top:20px}
  .cg a{display:block}
  .cg .ph{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--well)}
  .cg .ph img{width:100%;height:100%;object-fit:cover;transition:scale .6s cubic-bezier(.22,1,.36,1)}
  .cg a:hover .ph img{scale:1.03}
  .cg .cap{position:absolute;left:10px;top:10px;display:flex;gap:5px}
  .cg .cap .sc{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .cg .cap .s-glass{background:var(--cap);color:var(--ink)}
  .cg .more{position:absolute;right:8px;top:6px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#FFFFFF}
  .cg .more span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cap);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .cg .tx{display:flex;justify-content:space-between;gap:12px;margin-top:12px}
  .cg b{display:block;font-size:14.5px;line-height:20px;font-weight:620;letter-spacing:-.35px}
  .cg .price{font-size:14.5px;line-height:20px;font-weight:650;white-space:nowrap}
  .cg .meta{margin-top:2px}
  .cg-add{display:flex;flex-direction:column;justify-content:center;gap:14px;aspect-ratio:4/3;padding:24px;border-radius:12px;background:var(--well)}
  .cg-add .plus{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--acc);color:var(--acc-ink);box-shadow:var(--acc-sh)}
  .cg-add b{display:block;font-size:16px;line-height:22px;font-weight:650;letter-spacing:-.5px}
  .cg-add p{margin-top:2px;color:var(--body);max-width:30ch}
  .steps{display:flex;flex-wrap:wrap;gap:6px}
  .steps span{height:24px;padding:0 9px;border-radius:999px;background:var(--card);box-shadow:var(--ring);font-size:11.5px;line-height:24px;font-weight:600;color:var(--body)}
}

/* ── LEADS ─────────────────────────────────────────────────────────── */
.ar{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border-radius:14px;background:var(--well)}
.ar .tx{flex:1;min-width:0}
.ar b{display:block;font-size:13.5px;line-height:19px;font-weight:650}
.ar span{display:block;font-size:12.5px;line-height:18px;color:var(--body)}
.lgroup{margin-top:22px}
.lgroup .eyebrow{margin-bottom:4px}
.lead{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;width:calc(100% + 20px);padding:12px 10px;margin:0 -10px;border-radius:14px;text-align:left;transition:background-color .25s}
.lead:hover{background:var(--well)}
.lead[aria-current="true"]{background:var(--well)}
.avw{position:relative;width:42px;height:42px}
.av{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:13.5px;font-weight:650;letter-spacing:-.3px}
.av.a-blue{background:var(--c-blue-bg);color:var(--c-blue-t)}.av.a-green{background:var(--c-green-bg);color:var(--c-green-t)}.av.a-amber{background:var(--c-amber-bg);color:var(--c-amber-t)}.av.a-grey{background:var(--c-grey-bg);color:var(--c-grey-t)}.av.a-red{background:var(--c-red-bg);color:var(--c-red-t)}
.avw .src{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 2px var(--bg)}
.avw .src .nl{width:16px;height:16px}
.avw .src .ic{width:11px;height:11px;color:var(--body)}
.avw .src.web,.avw .src.sms{background:var(--chip)}
.lead .l1{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.lead .l1 b{font-size:14px;line-height:20px;font-weight:650;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead .l1 time{font-size:12px;color:var(--muted);white-space:nowrap}
.lead .l2{display:block;font-size:12.5px;line-height:18px;font-weight:550;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead .l3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}
.lead .l3 span{font-size:12.5px;line-height:18px;color:var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead.unread .l1 b::after{content:"";display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:#2F7BF5;vertical-align:1px}

/* lead detail: a bottom sheet on the phone, an inline panel from 1024px */
.scrim{display:none}
.detail{display:none}
.is-open .scrim{display:block;position:fixed;inset:0;z-index:40;background:rgba(10,10,20,.32)}
:root[data-theme="dark"] .is-open .scrim{background:rgba(0,0,0,.6)}
.is-open .detail{display:block;position:fixed;left:0;right:0;bottom:0;top:44px;z-index:41;overflow:auto;padding:8px 20px 28px;border-radius:22px 22px 0 0;background:var(--bg);box-shadow:0 -1px 0 var(--line),0 -20px 40px -20px rgba(16,24,40,.25)}
.grab{width:38px;height:5px;margin:2px auto 10px;border-radius:999px;background:var(--line)}
.d-h{display:flex;align-items:center;gap:12px}
.d-h .tx{flex:1;min-width:0}
.d-h b{display:block;font-size:18px;line-height:24px;font-weight:650;letter-spacing:-.7px}
.d-h .tx>span{display:flex;align-items:center;gap:6px;font-size:13px;line-height:19px;color:var(--body)}
.d-car{display:flex;align-items:center;gap:12px;margin-top:16px;padding:8px 6px 8px 8px;border-radius:14px;background:var(--well)}
.d-car img{width:72px;height:50px;border-radius:9px;object-fit:cover}
.d-car .tx{flex:1;min-width:0}
.d-car b{display:block;font-size:14px;line-height:19px;font-weight:620;letter-spacing:-.3px}
.d-car span{font-size:12.5px;line-height:18px;color:var(--body)}
.d-car .go{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 6px;font-size:13px;font-weight:600;color:var(--body)}
.contact{display:flex;gap:8px;margin-top:14px}
.contact .btn{flex:1;max-width:160px}
.contact+.meta{margin-top:8px}
.d-sec{margin-top:22px;padding-top:18px;box-shadow:0 -1px 0 var(--line)}
.d-sec .eyebrow{margin-bottom:10px}
.thread{display:flex;flex-direction:column;gap:12px}
.bub{max-width:86%}
.bub p{padding:10px 13px;border-radius:18px;font-size:14px;line-height:20px;letter-spacing:-.25px}
.bub.in p{background:var(--bub);border-bottom-left-radius:6px}
.bub.out{align-self:flex-end;text-align:right}
.bub.out p{text-align:left;color:#FFFFFF;background:linear-gradient(160deg,#2563EB,#1240C8);border-bottom-right-radius:6px}
.bub time{display:block;margin-top:4px;padding:0 4px;font-size:11.5px;line-height:16px;color:var(--muted)}
.vera{display:inline-flex;align-items:center;gap:5px;margin-top:5px}
.vera .ic{width:13px;height:13px}
.compose{display:flex;align-items:flex-end;gap:8px;margin-top:14px}
.compose textarea{flex:1;min-height:48px;max-height:120px;padding:13px 16px;border:0;border-radius:24px;background:var(--well);resize:none;outline:0;font-size:14px;line-height:20px}
.compose textarea::placeholder{color:var(--muted)}
.compose textarea:focus-visible{box-shadow:inset 0 0 0 2px var(--ink)}
.send{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--acc);color:var(--acc-ink);box-shadow:var(--acc-sh)}
.statusseg{display:flex;padding:3px;border-radius:999px;background:var(--well)}
.statusseg button{flex:1;height:40px;border-radius:999px;font-size:13px;font-weight:600;color:var(--body);position:relative}
.statusseg button::before{content:"";position:absolute;left:0;right:0;top:-3px;bottom:-3px}
.statusseg button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.08),var(--ring)}
.notes{width:100%;min-height:72px;padding:12px 14px;border:0;border-radius:14px;background:var(--well);resize:vertical;outline:0;font-size:14px;line-height:20px}
.notes::placeholder{color:var(--muted)}
.leads-wrap .pick{display:none}
@media (min-width:1024px){
  .leads-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:32px;align-items:start}
  .is-open .scrim{display:none}
  .detail,.is-open .detail{display:block;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding:22px;border-radius:18px;background:var(--card);box-shadow:var(--ring),var(--sh);z-index:auto}
  .grab,.d-close{display:none}
}

/* ── POSTS ─────────────────────────────────────────────────────────── */
.tabs{display:inline-flex;gap:2px;margin-top:16px;padding:3px;border-radius:999px;background:var(--well)}
.tabs button{position:relative;height:38px;padding:0 15px;border-radius:999px;font-size:13px;font-weight:600;color:var(--body)}
.tabs button::before{content:"";position:absolute;left:0;right:0;top:-3px;bottom:-3px}
.tabs button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.08),var(--ring)}
.amber-dot{width:7px;height:7px;border-radius:50%;background:#E8920C}
.oks{display:grid;gap:12px}
.ok{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px}
.ok .pic{position:relative;width:96px;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--well)}
.ok .pic img{width:100%;height:100%;object-fit:cover}
.ok .pic .sl{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 6px;border-radius:999px;background:var(--cap);color:var(--ink);font-size:11px;font-weight:650;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ok .pic .sl .ic{width:12px;height:12px}
.ok b{display:block;font-size:14.5px;line-height:20px;font-weight:650;letter-spacing:-.35px}
.when{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:12.5px;line-height:18px;color:var(--body)}
.when .nets{display:inline-flex;gap:3px}
.ok .cap{margin-top:6px;font-size:13px;line-height:19px;color:var(--body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ok .acts{grid-column:1/-1;display:flex;gap:8px;align-items:center}
.ok .acts .btn{height:44px;padding:0 16px;font-size:13.5px}
.ok .acts .btn-acc{flex:1}
.wk-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.wk-nav{display:flex;align-items:center;gap:2px}
.wk-nav .range{margin-right:6px;font-size:13px;font-weight:600;color:var(--body)}
.days li.day{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:10px 0;box-shadow:0 -1px 0 var(--line2)}
.days li.day:first-child{box-shadow:none}
.dl{display:flex;flex-direction:column;padding-top:4px;font-size:12px;line-height:16px;font-weight:600;color:var(--muted)}
.dl b{font-size:18px;line-height:24px;font-weight:650;letter-spacing:-.6px;color:var(--ink)}
.today .dl .td{display:inline-block;margin-top:4px;height:18px;padding:0 7px;border-radius:999px;background:var(--pill);color:var(--pill-t);font-size:10.5px;line-height:18px;font-weight:700;align-self:flex-start}
.ent{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:4px 0;text-align:left}
.ent img{flex:none;width:44px;height:55px;border-radius:8px;object-fit:cover}
.ent .tx{flex:1;min-width:0}
.ent .tx b{display:block;font-size:13.5px;line-height:19px;font-weight:620;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ent .sc{margin-top:4px}
.none{display:flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted)}
.week{display:none}
.note{margin-top:16px;font-size:12.5px;line-height:18px;color:var(--muted);max-width:70ch}
@media (min-width:1024px){
  .oks{grid-template-columns:1fr 1fr;gap:16px}
  .ok{grid-template-columns:120px minmax(0,1fr);padding:14px}
  .ok .pic{width:120px}
  .ok .acts{grid-column:2}
  .ok .acts .btn-acc{flex:none}
  .days{display:none}
  .week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
  .col{min-height:300px;padding:10px;border-radius:14px;background:var(--well)}
  .col.today{background:var(--card);box-shadow:var(--ring),var(--sh)}
  .col h3{display:flex;align-items:baseline;gap:6px;margin:2px 2px 10px;font-size:12.5px;line-height:18px;font-weight:600;color:var(--muted)}
  .col h3 b{font-size:16px;font-weight:650;color:var(--ink);letter-spacing:-.4px}
  .col h3 .td{margin-left:auto;height:18px;padding:0 7px;border-radius:999px;background:var(--pill);color:var(--pill-t);font-size:10.5px;line-height:18px;font-weight:700}
  .tile{display:block;text-align:left;width:100%}
  .tile img{width:100%;aspect-ratio:4/5;border-radius:9px;object-fit:cover}
  .tile .when{margin-top:7px;font-size:12px}
  .tile b{display:block;margin-top:2px;font-size:12.5px;line-height:17px;font-weight:620;letter-spacing:-.25px}
  .tile .sc{margin-top:6px}
  .col .dash{display:block;margin:4px 2px;color:var(--muted)}
}

/* layout helpers */
.col-main{min-width:0}
.head-r{display:flex;gap:8px;flex:none}
.only-desk,.only-desk-i{display:none}
@media (min-width:1024px){.only-desk{display:block}.btn.only-desk,.sort.only-desk{display:inline-flex}.only-desk-i{display:inline}.only-phone{display:none}}

.att .tx .l1{display:flex;align-items:center;justify-content:space-between;gap:8px}
.att .l1 b{min-width:0}
.att .l1 .sc{flex:none}
.list>.seg{margin-top:16px}
.lead .l3 .sc{flex:none}