/* ==================== base (host) ==================== */
:root{
    --bg:#F2F3F7;--surface:#fff;
    --indigo:#4f39f6;--indigo-text:#432dd7;--indigo-tint:#eef2ff;--indigo-tint-2:#f8fafc;
    --green:#00a63e;--green-text:#008236;--green-tint:#f0fdf4;--teal:#0EA5A0;--teal-text:#0B7D79;--teal-tint:#DCF3F1;
    --coral:#fb2c36;--coral-text:#c10007;--coral-tint:#fef2f2;
    --amber:#e17100;--amber-text:#973c00;--amber-tint:#fffbeb;
    --blue:#4f39f6;--blue-text:#432dd7;--blue-tint:#eef2ff;
    --violet:#4f39f6;--violet-text:#64748b;--violet-tint:#f1f5f9;
    --ink:#0f172a;--ink-2:#475569;--muted:#64748b;--faint:#94a3b8;
    --hair:#f1f5f9;--hair-2:#F1F3F6;
    --shadow:0 1px 2px rgba(20,30,45,.04),0 6px 18px rgba(20,30,45,.05);
    --shadow-h:0 2px 4px rgba(20,30,45,.05),0 10px 24px rgba(20,30,45,.07);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{font-family:'Satoshi',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;height:100vh;overflow:hidden;font-size:14px}
  .titlebar{height:52px;flex-shrink:0;background:linear-gradient(90deg,#171039,#221A57);display:flex;align-items:center;gap:12px;padding:0 16px;position:relative;z-index:20}
  .titlebar .dots{display:flex;gap:8px;flex:none}
  .titlebar .dots i{width:12px;height:12px;border-radius:50%}
  .titlebar .dots .r{background:#FF5F57}.titlebar .dots .y{background:#FEBC2E}.titlebar .dots .g{background:#28C840}
  .tb-brand{display:flex;align-items:center;gap:9px;margin-left:6px}
  .tb-brand .vsmark{height:21px;width:auto;display:block}
  .tb-brand .mk svg{width:15px;height:15px}
  .tb-brand span{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:15.5px;color:#fff;letter-spacing:-.01em}
  .tb-sp{flex:1}
  .tb-ps{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:9px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.9);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,.10)}
  .tb-ps:hover{background:rgba(255,255,255,.14)}
  .tb-ps svg{width:15px;height:15px;opacity:.85}
  .tb-ib{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:rgba(255,255,255,.85);background:rgba(255,255,255,.06)}
  .tb-ib:hover{background:rgba(255,255,255,.14)}
  .tb-ib svg{width:17px;height:17px}
  .tb-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--indigo),#7A6BF2);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;font-family:'Satoshi',system-ui,sans-serif;flex:none}
  .app-row{flex:1;display:flex;min-height:0}
  h1,h2,h3,h4{font-family:'Satoshi',sans-serif}
  .tnum{font-variant-numeric:tabular-nums}
  ::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#D7DAE2;border-radius:20px;border:3px solid transparent;background-clip:content-box}
  button{font-family:inherit;cursor:pointer;border:0;background:none}
  svg{display:block}

  .sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--hair);display:flex;flex-direction:column;padding:16px 14px}
  .brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px}
  .brand .mk{width:30px;height:30px;border-radius:8px;background:var(--indigo);display:grid;place-items:center}.brand .mk svg{width:17px;height:17px}
  .brand .nm{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.02em}
  .dialpad{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--indigo);color:#fff;font-weight:700;font-size:13.5px;border-radius:10px;padding:10px;margin-bottom:14px}.dialpad:hover{filter:brightness(1.07)}
  .dialpad .g{display:grid;grid-template-columns:repeat(3,3.5px);grid-template-rows:repeat(3,3.5px);gap:2px}.dialpad .g i{width:3.5px;height:3.5px;border-radius:1px;background:#fff}
  .navsec{margin-top:8px}
  .navlbl{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:7px 10px 6px}
  .nav{display:flex;flex-direction:column;gap:1px}
  .nav a{display:flex;align-items:center;gap:11px;height:36px;padding:0 10px;border-radius:9px;color:var(--ink-2);text-decoration:none;font-size:13.5px;font-weight:500;cursor:pointer}
  .nav a svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}
  .nav a:hover{background:var(--hair-2)}
  .nav a.on{background:var(--indigo-tint);color:var(--indigo-text);font-weight:700}.nav a.on svg{color:var(--indigo)}
  .nav a .b{margin-left:auto;font-size:10px;font-weight:800;border-radius:20px;padding:1.5px 8px;background:var(--indigo-tint);color:var(--indigo-text)}
  .nav a.on .b{background:#fff;color:var(--indigo-text)}
  .nav a .b.neo{background:var(--indigo-tint);color:var(--indigo-text)}
  .nav a .b.beta{background:var(--indigo-tint);color:var(--indigo-text)}
  .b.neo{background:linear-gradient(90deg,#6C61EA,#9A4BE2);color:#fff}.b.beta{background:var(--indigo-tint);color:var(--indigo-text)}
  .sfoot{margin-top:auto;border-top:1px solid var(--hair);padding-top:10px;display:flex;align-items:center;gap:10px}
  .sfoot .av{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--indigo),#9A4BE2);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
  .sfoot .who{flex:1;min-width:0}.sfoot .who .n{font-size:13px;font-weight:700}.sfoot .who .r{font-size:11px;color:var(--muted)}
  .sfoot .cog{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.sfoot .cog:hover{background:var(--hair-2)}.sfoot .cog svg{width:16px;height:16px}

  .main{flex:1;display:flex;flex-direction:column;min-width:0}
  .topbar{height:56px;flex-shrink:0;border-bottom:1px solid var(--hair);background:var(--surface);display:flex;align-items:center;gap:10px;padding:0 22px}
  .topbar .sp{flex:1}
  .ps{display:flex;align-items:center;gap:7px;background:var(--bg);border:1px solid var(--hair);border-radius:9px;padding:7px 11px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.ps svg{width:14px;height:14px;color:var(--muted)}
  .ib{width:34px;height:34px;border-radius:9px;border:1px solid var(--hair);background:var(--surface);display:grid;place-items:center;color:var(--muted)}.ib:hover{background:var(--bg)}.ib svg{width:16px;height:16px}

  .pages{flex:1;position:relative;overflow:hidden}
  .page{position:absolute;inset:0;overflow-y:auto;display:none}.page.on{display:block}
  .wrap{max-width:none;margin:0 auto;padding:26px 32px 56px}
  .phband{background:var(--surface);margin:-26px -32px 18px;padding:22px 32px 0;border-bottom:1.5px solid var(--hair)}
  .phband .tabrow{border-bottom:1.5px solid var(--hair-2);margin-bottom:0;padding-bottom:0}
  .phband .search{margin-bottom:8px;background:var(--bg)}
  .phband .search:focus-within{background:#fff}
  /* filter button + drawer */
  .fbtn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:9px;border:1px solid var(--hair);background:var(--bg);font-size:13px;font-weight:600;color:var(--ink-2);margin-left:auto;align-self:center;margin-bottom:8px;transition:.12s}
  .fbtn:hover{border-color:var(--indigo);color:var(--indigo-text)}
  .fbtn svg{width:14px;height:14px;color:var(--indigo)}
  .fbtn+.search{margin-left:0}
  .fbtn .fb-c{background:var(--indigo);color:#fff;font-size:10.5px;font-weight:800;border-radius:20px;min-width:18px;line-height:18px;text-align:center;padding:0 5px}
  .fbtn.act{border-color:var(--indigo);color:var(--indigo-text);background:var(--indigo-tint)}
  /* date-range dropdown */
  .dr-wrap{position:relative;display:flex;margin-left:auto;align-self:center;margin-bottom:8px}
  .dr-wrap .fbtn{margin-left:0;margin-bottom:0;white-space:nowrap}
  .drbtn span{white-space:nowrap}
  .dr-wrap~.fbtn{margin-left:0}
  .dr-wrap+.search{margin-left:0}
  .ph-row{display:flex;align-items:center;gap:8px}
  .ph-row .pagehead{flex:1;margin-bottom:0}
  .ph-row .dr-wrap{margin-left:0;margin-bottom:0;align-self:center}
  .ph-row .fbtn{margin-left:0;margin-bottom:0;align-self:center}
  .ph-row+.pagesub{margin-top:5px}
  .drbtn .drchev{width:13px;height:13px;color:var(--muted)}
  .dr-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:176px;background:#fff;border:1px solid var(--hair);border-radius:11px;box-shadow:0 12px 30px rgba(16,16,40,.16);padding:5px;display:none;z-index:150}
  .dr-menu.on{display:block}
  .dr-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border-radius:8px;background:none;font-size:12.5px;font-weight:600;color:var(--ink-2);text-align:left;cursor:pointer}
  .dr-menu button:hover{background:var(--indigo-tint);color:var(--indigo-text)}
  .dr-menu button.on{color:var(--indigo-text);font-weight:700}
  .dr-menu button.on::after{content:"✓";font-size:11px;font-weight:800}
  .fdrawer{position:fixed;inset:0;z-index:400;display:none}.fdrawer.on{display:block}
  .fd-scrim{position:absolute;inset:0;background:rgba(16,16,40,.32)}
  .fd-panel{position:absolute;top:0;right:0;bottom:0;width:400px;max-width:92vw;background:#fff;box-shadow:-12px 0 40px rgba(16,16,40,.18);display:flex;flex-direction:column;animation:fdin .18s ease-out}
  @keyframes fdin{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
  .fd-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--hair);font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:16px;color:var(--ink)}
  .fd-x{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:none}.fd-x:hover{background:var(--hair-2);color:var(--ink)}.fd-x svg{width:16px;height:16px}
  .fd-body{flex:1;overflow-y:auto;padding:6px 20px 20px}
  .fd-sec{padding:14px 0;border-bottom:1px solid var(--hair-2)}.fd-sec:last-child{border-bottom:0}
  .fd-h{display:flex;align-items:center;justify-content:space-between;font-family:'Satoshi',system-ui,sans-serif;font-weight:700;font-size:13px;color:var(--ink);margin-bottom:10px}
  .fd-h .sa{font-family:'Satoshi',system-ui,sans-serif;font-size:11.5px;font-weight:600;color:var(--indigo-text);cursor:pointer;background:none}.fd-h .sa:hover{text-decoration:underline}
  .fd-opts{display:flex;flex-wrap:wrap;gap:7px}
  .fd-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:20px;border:1px solid var(--hair);background:#fff;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:.12s;user-select:none}
  .fd-chip:hover{border-color:#c6d2ff}
  .fd-chip.on{background:var(--indigo-tint);border-color:var(--indigo);color:var(--indigo-text);font-weight:700}
  .fd-chip.on::before{content:"✓";font-size:10.5px;font-weight:800}
  .fd-radio{display:flex;gap:7px}
  .fd-name input{width:100%;height:36px;border:1px solid var(--hair);border-radius:9px;padding:0 12px;font-size:13px;outline:none}.fd-name input:focus{border-color:var(--indigo)}
  .fd-hint{font-size:11.5px;color:var(--muted);margin-top:6px}
  .fd-foot{display:flex;align-items:center;gap:9px;padding:14px 20px;border-top:1px solid var(--hair)}
  .fd-clear{font-size:12.5px;font-weight:600;color:var(--muted);background:none;margin-right:auto}.fd-clear:hover{color:var(--coral-text)}
  .fd-cancel{height:36px;padding:0 15px;border-radius:9px;border:1px solid var(--hair);background:#fff;font-size:13px;font-weight:600;color:var(--ink-2)}
  .fd-apply{height:36px;padding:0 17px;border-radius:9px;background:var(--indigo);color:#fff;font-size:13px;font-weight:700}.fd-apply:hover{filter:brightness(1.08)}
  .pagehead{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:26px;letter-spacing:-.015em;color:var(--ink);margin-bottom:5px}
  .pagesub{font-size:13.5px;color:var(--ink-2);margin-bottom:18px}
  .tabrow{display:flex;align-items:center;gap:10px;border-bottom:1.5px solid var(--hair);padding-bottom:0;margin-bottom:16px}
  .tabs{display:flex;gap:20px;flex-wrap:wrap}
  .tab{height:40px;padding:0 2px;border-radius:0;display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1.5px;background:none;transition:color .12s}
  .tab:hover{color:var(--ink-2)}
  .tab .c{font-size:12px;font-weight:600;background:none;color:#94a3b8;border-radius:0;padding:0;line-height:1}
  .tab.active{background:none;color:var(--ink);font-weight:700;border-bottom-color:#0f172a}.tab.active .c{background:none;color:#334155;font-weight:700}
  .tab .c.hot,.tab .c.q,.tab .c.warn{background:none;color:#94a3b8;font-weight:600}
  .tab.active .c.hot,.tab.active .c.q,.tab.active .c.warn{background:none;color:#334155;font-weight:700}
  .tab .c.vmc{background:#eef2ff;color:#432dd7;font-weight:700;border-radius:20px;padding:0 8px;line-height:19px}
  .search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--hair);border-radius:9px;padding:8px 12px;width:215px;margin-left:auto;align-self:center;flex:none}
  .search:focus-within{border-color:#cbd5e1}.search svg{width:15px;height:15px;color:var(--muted)}.search input{border:0;outline:none;background:none;font-size:13.5px;width:100%}
  .search:focus-within{border-color:var(--indigo)}

  .rec-top{display:flex;align-items:center;gap:10px;min-width:0}
  .rec-back2{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:400;color:var(--indigo);background:none;flex:none;padding-right:12px;margin-right:12px;border-right:1px solid var(--hair)}.rec-back2:hover{color:#1447e6}.rec-back2 svg{width:16px;height:16px}
  .rc-trail{display:flex;align-items:center;gap:6px;font-size:14px;min-width:0;overflow:hidden}
  .rc-trail button{font:500 14px/21px 'Satoshi',system-ui,sans-serif;letter-spacing:.14px;color:var(--vs-s500);background:none;padding:0;white-space:nowrap}.rc-trail button:hover{color:var(--indigo-text)}
  .rc-sep{width:13px;height:13px;color:var(--faint);flex:none}
  .rc-trail .cur{font-family:'Satoshi',system-ui,sans-serif;font-weight:500;color:var(--vs-s800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rc-trail .act{color:var(--vs-s500);font-weight:500;white-space:nowrap}
  .daylabel{display:flex;align-items:center;gap:12px;margin:18px 0 11px;font-family:'Satoshi',system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
  .daylabel:first-child{margin-top:0}.daylabel::after{content:"";flex:1;height:1px;background:var(--hair)}

  .row{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:0 14px;min-height:60px;margin-bottom:8px;box-shadow:var(--shadow);transition:.13s;cursor:pointer}
  .row:hover{border-color:#D7D4F4;box-shadow:var(--shadow-h)}
  .dir{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none}.dir svg{width:15px;height:15px;stroke-width:2.4}
  .dir.ms{background:var(--coral-tint);color:var(--coral-text)}.dir.out{background:var(--indigo-tint);color:var(--indigo-text)}.dir.in{background:var(--green-tint);color:var(--green-text)}.dir.amb{background:var(--amber-tint);color:var(--amber-text)}.dir.vm{background:var(--indigo-tint);color:var(--indigo-text)}
  .rtime{width:74px;flex:none;display:flex;flex-direction:column;gap:2px}
  .rt-time{font-size:12px;color:var(--faint);white-space:nowrap}
  .rt-dur{font-size:11.5px;color:var(--ink-2);font-weight:600;white-space:nowrap}
  .rmain{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
  .rmain .num{width:236px;flex:none;font-family:'Satoshi',system-ui,sans-serif;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;overflow:hidden}
  .rmain .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .rtype{width:88px;flex:none;display:flex;align-items:center}
  .rsrc{width:230px;flex:none;display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);font-weight:500;min-width:0}
  .rsrc svg{width:13px;height:13px;color:var(--indigo);flex:none}
  .rsrc>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rsrc .rsrc-empty{color:var(--faint)}
  .rmain .meta{font-size:12px;color:var(--muted);font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rmain .meta b{color:var(--ink-2);font-weight:600}
  .rroute{display:flex;align-items:center;gap:7px;margin-top:3px;overflow:hidden}
  .rpo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
  .rpo-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2);font-weight:600;white-space:nowrap}
  .rpo-k{font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
  .tag{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:20px;flex:none}
  .tag.nw{color:var(--blue-text);background:var(--blue-tint)}.tag.ex{color:var(--violet-text);background:var(--violet-tint)}.tag.cat{color:var(--muted);background:var(--hair)}.tag.grp{color:var(--indigo-text);background:var(--indigo-tint)}
  .pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px}
  .pill svg{width:11px;height:11px;stroke-width:2.6}
  .pill.coral{color:var(--coral-text);background:var(--coral-tint)}.pill.green{color:var(--green-text);background:var(--green-tint)}.pill.amber{color:var(--amber-text);background:var(--amber-tint)}.pill.gray{color:var(--muted);background:var(--hair)}.pill.indigo{color:var(--indigo-text);background:var(--indigo-tint)}
  .when{font-size:12px;color:var(--faint);text-align:right;flex:none;white-space:nowrap}
  .lstat{width:140px;flex:none}
  .rec{display:flex;align-items:center;gap:8px;width:104px;flex:none}
  .play{width:28px;height:28px;border-radius:50%;background:var(--indigo);display:grid;place-items:center;flex:none}.play svg{width:10px;height:10px;fill:#fff}
  .wv{display:flex;align-items:center;gap:2px;height:15px}.wv i{width:2px;border-radius:2px;background:#CFCBF2}
  .rec .tm{font-size:11.5px;color:var(--muted)}.rec .no{color:var(--faint);font-size:13px}
  .acts{display:flex;gap:4px;flex:none}
  .acts button{width:32px;height:32px;border-radius:9px;border:1px solid var(--hair);background:#fff;display:grid;place-items:center;color:var(--muted);transition:.12s}
  .acts button:hover{border-color:var(--indigo);color:var(--indigo);background:var(--indigo-tint)}.acts button.call:hover{border-color:var(--green);color:var(--green-text);background:var(--green-tint)}.acts button svg{width:15px;height:15px;stroke-width:2}
  .cb{height:32px;padding:0 13px;border-radius:9px;background:var(--indigo);color:#fff;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px;flex:none}.cb:hover{filter:brightness(1.08)}.cb svg{width:14px;height:14px;stroke-width:2}
  .sub2{font-size:11px;color:var(--faint);margin-top:3px;text-align:right}
  .vscript{font-size:12.5px;color:var(--ink-2);margin-top:3px;line-height:1.45;font-style:italic}
  /* ---- Call History dense table (flat — no day grouping) ---- */
  #calls-scroll{overflow-x:auto;border-radius:10px 10px 0 0}.ctable-head{grid-template-columns:158px minmax(210px,1.4fr) 82px minmax(110px,1fr) 140px 90px;display:grid;gap:12px;align-items:center;padding:0 14px;height:40px;position:sticky;top:0;z-index:6;background:var(--indigo-tint-2);border:1px solid #E3E0F8;border-bottom:2px solid #c6d2ff;border-radius:10px 10px 0 0}.ctable-head span{font:700 11px 'Inter',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--indigo-text)}
  .ctable-head span{font-size:13px;font-weight:700;color:var(--ink-2);font-family:'Satoshi',system-ui,sans-serif;letter-spacing:-.01em}
  .crow{grid-template-columns:158px minmax(210px,1.4fr) 82px minmax(110px,1fr) 140px 90px;display:grid;gap:12px;align-items:center;padding:0 14px;min-height:48px;border-bottom:1px solid var(--hair-2);background:var(--surface);cursor:pointer;transition:background .1s}
  .crow:hover{background:#F7F7FC}
  .ct-time{display:flex;flex-direction:row;align-items:baseline;gap:5px;min-width:0;white-space:nowrap}
  .ct-time .rt-time{font-size:13.5px;color:var(--ink);font-weight:600}
  .ct-x{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-date{font-size:12.5px;color:var(--muted);font-weight:500;white-space:nowrap}.ct-dsep{color:var(--faint);font-size:12px}
  .ct-caller{display:flex;align-items:center;gap:9px;min-width:0}
  .crow .dir{width:26px;height:26px;border-radius:7px}.crow .dir svg{width:13px;height:13px}
  .ct-nm{font-family:'Satoshi',system-ui,sans-serif;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .ct-cacts{display:flex;gap:5px;flex:none;margin-left:auto;padding-right:6px}
  .ct-cacts button{width:27px;height:27px;border-radius:8px;border:1px solid #c6d2ff;background:#fff;display:grid;place-items:center;color:var(--indigo);transition:.12s}
  .ct-cacts button svg{width:14px;height:14px;stroke-width:2}
  .ct-cacts button:hover{background:var(--indigo-tint);border-color:var(--indigo)}
  /* Call History table: keep color in the STATUS column only — everything else neutral */
  #page-calls .crow .dir{background:none;color:var(--muted)}
  #page-calls .crow .tag.nw,#page-calls .crow .tag.ex{background:var(--hair);color:var(--muted)}
  #page-calls .crow .ct-cacts button{border-color:var(--hair);color:var(--muted)}
  #page-calls .crow .ct-cacts button:hover{background:var(--indigo-tint);border-color:var(--indigo);color:var(--indigo)}
  /* frozen action bar: last column stays pinned to the visible right edge while the table scrolls */
  .ct-actcell{position:sticky;right:0;background:inherit;display:flex;align-items:center;justify-content:flex-end;height:100%;box-shadow:-10px 0 10px -10px rgba(19,33,50,.14)}
  .ctable-head .ct-actcell{box-shadow:none}
  .crow .ct-actcell .ct-cacts{padding-right:2px}
  .ct-type{min-width:0}
  .ct-src{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);font-weight:500;min-width:0}
  .ct-src svg{width:14px;height:14px;color:var(--indigo);flex:none}
  .ct-src>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .crow .pill{font-size:11.5px;padding:3px 9px}
  .crow .tag{font-size:10px}
  .ct-rec{display:flex;align-items:center;min-width:0;font-size:13px;color:var(--ink-2);font-weight:500;white-space:nowrap}
  .ct-dash{color:var(--faint)}
  .vm-row{align-items:flex-start;padding-top:11px;padding-bottom:11px}.vm-row .dir{margin-top:2px}
  .ldmore{display:block;margin:8px auto 0;font-size:12.5px;font-weight:700;color:var(--indigo-text);padding:8px 16px;border-radius:9px;background:var(--indigo-tint-2)}
  .emptyp{text-align:center;color:var(--muted);padding:50px 20px;font-size:13px}

  /* inner detail */
  .detail{position:absolute;inset:0;background:var(--bg);display:none;z-index:20}.detail.on{display:block}
  .dview{position:absolute;inset:0;display:none}.dview.on{display:flex}
  .dhead2{display:flex;align-items:center;gap:12px;padding:0 0 14px}
  .dback{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--indigo-text);background:var(--indigo-tint);border-radius:9px;padding:8px 13px}.dback svg{width:15px;height:15px;stroke-width:2}
  .dname{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:17px;display:flex;align-items:center;gap:9px}
  .dactions{margin-left:auto;display:flex;gap:6px}.dactions button{width:34px;height:34px;border-radius:9px;border:1px solid var(--hair);background:#fff;display:grid;place-items:center;color:var(--muted)}.dactions button:hover{border-color:var(--indigo);color:var(--indigo);background:var(--indigo-tint)}.dactions button svg{width:16px;height:16px;stroke-width:1.9}
  #dview-convo{flex-direction:column}
  .rec-crumb{flex:none;display:flex;align-items:center;padding:9px 24px 7px;background:#F7F7FA;border-bottom:1px solid var(--hair-2)}
  .pp-idrow{display:flex;align-items:center;gap:9px;width:100%;min-width:0}
  .pp-idrow .pp-pname{flex:1;min-width:0;overflow:hidden}
  .pp-lbtns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 0}
  .pp-pmeta .pp-glance{margin:7px 0 0}
  .pp-lb{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:9px;border:1px solid var(--hair);background:#fff;font-size:12px;font-weight:650;color:var(--ink-2);cursor:pointer;transition:.12s;white-space:nowrap}
  .pp-lb svg{width:14px;height:14px;color:var(--indigo);stroke:currentColor;fill:none;stroke-width:2;flex:none}
  .pp-lb:hover{border-color:var(--indigo);color:var(--indigo-text);background:var(--indigo-tint)}
  .pp-lb.danger svg{color:var(--coral-text)}
  .pp-lb.danger:hover{border-color:var(--coral-text);background:var(--coral-tint);color:var(--coral-text)}
  .rec-hd{display:flex;flex:none;height:84px;background:var(--surface)}
  .rc-sl{color:var(--vs-s500);font-weight:400;margin:0 1px;flex:none}
  .rec-hd-l{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 24px;border-bottom:1.5px solid var(--hair)}
  .rec-hd-r{width:330px;flex:none;display:flex;align-items:center;padding:10px 18px 2px;border-bottom:0;border-left:1px solid var(--hair)}
  .rh-acts{display:flex;gap:7px;flex:none;margin-left:auto}
  .rec-bd{flex:1;display:flex;min-height:0}
  .convo-left{flex:1;min-width:0;overflow-y:auto;padding:14px 24px 40px}
  .convo-right{width:330px;flex-shrink:0;border-left:1px solid var(--hair);background:var(--surface);overflow-y:auto;padding:0 18px 12px;display:flex;flex-direction:column}.convo-right>*{flex-shrink:0}
  .convo-tabs2{position:sticky;top:0;z-index:6;background:var(--surface);display:flex;gap:24px;border-bottom:1.5px solid var(--hair);margin:0 -24px;padding:0 24px}
  .convo-tabs2 button{height:38px;font-size:14px;font-weight:400;color:var(--muted);border-bottom:2.5px solid transparent;margin-bottom:-1.5px;background:none}
  .convo-tabs2 button:hover{color:var(--ink-2)}
  .convo-tabs2 button.active{color:var(--ink);font-weight:500;border-bottom-color:var(--indigo)}
  .convo-tabs{display:flex;gap:4px;border-bottom:1px solid var(--hair);padding-bottom:11px;margin-bottom:8px}
  .convo-tabs button{height:32px;padding:0 13px;border-radius:8px;font-size:13px;font-weight:400;color:var(--muted)}.convo-tabs button.active{background:var(--indigo-tint);color:var(--indigo-text);font-weight:500}
  /* conversation hero card */
  .cv-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted);background:none;padding:4px 2px;margin-bottom:10px}.cv-back:hover{color:var(--indigo-text)}.cv-back svg{width:16px;height:16px;stroke-width:2}
  .cv-hero{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:13px;border:1px solid var(--hair);background:#fff;box-shadow:var(--shadow);margin-bottom:16px}
  .cv-av{width:46px;height:46px;border-radius:13px;flex:none;display:grid;place-items:center;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:16px;color:#fff;background:var(--indigo)}
  .cv-av svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}
  .cv-meta{flex:1;min-width:0}
  .cv-name{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:17px;color:var(--ink);display:flex;align-items:center;gap:9px;flex-wrap:wrap;line-height:1.1}
  .cv-num{margin-top:5px;font-size:12.5px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:6px}.cv-num svg{width:13px;height:13px;color:var(--muted);stroke:var(--muted);fill:none;stroke-width:2;flex:none}
  .cv-belong{margin-top:7px;display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}
  .cv-blabel{color:var(--muted);font-weight:500}
  .cv-rp{display:inline-flex;align-items:center;gap:7px;background:var(--indigo-tint);border-radius:20px;padding:3px 9px 3px 4px}
  .cv-rpav{width:21px;height:21px;border-radius:50%;flex:none;background:var(--indigo);color:#fff;display:grid;place-items:center;font-size:9.5px;font-weight:700;font-family:'Satoshi',system-ui,sans-serif}.cv-rpav svg{width:12px;height:12px}
  .cv-rpnm{font-weight:700;color:var(--indigo-text);font-size:12.5px}
  .cv-rpct{font-size:10px;font-weight:700;color:var(--indigo-text);opacity:.75;border-left:1px solid rgba(91,91,214,.25);padding-left:7px}
  .cv-rpct.ex{color:var(--violet-text)}
  .cv-rpct.nw{color:var(--blue-text)}
  .cv-rparw{width:14px;height:14px;color:var(--indigo);opacity:.55;flex:none}
  .cv-acts{display:flex;gap:7px;flex:none}
  .cv-act{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:50px;padding:8px 7px;border-radius:10px;border:1px solid var(--hair);background:#fff;font-size:10.5px;font-weight:600;color:var(--muted)}
  .cv-act svg{width:16px;height:16px;color:var(--indigo);stroke:currentColor;fill:none;stroke-width:1.9}
  .cv-act:hover{border-color:var(--indigo);color:var(--indigo-text)}
  .cv-act.primary{background:var(--indigo);border-color:var(--indigo);color:#fff}.cv-act.primary svg{color:#fff}.cv-act.primary:hover{background:#1447e6;color:#fff}
  /* HubSpot-style record nav */
  .rec-bc{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--muted);background:none;padding:2px 2px;margin-bottom:8px}.rec-bc:hover{color:var(--indigo-text)}.rec-bc svg{width:15px;height:15px;stroke-width:2}
  .rec-nav{display:flex;align-items:stretch;gap:0;border-bottom:1px solid var(--vs-s200)}
  .rec-nav button{height:36px;padding:6px 12px;font-size:16px;line-height:24px;font-weight:500;color:var(--vs-s600);background:#fff;border:0;margin-bottom:-1px;border-bottom:1px solid var(--vs-s200)}
  .rec-nav button:hover{color:var(--ink-2)}
  .rec-nav button.active{color:var(--vs-s900);background:var(--vs-s200);border-bottom:0;box-shadow:inset 0 -3px 0 #4F39F6}
  .rec-nav .rec-back{width:30px;height:30px;padding:0;border-radius:8px;display:inline-grid;place-items:center;color:var(--muted);border-bottom:0;margin:0 -6px 0 -4px}
  .rec-nav .rec-back:hover{background:var(--hair-2);color:var(--ink-2)}
  .rec-nav .rec-back svg{width:17px;height:17px;stroke-width:2}
  .rec-stub{padding:64px 20px;text-align:center;color:var(--muted);font-size:13px}
  .rec-stub-i{width:46px;height:46px;border-radius:12px;margin:0 auto 12px;display:grid;place-items:center;background:var(--indigo-tint);color:var(--indigo)}.rec-stub-i svg{width:24px;height:24px}
  .rec-stub-t{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:15px;color:var(--ink-2);margin-bottom:4px}
  .convo-tabs.seg{display:inline-flex;gap:3px;background:#f1f5f9;border:1px solid var(--hair);border-radius:11px;padding:4px;border-bottom:0;margin-bottom:8px}
  .convo-tabs.seg button{height:30px;padding:0 13px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--muted);border-bottom:0;margin-bottom:0;background:none}
  .convo-tabs.seg button:hover{color:var(--ink-2)}
  .convo-tabs.seg button.active{background:#fff;color:var(--indigo-text);font-weight:700;box-shadow:0 1px 3px rgba(16,16,40,.08);border-bottom:0}
  .ti{background:var(--surface);border:1px solid var(--hair);border-radius:12px;box-shadow:var(--shadow);padding:13px 15px;margin-bottom:9px}
  .tih{display:flex;align-items:center;gap:10px}.tih .dir{width:28px;height:28px}
  .tilab{font-family:'Satoshi',system-ui,sans-serif;font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:8px;flex:1;min-width:0;flex-wrap:wrap}
  .timeta{font-family:'Satoshi',system-ui,sans-serif;font-weight:500;font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:8px}
  .timeta .tik{font-weight:600;color:var(--ink-2)}
  .tiroute{gap:7px}
  .tiseg{display:inline-flex;align-items:center;gap:5px;font-family:'Satoshi',system-ui,sans-serif;font-weight:500;font-size:12px;color:var(--ink-2);white-space:nowrap}
  .tiseg.lead{font-family:'Satoshi',system-ui,sans-serif;font-weight:700;font-size:13.5px;color:var(--ink)}
  .tiseg svg{width:13px;height:13px;color:var(--indigo);flex:none}
  .tiarw{display:inline-flex;align-items:center;color:var(--faint)}.tiarw svg{width:15px;height:15px}
  .tih .when{margin-left:auto;font-size:11.5px;color:var(--faint);flex:none}
  .tirow{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:10px;flex-wrap:wrap}
  .tdur{font-weight:600;color:var(--muted)}
  .ti.nosum{background:#FFFBEB;border-color:#F2E2AE}
  .ti.nosum .pill.amber{border:1px solid #EBCF8C}
  .tnote{margin-left:auto;font-size:11.5px;font-weight:600;color:#94a3b8;display:inline-flex;align-items:center;gap:5px}
  .tnote svg{width:13px;height:13px;flex:none}
  .vplay{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#432dd7;background:#eef2ff;border-radius:8px;padding:6px 11px}
  .vplay svg{width:14px;height:14px;flex:none}.vplay:hover{filter:brightness(.96)}
  .ti-audio{margin-top:11px;border-top:1px solid var(--hair-2);padding-top:11px}
  .ti-audio audio{width:100%;height:36px;display:block}
  .tik{font-weight:600;color:var(--ink-2)}.tisep{width:3px;height:3px;border-radius:50%;background:var(--faint);flex:none}
  .vcall{margin-left:auto;height:30px;display:inline-flex;align-items:center;justify-content:center;font-family:'Satoshi',system-ui,sans-serif;font-size:14px;line-height:21px;font-weight:500;letter-spacing:.14px;color:var(--vs-int,#4F39F6);background:#fff;border:1px solid var(--vs-int,#4F39F6);border-radius:6px;padding:5px 8px;box-sizing:border-box}.vcall:hover{background:var(--vs-i50,#EEF2FF)}
  .ti-iq{margin-top:11px;border-top:0;padding-top:11px}.ti-iq .iqh{margin:0 0 6px}.ti-iq p{font-size:14px;line-height:1.55;color:var(--ink-2)}
  .iqh{display:flex;align-items:center;gap:6px}.iqh svg{width:14px;height:14px;color:var(--indigo)}.iqh span{font-size:12px;font-weight:500;color:var(--indigo-text)}
  .ivgrid{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:10px;overflow:hidden}
  .cell{background:#fff;padding:10px 13px}.cell .k{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}.cell .v{font-size:12.5px;font-weight:600}
  .rsn-hl{display:inline-block;background:var(--amber-tint);color:var(--amber-text);font-weight:700;font-size:11px;padding:1px 8px;border-radius:6px;margin-left:5px;vertical-align:1px}
  .pp-tabs{display:flex;gap:3px;background:var(--bg);padding:3px;border-radius:9px;margin-bottom:15px}.pp-tabs button{flex:1;height:30px;border-radius:7px;font-size:12px;font-weight:600;color:var(--muted)}.pp-tabs button.active{background:#fff;color:var(--indigo-text);box-shadow:var(--shadow);font-weight:700}
  .pp-lbl{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
  .pp-name{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:16px;margin-bottom:10px}
  .pp-block{border-top:1px solid var(--hair);padding-top:13px;margin-bottom:13px}.pp-block .bh{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:9px;display:flex;align-items:center;justify-content:space-between}.pp-block .bh a{font-size:11px;font-weight:700;color:var(--indigo-text)}
  .kv{display:flex;font-size:12.5px;padding:4px 0}.kv .k{width:120px;color:var(--muted)}.kv .v{font-weight:600;color:var(--ink-2)}
  .pp-actions{display:flex;flex-direction:column;gap:7px;margin-bottom:6px}.pp-actions button{height:34px;border-radius:9px;border:1px solid var(--hair);background:#fff;font-size:12.5px;font-weight:600;color:var(--indigo-text)}.pp-actions button:hover{background:var(--indigo-tint);border-color:transparent}
  #dview-call{flex-direction:column}
  .vc-top{padding:18px 24px 0}
  .vc-route{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--hair);border-radius:11px;padding:11px 14px;box-shadow:var(--shadow);margin-bottom:14px}
  .vc-node{display:flex;flex-direction:column;gap:1px}.vc-node .k{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.vc-node .v{font-size:12.5px;font-weight:700}.vc-node .s{font-size:11px;color:var(--muted)}
  .vc-arrow svg{width:18px;height:14px;color:var(--indigo)}.vc-sep{width:1px;align-self:stretch;background:var(--hair);margin:4px 0}
  .vc-player{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--hair);border-radius:11px;padding:11px 14px;box-shadow:var(--shadow);margin-bottom:14px}
  .vc-player .play{width:36px;height:36px}.vc-player .play svg{width:13px;height:13px}.vc-player .wv{flex:1;height:30px}.vc-player .wv i{flex:1;max-width:4px;background:#CFCBF2}.vc-player .tm{font-size:11.5px;color:var(--muted);min-width:90px;text-align:right}
  .vc-iq{display:flex;gap:11px;align-items:flex-start;background:var(--indigo-tint-2);border:1px solid var(--indigo-tint);border-radius:11px;padding:12px 14px;margin-bottom:14px}.vc-iq .bdg{flex-shrink:0;font-size:11.5px;font-weight:700;color:var(--indigo-text);display:flex;align-items:center;gap:6px}.vc-iq .bdg svg{width:13px;height:13px}.vc-iq p{font-size:12.5px;line-height:1.5;color:var(--ink-2)}
  .vc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--hair)}.vc-tabs button{height:36px;padding:0 14px;border-radius:8px 8px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.vc-tabs button.active{color:var(--indigo-text);font-weight:700;box-shadow:inset 0 -2px 0 var(--indigo)}
  .vc-body{flex:1;display:flex;min-height:0}.vc-main{flex:1;overflow-y:auto;padding:18px 24px 30px}
  .vc-insights{width:300px;flex-shrink:0;border-left:1px solid var(--hair);background:var(--surface);overflow-y:auto;padding:18px}
  .vc-insights h4{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:12px;display:flex;align-items:center;gap:7px}.vc-insights h4 svg{width:14px;height:14px;color:var(--indigo)}
  .vc-hl{background:var(--indigo-tint-2);border:1px solid var(--indigo-tint);border-radius:10px;padding:12px;font-size:12.5px;line-height:1.5;color:var(--ink-2);margin-bottom:14px}
  .vc-kv{padding:10px 0;border-bottom:1px solid var(--hair)}.vc-kv:last-child{border-bottom:0}.vc-kv .k{font-size:11px;color:var(--muted);margin-bottom:4px}.vc-kv .v{font-size:13px;font-weight:700}
  .bub{max-width:74%;margin-bottom:11px;padding:10px 13px;border-radius:13px;font-size:13px;line-height:1.5}.bub .sp{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-bottom:3px}
  .bub.agent{background:var(--surface);border:1px solid var(--hair);border-top-left-radius:4px;margin-right:auto;color:var(--ink-2)}
  .bub.cust{background:var(--green-tint);border:1px solid #BCE6CF;border-top-right-radius:4px;margin-left:auto;color:var(--green-text)}
  .vc-day{text-align:center;font-size:11px;color:var(--faint);margin:2px 0 14px;font-weight:600}
  /* view call — audio, memo, transcript head, opportunity, todo */
  .dactions .vc-memo{width:auto;padding:0 12px;gap:6px;font-size:12.5px;font-weight:700;color:var(--coral-text);border-color:#ffc9c9}.dactions .vc-memo:hover{background:var(--coral-tint);border-color:#ffc9c9;color:var(--coral-text)}.dactions .vc-memo svg{width:15px;height:15px}
  .vc-audio{background:var(--surface);border:1px solid var(--hair);border-radius:11px;padding:10px 12px;box-shadow:var(--shadow);margin-bottom:14px}
  .vc-audio audio{width:100%;height:38px;display:block}.vc-audlbl{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:7px}
  .vc-player.noaud{opacity:.7}.vc-player .play.off{background:var(--muted)}
  .vc-txhead{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:0 4px 10px;border-bottom:1px solid var(--hair-2);margin-bottom:14px}
  .vc-oppgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
  .vc-oppc{margin-top:0}
  .vc-gauge{display:flex;justify-content:center;padding:2px 0}.cg{width:190px;height:110px}
  .vc-gmeta{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:2px}.vc-gtime{font-size:11.5px;color:var(--muted);font-weight:500}
  .vc-cues{list-style:none;margin:0;padding:0}.vc-cues li{position:relative;padding:7px 0 7px 20px;font-size:12.5px;color:var(--ink-2);line-height:1.5;border-top:1px solid var(--hair-2)}.vc-cues li:first-child{border-top:0}.vc-cues li::before{content:"";position:absolute;left:4px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--indigo)}
  .vc-todochips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.vc-todochips button{height:30px;padding:0 12px;border-radius:20px;border:1px solid var(--hair);background:#fff;font-size:12px;font-weight:600;color:var(--muted)}.vc-todochips button.on{background:var(--indigo-tint);color:var(--indigo-text);border-color:transparent}.vc-todochips button.new{margin-left:auto;color:var(--indigo-text);border-color:var(--indigo-tint-2)}.vc-todochips button:hover{border-color:var(--indigo)}
  .vc-alldone{text-align:center;padding:48px 20px;color:var(--muted)}.vc-alldone .ic{width:52px;height:52px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:var(--green-tint);color:var(--green-text)}.vc-alldone .ic svg{width:26px;height:26px}.vc-alldone .t{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:16px;color:var(--ink-2);margin-bottom:3px}.vc-alldone .s{font-size:12.5px}
  .vc-task{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid var(--hair-2)}.vc-task:last-child{border-bottom:0}.vc-tk{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line-2,#D8D8E2);flex:none;margin-top:1px}.vc-tt{font-size:13px;font-weight:600;color:var(--ink-2)}.vc-ts{font-size:11.5px;color:var(--muted);margin-top:2px}
  /* reimagined view call */
  .vc2-hd{flex:none;background:var(--surface);border-bottom:1px solid var(--hair)}
  .vc2-crumb{display:flex;align-items:center;gap:10px;height:40px;padding:0 24px;border-bottom:1px solid var(--hair-2)}
  .vc2-id{display:flex;align-items:center;gap:13px;padding:13px 24px}
  .vc2-av{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:15px;color:#fff;background:var(--indigo)}.vc2-av svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}
  .vc2-meta{flex:1;min-width:0}.vc2-nm{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:18px;color:var(--ink);display:flex;align-items:center;gap:9px}.vc2-sub{font-size:12px;color:var(--muted);margin-top:3px}
  .vc2-acts{display:flex;gap:7px;flex:none}
  .rh-ib{width:38px;height:38px;border-radius:10px;border:1px solid var(--hair);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--muted)}
  .rh-ib svg{width:18px;height:18px;color:var(--indigo);stroke:currentColor;fill:none;stroke-width:1.9}
  .rh-ib:hover{border-color:var(--indigo);background:var(--indigo-tint)}
  .rh-ib.primary{background:var(--indigo);border-color:var(--indigo)}.rh-ib.primary svg{color:#fff}.rh-ib.primary:hover{background:#1447e6}
  .vc2-body{flex:1;display:flex;min-height:0}
  .vc2-main{flex:1;min-width:0;overflow-y:auto;padding:16px 22px 40px}.vc2-main>.psec{margin-top:12px}
  .vc2-rail{width:330px;flex:none;border-left:1px solid var(--hair);background:var(--surface);overflow-y:auto;padding:0 18px 16px}
  .rec-hdg{font-family:'Satoshi',system-ui,sans-serif;font-weight:500;font-size:24px;line-height:31px;color:var(--ink);padding:10px 0 0;margin-bottom:auto}
  .vch{margin-bottom:auto;padding:10px 0 0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
  .vch-l{min-width:0}
  .vch-pill{margin-top:6px}
  .vch-r{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}
  .vch-r .vch-loc{margin-top:2px}
  .vch-r .vch-when{margin-top:0}
  .vch-t{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:17px;color:var(--ink);display:flex;align-items:center;gap:9px}
  .vch-s{font-size:12px;color:var(--muted);margin-top:3px}.vc2-rail>.psec,.vc2-rail>.vr-task,.vc2-rail>.vr-opp{margin-top:10px}.vc2-rail>:first-child{margin-top:0}
  .vch-when{font-size:12px;font-weight:500;color:var(--muted);margin-top:3px}
  .vch-loc{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:13px;font-weight:650;color:var(--ink-2)}
  .vch-loc svg{width:14px;height:14px;color:var(--indigo);flex:none}
  .vc2-rail .pp-lbtns{margin:4px 0 0}
  .vr-task .h .vc2-newt{margin-left:auto}
  .vc2-aud{width:100%;height:40px;display:block;margin-top:2px}.vc2-dur{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600}
  .vc2-spark{width:22px;height:22px;border-radius:6px;margin-right:8px;display:inline-grid;place-items:center;background:var(--indigo-tint);color:var(--indigo);flex:none}.vc2-spark svg{width:13px;height:13px;display:block}
  .vc2-sum{font-size:13px;line-height:1.6;color:var(--ink-2)}
  .vc2-cnt{margin-left:auto;font-size:11.5px;color:var(--muted);font-weight:600}
  .vc2-txhead{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:0 4px 10px;margin-bottom:12px;border-bottom:1px solid var(--hair-2)}
  .vc2-newt{margin-left:auto;font-size:12px;font-weight:700;color:var(--indigo-text);background:none}
  .vc2-tcounts{font-size:11.5px;color:var(--muted);margin-bottom:9px}
  .vc2-nodo{display:flex;align-items:center;gap:8px;color:var(--green-text);font-size:12.5px;font-weight:600}.vc2-nodo svg{width:17px;height:17px;flex:none}
  .vc-cuesh{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin:12px 0 2px}
  /* ---- view call v3: journey · dual-channel waveform · synced transcript ---- */
  .vj{display:block;background:var(--surface);border:1px solid var(--hair);border-radius:13px;box-shadow:var(--shadow);padding:15px 18px}
  .vj-row{display:flex;align-items:stretch;gap:0;overflow-x:auto}
  .vj-node{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;padding:0 4px}
  .vj-k{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
  .vj-k svg{width:14px;height:14px;color:var(--indigo);flex:none}
  .vj-v{font-family:'Satoshi',system-ui,sans-serif;font-weight:700;font-size:15.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .vj-s{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .vj-arr{display:flex;align-items:center;flex:none;padding:0 10px;color:#c6d2ff}
  .vj-arr svg{width:16px;height:16px;stroke-width:2}
  .vj-div{width:1px;align-self:stretch;background:var(--hair);margin:0 14px;flex:none}
  .vc3-ident{padding:21px 0 16px}
  #dview-call .rec-top{flex:1;min-width:0}
  #dview-call .vc2-main{padding-top:14px}
  .vj-meta{display:flex;align-items:center;gap:14px;margin-top:9px;padding:9px 2px 0;border-top:1px solid var(--hair-2);font-size:11.5px;color:var(--muted)}
  .vj-meta b{color:var(--ink-2);font-weight:700}
  .vj-meta .chip{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--indigo-tint);color:var(--indigo-text)}
  /* outcome + summary merged card */
  .voc{display:flex;gap:12px;border-radius:13px;border:1px solid var(--hair);background:var(--surface);box-shadow:var(--shadow);padding:14px 16px;margin-top:12px;position:relative;overflow:hidden}
  .voc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--muted)}
  .voc.green::before{background:var(--green)}.voc.coral::before{background:#e7000b}.voc.amber::before{background:#d08700}.voc.indigo::before{background:var(--indigo)}
  .voc-ic{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center}
  .voc.green .voc-ic{background:var(--green-tint);color:var(--green-text)}.voc.coral .voc-ic{background:var(--coral-tint);color:var(--coral-text)}.voc.amber .voc-ic{background:var(--amber-tint);color:var(--amber-text)}.voc.indigo .voc-ic{background:var(--indigo-tint);color:var(--indigo)}.voc.gray .voc-ic{background:var(--hair-2);color:var(--muted)}
  .voc-ic svg{width:17px;height:17px}
  .voc-c{flex:1;min-width:0}
  .voc-h{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:16.5px;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .voc-s{font-size:14px;line-height:1.6;color:var(--ink-2);margin-top:6px}
  .voc-cta{flex:none;align-self:center;height:34px;padding:0 15px;border-radius:9px;font-weight:700;font-size:12.5px;color:#fff;background:var(--indigo)}.voc-cta:hover{filter:brightness(1.08)}
  /* conversation card: player + waveform + transcript */
  .vcv{border:1px solid #A3B3FF;border-radius:6px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.12);margin-top:12px}
  .vcv-hd{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 12px;border-bottom:1px solid var(--vs-s200);position:sticky;top:-1px;z-index:6;background:#fff;border-radius:6px 6px 0 0}
  .vcv-hd .t{font-family:'Satoshi',system-ui,sans-serif;font-weight:500;font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-s600);margin-right:auto}
  .vcv-play{width:38px;height:38px;border-radius:50%;background:var(--indigo);display:grid;place-items:center;flex:none;cursor:pointer;transition:.12s}
  .vcv-play:hover{filter:brightness(1.1)}
  .vcv-play svg{width:14px;height:14px;fill:#fff}
  .vcv-time{font-size:12px;color:var(--muted);min-width:86px}
  .vcv-time b{color:var(--ink);font-weight:700}
  .vcv-rate{height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--hair);background:#fff;font-size:11.5px;font-weight:700;color:var(--ink-2)}
  .vcv-rate:hover{border-color:var(--indigo);color:var(--indigo-text)}
  .vcv-dl{width:28px;height:28px;border-radius:8px;border:1px solid var(--hair);background:#fff;display:grid;place-items:center;color:var(--muted)}
  .vcv-dl:hover{border-color:var(--indigo);color:var(--indigo)}.vcv-dl svg{width:14px;height:14px;stroke-width:2}
  .vcv-wave{position:relative;padding:8px 16px 2px;background:#FBFBFE}
  .vcv-wave canvas{display:block;width:100%;height:118px;cursor:pointer}
  .vcv-legend{display:flex;gap:16px;padding:6px 16px 10px;background:#FBFBFE;border-bottom:1px solid var(--hair-2)}
  .vcv-lg{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--muted)}
  .vcv-lg i{width:10px;height:10px;border-radius:3px;flex:none}
  .vcv-lg.ag i{background:var(--indigo)}.vcv-lg.pt i{background:var(--green)}
  .vcv-body{max-height:430px;overflow-y:auto;padding:12px 16px 16px}
  .vc3-turn{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .12s}
  .vc3-turn:hover{background:var(--hair-2)}
  .vc3-turn.on{background:var(--indigo-tint)}
  .vc3-turn.on .vc3-tx{color:var(--ink)}
  .vc3-sp{flex:none;width:58px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 0;border-radius:6px;text-align:center;margin-top:1px}
  .vc3-sp.agent{background:#EFF0F4;color:#475569}
  .vc3-sp.cust{background:#f8fafc;color:#94a3b8;border:1px solid #ECEDF2}
  .vc3-tx{flex:1;min-width:0;font-size:13px;line-height:1.5;color:var(--ink-2)}
  .vc3-ts{flex:none;font-size:10.5px;color:var(--faint);margin-top:3px;min-width:30px;text-align:right}
  .vc3-turn:hover .vc3-ts,.vc3-turn.on .vc3-ts{color:var(--indigo-text);font-weight:700}
  /* opportunity analysis (evidence layer) */
  .voa{border:1px solid #c6d2ff;background:var(--surface);border-radius:13px;box-shadow:var(--shadow);margin-top:12px;overflow:hidden}
  .voa-hd{display:flex;align-items:center;gap:9px;padding:12px 16px;cursor:pointer;user-select:none;background:var(--indigo-tint-2)}
  .voa-hd:hover{background:var(--indigo-tint)}
  .voa.open .voa-hd{border-bottom:1px solid #E4E0F9}
  .voa-hd .ic{width:24px;height:24px;border-radius:7px;background:var(--indigo-tint);color:var(--indigo);display:grid;place-items:center;flex:none}
  .voa-hd .ic svg{width:13px;height:13px}
  .voa-hd .t{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:14px;color:var(--ink)}
  .voa-hd .n{font-size:11.5px;font-weight:800;color:var(--amber-text);background:var(--amber-tint);border:1px solid #fee685;border-radius:20px;padding:2.5px 10px}
  .voa-lbl{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--indigo-text)}
  .voa-hd:hover .voa-lbl{text-decoration:underline}
  .voa-hd .chev{color:var(--indigo);transition:transform .15s;flex:none}
  .vc2-rail .voa{margin-top:12px}
  .vc2-rail .voa-hd{flex-wrap:nowrap;padding:11px 13px;gap:7px}
  .vc2-rail .voa-hd .t{font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .vc2-rail .voa-hd .n{flex:none;white-space:nowrap}
  .vc2-rail .voa-hd .chev{margin-left:0}
  .vc2-rail .voa-lbl{display:none}
  .vc2-rail .voa-bd{padding:0 13px 12px}
  .vc2-rail .voa-row{flex-direction:column;align-items:flex-start;gap:2px}
  .vc2-rail .voa-row .k{width:auto}
  .voa.open .chev{transform:rotate(180deg)}
  .voa-bd{display:none;border-top:1px solid var(--hair-2);padding:2px 16px 13px}
  .voa.open .voa-bd{display:block}
  .voa-g{margin-top:14px}
  .voa-gh{font-family:'Satoshi',system-ui,sans-serif;font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:3px}
  .voa-row{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid var(--hair-2);font-size:12.5px}
  .voa-row:last-child{border-bottom:0}
  .voa-row .k{width:180px;flex:none;color:var(--muted)}
  .voa-row .v{flex:1;min-width:0;font-weight:600;color:var(--ink-2);line-height:1.5}
  .voa-src{flex:none;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--indigo-text);background:var(--indigo-tint-2);border:1px solid var(--indigo-tint);border-radius:6px;padding:1px 7px;align-self:center}
  .voa-foot{margin-top:12px;padding-top:10px;border-top:1px dashed var(--hair);font-size:11px;color:var(--faint)}
  /* rail highlight cards */
  .vr-task{border:1px solid var(--hair);background:#fff;border-radius:12px;padding:12px 14px}
  .vr-task .h{display:flex;align-items:center;gap:8px;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:13px;color:var(--ink);margin-bottom:4px}
  .vr-task .h svg{width:15px;height:15px;flex:none;color:var(--amber-text)}
  .vr-task .h .n{background:#FDF1DC;color:var(--amber-text);font-size:10.5px;font-weight:800;border-radius:20px;min-width:19px;line-height:19px;text-align:center;padding:0 6px}
  .vr-task.none{display:none}
  .vc-task.tkclick{cursor:pointer;margin:0 -8px;padding:12px 8px;border-radius:9px}
  .vc-task.tkclick:hover{background:var(--hair-2)}
  .vc-tk.done{border-color:#00a63e;background:#00a63e}
  .vc-tarw{width:14px;height:14px;color:#a3b3ff;flex:none;margin-top:3px;align-self:center}
  /* ---- skeleton loaders ---- */
  @keyframes skx{0%{background-position:-220px 0}100%{background-position:calc(220px + 100%) 0}}
  .sk{background-color:#f1f5f9;background-image:linear-gradient(90deg,#f1f5f9 0,#F9F9FB 55px,#f1f5f9 110px);background-size:220px 100%;background-repeat:no-repeat;animation:skx 1.15s ease-in-out infinite;border-radius:8px}
  .sk-line{height:12px}
  .sk-av{width:42px;height:42px;border-radius:50%;flex:none}
  .sk-btn{height:36px;border-radius:9px;flex:1}
  /* ---- tasks list (Activity tab) ---- */
  .tkgrp{margin-top:18px}.tkgrp:first-child{margin-top:0}
  .tg-h{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:7px}
  .tg-h .c{background:var(--hair-2);color:var(--ink-2);font-size:10px;font-weight:800;border-radius:20px;min-width:17px;line-height:17px;text-align:center;padding:0 5px}
  .tg-h.over .c{background:#ffe2e2;color:#c10007}
  .tkrow{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;background:#fff;border:1px solid var(--hair);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
  .tkrow:hover{border-color:#c6d2ff;box-shadow:0 2px 10px rgba(91,91,214,.07)}
  .tk-st{width:19px;height:19px;border-radius:50%;border:1.7px solid #D8D8E2;flex:none;margin-top:1px;display:grid;place-items:center}
  .tk-st.done{border-color:#00a63e;background:#00a63e}
  .tk-st.done svg{width:11px;height:11px}
  .tk-c{flex:1;min-width:0}
  .tk-t{font-size:13.5px;font-weight:700;color:var(--ink)}
  .tkrow .tk-t{text-decoration:none}
  .tkrow.done .tk-t{color:var(--muted);text-decoration:line-through}
  .tk-d{font-size:12.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tk-meta{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);font-weight:600}
  .tk-meta .pill{font-size:10px}
  .tk-meta .ovd{color:#c10007;font-weight:700}
  .tk-arw{width:15px;height:15px;color:#a3b3ff;flex:none;align-self:center}
  /* ---- opportunity-style task cards ---- */
  .tdcard .tk-st{margin-top:0;cursor:pointer;background:none}
  .tdcard .tk-st:hover{border-color:#00a63e}
  .tdcard .tk-st.done{background:#00a63e;color:#fff}
  .tdcard.done{opacity:.78}
  .tdcard.done .tiseg.lead{color:var(--muted);text-decoration:line-through}
  .tdcard .po-why{font-size:13px}
  /* ---- task detail modal ---- */
  .tmask{position:fixed;inset:0;background:rgba(19,33,50,.45);z-index:90;display:none;align-items:center;justify-content:center}
  .tmask.on{display:flex}
  .tmodal{width:470px;max-width:calc(100vw - 48px);max-height:82vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 24px 64px rgba(19,33,50,.28)}
  .tm-hd{display:flex;align-items:flex-start;gap:10px;padding:18px 20px 13px;border-bottom:1px solid var(--hair-2)}
  .tm-t{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:16px;color:var(--ink);flex:1;line-height:1.35}
  .tm-x{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:none;flex:none;cursor:pointer}
  .tm-x:hover{background:var(--hair-2);color:var(--ink-2)}
  .tm-x svg{width:15px;height:15px}
  .tm-desc{font-size:13px;color:var(--ink-2);line-height:1.55;padding:13px 20px;border-bottom:1px solid var(--hair-2)}
  .tm-grid{padding:9px 20px 14px}
  .tm-row{display:flex;align-items:center;padding:7px 0;font-size:12.5px}
  .tm-row .k{width:108px;flex:none;color:var(--muted);font-weight:600}
  .tm-row .v{color:var(--ink-2);font-weight:600;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
  .tm-ft{display:flex;gap:8px;padding:13px 20px 17px;border-top:1px solid var(--hair-2)}
  .tm-btn{height:36px;padding:0 16px;border-radius:9px;font-size:12.5px;font-weight:700;background:var(--indigo);color:#fff;cursor:pointer}
  .tm-btn.ghost{background:#fff;border:1px solid var(--hair);color:var(--ink-2)}
  .vm-stat.fxu,.vm-stat.fxr,.vm-stat.fxt,.vm-stat.fxb{background:#fff}
  .vm-stat.fxt b,.vm-stat.fxb b{color:var(--ink)}
  .vm-stat.fxu:hover,.vm-stat.fxr:hover,.vm-stat.fxt:hover,.vm-stat.fxb:hover{border-color:#cbd5e1}
  .vm-stat.fxu.on,.vm-stat.fxr.on,.vm-stat.fxt.on,.vm-stat.fxb.on{background:#f1f5f9;border-color:#0f172a}
  .vm-stat.fxg{background:#F3F4F8}
  .vm-stat.fxg:hover{border-color:#D4D8E2}
  .vm-stat.fxg.on{background:#E9EBF1;border-color:#A9B0BF}
  .vm-stat.fxy{background:#FDF7EA}
  .vm-stat.fxy:hover{border-color:#EBCF8C}
  .vm-stat.fxy.on{background:var(--amber-tint);border-color:#D9A648}
  /* ---- Dashboard ---- */
  .dash-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start;margin-top:14px}
  .dash-sec{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:4px 2px 10px}
  .dash-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--hair);border-radius:13px;padding:15px 18px;margin-bottom:11px;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}
  .dash-card:hover{border-color:#c6d2ff;box-shadow:0 5px 16px rgba(19,33,50,.08);transform:translateY(-1px)}
  .dc-n{width:30px;height:30px;border-radius:50%;background:var(--indigo);color:#fff;display:grid;place-items:center;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:14px;flex:none}
  .dash-card .dir{width:34px;height:34px;border-radius:10px;flex:none}
  .dash-card .dir svg{width:17px;height:17px}
  .dc-c{flex:1;min-width:0}
  .dc-t{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:15.5px;color:var(--ink)}
  .dc-s{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:3px}
  .dc-go{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--indigo-text);flex:none;white-space:nowrap}
  .dc-go svg{width:14px;height:14px}
  .dash-clear{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:var(--muted);font-weight:650}
  .dash-clear .ok{display:inline-flex;align-items:center;gap:6px;background:var(--green-tint);color:var(--green-text);border-radius:20px;padding:4px 12px;font-weight:700}
  .dash-clear .ok svg{width:12px;height:12px}
  .dash-box{background:#fff;border:1px solid var(--hair);border-radius:13px;padding:15px 17px;margin-bottom:13px}
  .dash-box .h{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:13.5px;color:var(--ink);margin-bottom:11px;display:flex;align-items:center;gap:7px}
  .dash-box .h svg{width:15px;height:15px;color:var(--indigo)}
  .db-row{display:flex;align-items:baseline;padding:6px 0;font-size:12.5px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--hair-2)}
  .db-row:last-child{border-bottom:0}
  .db-row b{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:17px;color:var(--ink);margin-left:auto}
  .db-row b.grn{color:var(--green-text)}.db-row b.amb{color:var(--amber-text)}.db-row b.crl{color:var(--coral-text)}.db-row b.ind{color:var(--indigo-text)}
  .db-cta{display:block;width:100%;height:34px;border-radius:9px;background:var(--indigo-tint);color:var(--indigo-text);font-size:12.5px;font-weight:700;margin-top:11px;cursor:pointer;border:0;text-align:center}
  .db-cta:hover{background:#DDD9F8}
  /* ---- Opportunities ---- */
  .po-ring{position:relative;width:40px;height:40px;flex:none}
  .po-ring svg{width:40px;height:40px;transform:rotate(-90deg);display:block}
  .po-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:10.5px;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;color:var(--ink)}
  .po-ring.hi b{color:var(--green-text)}.po-ring.md b{color:var(--amber-text)}.po-ring.lo b{color:var(--coral-text)}
  .po-why{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.55;color:var(--ink-2)}
  .po-why svg{width:15px;height:15px;color:var(--indigo);flex:none;margin-top:2px}
  .po-act-link{background:none;border:0;padding:0;font-size:11.5px;font-weight:700;color:var(--indigo-text);cursor:pointer}
  .po-act-link:hover{text-decoration:underline}
  .po-asg{display:inline-flex;align-items:center;gap:6px}
  .po-asg .td-asgav{width:18px;height:18px;font-size:7.5px}
  .poa-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--hair-2)}
  .poa-item:last-child{border-bottom:0}
  .poa-item .td-asgav{width:26px;height:26px;font-size:9.5px;margin-top:1px}
  .poa-tx{font-size:12.5px;color:var(--ink-2);line-height:1.5}
  .poa-tx b{color:var(--ink)}
  .poa-when{font-size:11px;color:var(--muted);font-weight:600;margin-left:auto;white-space:nowrap}
  .poa-flow{display:flex;align-items:center;gap:6px;margin-top:5px}
  .tl-since{display:flex;align-items:center;gap:12px;margin:4px 0 10px;font-size:14px;line-height:21px;letter-spacing:.14px;font-weight:500;background:linear-gradient(90deg,var(--vs-ai1,#4F39F6),var(--vs-ai2,#E17EF0));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
  .tl-since::before,.tl-since::after{content:"";flex:1;height:1px;background:var(--vs-aib,#E3AFFF);border-radius:2px}
  .ti.tl-focus{border:1px solid var(--vs-aib,#E3AFFF) !important;box-shadow:0 0 6px rgba(79,57,246,.12) !important;border-radius:8px !important}
  #po-list .ti,#neo-list .ti{cursor:pointer;transition:border-color .12s,box-shadow .12s}
  #po-list .ti:hover,#neo-list .ti:hover{border-color:#c6d2ff;box-shadow:0 4px 14px rgba(19,33,50,.07)}
  .po-board{display:grid;grid-template-columns:repeat(5,minmax(268px,1fr));gap:12px;align-items:stretch;overflow-x:auto;padding-bottom:4px}
  .po-col{background:#f8fafc;border:1px solid var(--hair);border-radius:13px;padding:10px;min-height:120px;display:flex;flex-direction:column;max-height:calc(100vh - 345px)}
  #page-po .wrap.boardmode{padding-bottom:8px}
  .po-col.drag{border-color:#7FB4EE;background:var(--indigo-tint-2)}
  .po-col.s34{background:#F4FBF7}
  .po-colh{display:flex;align-items:center;gap:8px;padding:4px 5px 12px;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:14.5px;color:var(--ink);flex:none}
  .po-colh .n{font-size:13px;color:var(--muted);font-weight:700}
  .po-colh .pc{margin-left:auto;font-size:12px;font-weight:800;font-family:'Satoshi',system-ui,sans-serif;color:var(--indigo-text);background:var(--indigo-tint);border-radius:20px;padding:3px 10px}
  .po-col.s34 .po-colh .pc{color:var(--green-text);background:var(--green-tint)}
  .po-colbody{flex:1;min-height:0;overflow-y:auto;padding:2px}
  .po-colbody::-webkit-scrollbar{width:6px}
  .po-colbody::-webkit-scrollbar-thumb{background:#D9DCE3;border-radius:4px}
  .po-card{background:#fff;border:1px solid var(--hair);border-radius:12px;padding:13px 15px;margin-bottom:11px;cursor:pointer;transition:border-color .12s,box-shadow .12s}
  .po-card:hover{border-color:#c6d2ff;box-shadow:0 4px 12px rgba(19,33,50,.08)}
  .po-card:last-child{margin-bottom:0}
  .pch{display:flex;align-items:center;gap:9px}
  .pch .nm{font-size:12.5px;font-weight:700;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pc-cats{font-size:11px;color:var(--muted);font-weight:600;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pc-row{display:flex;align-items:center;gap:7px;margin-top:9px;flex-wrap:wrap}
  .pc-foot{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:10.5px;color:var(--muted);font-weight:600}
  .pc-foot .td-asgav{width:17px;height:17px;font-size:7px;flex:none}
  .pc-asg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--ink-2);font-size:11px}
  .pc-ago{flex:none;white-space:nowrap}
  .fx-notes{background:none;border:0;padding:0;font-size:11.5px;font-weight:700;color:var(--indigo-text);cursor:pointer}
  .fx-notes:hover{text-decoration:underline}
  .fxn-item{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--hair-2)}
  .fxn-item:last-child{border-bottom:0}
  .fxn-item .td-asgav{width:26px;height:26px;font-size:9.5px;margin-top:1px}
  .fxn-hd{display:flex;align-items:baseline;gap:8px}
  .fxn-who{font-size:12.5px;font-weight:700;color:var(--ink)}
  .fxn-when{font-size:11px;color:var(--muted);font-weight:600;margin-left:auto}
  .fxn-txt{font-size:12.5px;color:var(--ink-2);line-height:1.5;margin-top:2px;word-break:break-word}
  .fxn-in{width:100%;box-sizing:border-box;border:1.5px solid var(--hair);border-radius:10px;padding:9px 11px;font-size:12.5px;font-family:'Satoshi',system-ui,sans-serif;color:var(--ink);min-height:60px;resize:vertical;outline:0}
  .fxn-in:focus{border-color:#c6d2ff}
  /* ---- Text Messages page ---- */
  #page-texts.on{display:flex;overflow:hidden}
  .tx-wrap{flex:1;display:flex;min-height:0;min-width:0}
  .tx-list{width:414px;flex:none;background:var(--surface);border-right:1px solid var(--hair);display:flex;flex-direction:column;min-height:0}
  .tx-lhead{padding:22px 18px 0;border-bottom:1.5px solid var(--hair);flex:none;background:var(--surface)}
  .tx-ttl{display:flex;align-items:flex-start;gap:8px}
  .tx-ttl .pagehead{flex:1;font-size:22px}
  .tx-ttl .pagesub{margin-bottom:0}
  .tx-new{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--indigo);color:#fff;cursor:pointer;flex:none}
  .tx-new svg{width:15px;height:15px}
  .tx-lhead .search{width:100%;margin:13px 0 0;box-sizing:border-box}
  .tx-tabs{display:flex;gap:7px;margin-top:2px;flex-wrap:nowrap}
  .tx-tabs .tab{font-size:14px;white-space:nowrap;flex:none;gap:5px}
  .tx-tabs .tab .c{font-size:10.5px;padding:0 6px}
  .tx-rooms{flex:1;overflow-y:auto;padding:8px 10px 20px}
  .tx-room{position:relative;display:flex;gap:12px;padding:12px 10px 12px 14px;border-radius:12px;cursor:pointer;align-items:center}
  .tx-room:hover{background:rgba(19,33,50,.035)}
  .tx-room.on{background:rgba(91,91,214,.055)}
  .tx-room.on:before{content:'';position:absolute;left:2px;top:22%;height:56%;width:3px;border-radius:3px;background:var(--indigo)}
  .tx-rav{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:12px;color:#fff;position:relative;background:var(--indigo)}
  .tx-rav svg{width:15px;height:15px}
  .avc0{background:#4f39f6 !important}
  .avc1{background:#D65A7E !important}
  .avc2{background:#279E6B !important}
  .avc3{background:#DB8A2E !important}
  .avc4{background:#1E93AC !important}
  .avc5{background:#1E93AC !important}
  .avcx{background:#9A97B5 !important}
  .tx-bdg{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:var(--indigo);border:2px solid var(--surface);display:grid;place-items:center;color:#fff;box-shadow:0 1px 3px rgba(19,33,50,.2)}
  .tx-bdg svg{width:11px;height:11px}
  .tx-bdg.blk{background:#D64545}
  .tx-rc{flex:1;min-width:0}
  .tx-rtop{display:flex;align-items:baseline;gap:8px}
  .tx-rname{font-size:13.5px;font-weight:500;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
  .tx-room.unread .tx-rname{font-weight:800;color:var(--ink)}
  .tx-rtime{font-size:10.5px;color:var(--muted);flex:none}
  .tx-room.unread .tx-rtime{color:var(--indigo-text);font-weight:700}
  .tx-rsnip{display:flex;align-items:center;gap:6px;margin-top:2.5px}
  .tx-rsnip .s{font-size:12.5px;color:var(--muted);min-width:0;flex:1;display:flex;align-items:center;gap:4px}
  .tx-rsnip .s svg{width:13px;height:13px;flex:none;color:#7c86ff;display:block}
  .tx-rsnip .s .tk{color:#8B87AB;display:inline-flex;align-items:center;flex:none}
  .tx-rsnip .s .st{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tx-room.unread .tx-rsnip .s{color:var(--ink-2);font-weight:600}
  .tx-ub{background:var(--indigo);color:#fff;font-size:10px;font-weight:800;border-radius:20px;min-width:18px;line-height:18px;text-align:center;padding:0 5px;flex:none}
  .tx-dot{width:8px;height:8px;border-radius:50%;background:#d08700;flex:none}.tx-udot{width:9px;height:9px;border-radius:50%;background:var(--indigo);flex:none;box-shadow:0 0 0 3px var(--indigo-tint)}
  .tx-rsnip .pill{font-size:9px;padding:1.5px 7px;flex:none}
  .tx-cname .pill{font-size:10px}
  /* chat pane */
  .tx-chat{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}
  .tx-empty{flex:1;display:grid;place-items:center;color:var(--muted);font-size:13px;text-align:center;line-height:1.6}
  .tx-eart{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#EEECFB,#E0DcF7);display:grid;place-items:center;margin:0 auto 14px}
  .tx-eart svg{width:36px;height:36px;color:var(--indigo);opacity:.55}
  .tx-chead{display:flex;align-items:center;gap:12px;padding:14px 22px;background:#fff;border-bottom:1px solid var(--hair);flex:none;min-height:82px}
  .tx-cact.blk:hover{background:#ffe2e2;border-color:#c10007;color:#c10007}
  .tx-cacts{display:flex;gap:4px;margin-left:6px;flex:none}
  .tx-cloc{text-align:right;flex:none}
  .tx-chead .tx-cname,.tx-chead .tx-cloc .n{height:20px}
  .tx-cloc .n{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-family:'Satoshi',system-ui,sans-serif;font-size:15px;font-weight:800;color:var(--ink)}
  .tx-cloc .n svg{width:15px;height:15px;color:#7c86ff;flex:none}
  .tx-cloc .p{font-size:12px;color:var(--muted);margin-top:1px}
  .tx-cbridge{flex:1;display:flex;align-items:center;margin:0 24px;color:#C2BFD6;min-width:60px}
  .tx-cbridge .ah{width:9px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
  .tx-cbridge .ln{flex:1;height:1.5px;background:currentColor}
  .tx-cbridge .mi{width:28px;height:28px;border-radius:50%;background:var(--indigo-tint);color:var(--indigo-text);display:grid;place-items:center;margin:0 9px;flex:none}
  .tx-cbridge .mi svg{width:14px;height:14px;stroke-width:1.8}
  .tx-cav{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:11.5px;color:#fff;position:relative;background:var(--indigo)}
  .tx-cav svg{width:14px;height:14px}
  .tx-cmeta{flex:1;min-width:0}
  .tx-cmeta.tx-link{cursor:pointer}
  .tx-cmeta.tx-link:hover .tx-cname{color:var(--indigo-text)}
  .tx-embed{background:none;padding:0;overflow:visible;flex:none}
  .ti .dir.sms{background:var(--indigo-tint);color:var(--indigo-text)}
  .ti.tism{background:#F3F9FE;border:1px solid #DEEBF7}
  .ti.tism .dir.sms{background:#eef2ff;color:#432dd7}.ti.titask{background:#FBFAFE;border:1px solid #E2EFFB}.ti.titask .dir.task{background:#E9F3FC;color:var(--indigo-text)}.ti.titask.done{opacity:.72}.ti.titask.done .itt-title{text-decoration:line-through;color:var(--muted)}.ti-task{padding:2px 2px 0}.itt-title{font:700 14px 'Inter',system-ui,sans-serif;color:var(--ink);letter-spacing:-.005em}.itt-desc{font-size:12.5px;color:var(--ink-2);margin-top:3px;line-height:1.5}
  
  
  .ti.tism .tirow .pill.indigo{background:#eef2ff;color:#432dd7}
  .ti.tism .tirow .pill.gray{background:#E5ECF3;color:#51677E}
  .ti.tism .tdur{color:#6B84A0}
  .ti.tism .tism-r.out.sys .tism-bub{background:#CDE2F7;color:var(--ink);border:1px solid #B2D1EF}
  .ti.tism .tism-who{color:#6B84A0}
  .ti.tism .tism-more{color:#6B84A0}
  .tism-b{display:flex;flex-direction:column;gap:5px;margin:11px 0 2px;border-top:1px solid #DCE9F6;padding-top:11px}
  .tism-r{display:flex}
  .tism-r.out{justify-content:flex-end}
  .tism-who{font-size:10px;color:var(--muted);font-weight:600;margin:0 5px 2px}
  .tism-who.r{text-align:right}
  .tism-bub{padding:7px 12px;border-radius:13px;font-size:12.5px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tism-r.in .tism-bub{background:#fff;border:1px solid var(--hair);color:var(--ink);border-bottom-left-radius:5px}
  .tism-r.out .tism-bub{background:linear-gradient(135deg,#4f39f6,#57A9F0);color:#fff;border-bottom-right-radius:5px}
  .tism-r.out.sys .tism-bub{background:var(--indigo-tint);color:var(--ink-2);border:1px solid #c6d2ff}
  .tism-more{font-size:11px;color:var(--muted);font-weight:600;text-align:center;margin-bottom:2px}
  .am-comp{background:var(--bg);padding:12px 0 2px;flex:none}
  /* ---- Voicemails worklist ---- */
  .vm-strip{display:flex;gap:12px;align-items:center;margin:4px 0 6px;flex-wrap:wrap}
  .vm-stat{display:flex;align-items:center;gap:11px;background:#fff;border:1.5px solid var(--hair);border-radius:13px;padding:11px 17px;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}
  .vm-stat:hover{border-color:#cbd5e1;box-shadow:0 4px 14px rgba(19,33,50,.06);transform:translateY(-1px)}
  .vm-stat.on{background:#f1f5f9;border-color:#0f172a;box-shadow:none}
  .vm-stat.on .l{color:var(--ink);font-weight:700}
  .vm-stat .d{width:8px;height:8px;border-radius:50%;flex:none}
  .vm-stat b{font-size:20px;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;color:var(--ink);line-height:1}
  .vm-stat .l{font-size:12px;color:var(--ink-2);font-weight:650;white-space:nowrap}
  .vm-stat.fxu b,.vm-stat.fxr b{color:var(--ink)}
  .vm-stat.fxy b{color:var(--amber-text)}
  .vm-stat.fxg b{color:var(--ink-2)}
  .vm-stat.fxc{background:#FDF3F2}
  .vm-stat.fxc:hover{border-color:#F0C4C0}
  .vm-stat.fxc.on{background:var(--coral-tint);border-color:#DC7B72}
  .vm-stat.fxc b{color:var(--coral-text)}
  .vm-sep{width:1px;height:28px;background:var(--hair);margin:0 5px;flex:none}
  .vm-sec{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:20px 0 9px;display:flex;align-items:center;gap:7px}
  .vm-sec:first-child{margin-top:4px}
  .vm-sec .c{background:var(--hair-2);color:var(--ink-2);font-size:10px;font-weight:800;border-radius:20px;min-width:17px;line-height:17px;text-align:center;padding:0 5px}
  .vmrow{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid var(--hair);border-radius:12px;padding:13px 16px;margin-bottom:8px}
  .vm-play{width:38px;height:38px;border-radius:50%;background:var(--indigo-tint);color:var(--indigo-text);display:grid;place-items:center;flex:none;cursor:pointer;margin-top:2px}
  .vm-play:hover{background:#c6d2ff}
  .vm-play.pl{background:var(--indigo);color:#fff}
  .vm-play svg{width:14px;height:14px;margin-left:2px}
  .vm-play.none{background:var(--hair-2);color:#a3b3ff;cursor:default}
  .vm-c{flex:1;min-width:0}
  .vm-top{display:flex;align-items:flex-start;gap:8px;min-width:0}
  .vm-nm{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .vm-sub{font-size:11.5px;color:var(--muted);white-space:nowrap}
  .vm-idn{min-width:0}
  .vm-idn .r1{display:flex;align-items:center;gap:8px;min-width:0}
  .vm-idn .r2{font-size:11.5px;color:var(--muted);margin-top:2px}
  .vm-meta svg{width:13px;height:13px;vertical-align:-2.5px;margin-right:3px;color:#7c86ff}
  .vm-tx{font-size:12.5px;color:var(--ink-2);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .vm-tx.none{color:var(--muted)}
  .vm-txf{font-size:13px;color:var(--ink-2);line-height:1.6;margin-top:4px}
  .vm-avwrap{display:flex;align-items:center;gap:8px;flex:none;margin-top:2px}
  .vm-meta{display:flex;align-items:center;gap:10px;margin-top:5px;font-size:11.5px;color:var(--muted);font-weight:600;flex-wrap:wrap}
  .vm-meta .pill{font-size:10px}
  .vm-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none;margin-left:8px}
  .vm-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none;text-align:right;padding-left:12px}
  .vm-top .vm-acts{margin-left:12px;flex:none}
  .vm-age{font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--hair-2);color:var(--muted);white-space:nowrap}
  .vm-age.warn{background:#FDF1DC;color:#A8720F}
  .vm-age.urgent{background:#ffe2e2;color:#c10007}
  .vm-by{font-size:10.5px;color:var(--muted)}
  .vm-acts{display:flex;gap:6px}
  .vm-act{width:29px;height:29px;border-radius:8px;border:1px solid #c6d2ff;background:#fff;display:grid;place-items:center;color:var(--indigo);cursor:pointer;transition:.12s}
  .vm-act:hover{background:var(--indigo-tint);border-color:var(--indigo)}
  .vm-act svg{width:14px;height:14px;stroke-width:2}
  .vm-act.pri{background:var(--indigo);border-color:var(--indigo);color:#fff}
  .vm-act.pri:hover{background:var(--indigo-text);border-color:var(--indigo-text);color:#fff}
  .vm-act.ok{border-color:#B7E2CC;color:#1F8A5D}
  .vm-act.ok:hover{background:#E3F6EC;border-color:#1F8A5D}
  .vm-act.blk:hover{background:#ffe2e2;border-color:#c10007;color:#c10007}
  .vm-audio{margin-top:10px;border-top:1px solid var(--hair-2);padding-top:12px}
  .vmp{display:flex;align-items:center;gap:12px}
  .vmp-btn{width:34px;height:34px;border-radius:50%;background:var(--indigo);color:#fff;display:grid;place-items:center;flex:none;cursor:pointer}
  .vmp-btn svg{width:13px;height:13px;margin-left:1px}
  .vmp-cv{flex:1;height:40px;cursor:pointer;min-width:0;display:block}
  .vmp-t{font-size:11px;color:var(--muted);flex:none;font-weight:600;white-space:nowrap}
  .vmp-rate{height:26px;padding:0 10px;border-radius:8px;border:1px solid var(--hair);background:#fff;font-size:11px;font-weight:800;color:var(--ink-2);cursor:pointer;flex:none}
  .vmp-rate:hover{border-color:#c6d2ff;color:var(--indigo-text)}
  .vm-audio .full{font-size:13px;color:var(--ink-2);line-height:1.6;margin-top:10px}
  .vm-zero{text-align:center;padding:46px 0;color:var(--muted);font-size:13px}
  .vm-zero .art{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#E9F7EF,#D8F0E2);display:grid;place-items:center;margin:0 auto 12px}
  .vm-zero .art svg{width:30px;height:30px;color:#00a63e}
  .vm-zero b{color:var(--ink-2)}
  .wl-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
  .wl-col{min-width:0}
  .wl-col>.vm-sec:first-child{margin-top:4px}
  .vm-sec.sm{margin:12px 0 8px;font-size:10px;letter-spacing:.06em;color:#7c86ff}
  .wl-colempty{background:#fff;border:1.5px dashed var(--hair);border-radius:12px;padding:28px 20px;text-align:center;color:var(--muted);font-size:12.5px}
  .wl-cols .vmrow{padding:12px 13px;gap:11px}
  .wl-cols .tag.cat{display:none}
  .wl-cols .vm-right{padding-left:8px}
  .vm-stripnote{font-size:12.5px;color:var(--muted);margin-left:4px;font-weight:600;display:inline-flex;align-items:center}
  .vm-stripnote b{color:var(--indigo-text);font-weight:800;margin:0 2px}
  .flt-x{margin-left:10px;height:27px;padding:0 12px;border-radius:8px;border:1px solid var(--hair);background:#fff;font-size:11.5px;font-weight:700;color:var(--ink-2);cursor:pointer}
  .flt-x:hover{border-color:#c6d2ff;color:var(--indigo-text)}
  .vm-stripnote.flt3{gap:7px}
  .vm-stripnote.flt3 svg{width:13px;height:13px;color:var(--muted);flex:none}
  .vm-stripnote.flt3 b{margin:0;white-space:nowrap;color:var(--ink-2);font-weight:700}
  .flt-xi{width:22px;height:22px;border-radius:7px;border:1px solid var(--hair);background:#fff;display:grid;place-items:center;color:var(--muted);cursor:pointer;flex:none}
  .flt-xi:hover{border-color:#c6d2ff;color:var(--indigo-text)}
  .flt-xi svg{width:10px;height:10px;color:currentColor}
  .po-plsum{display:flex;align-items:center;height:44px;font-size:14px;color:var(--ink-2);font-weight:600}
  .po-plsum b{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:17px;color:var(--ink);margin:0 5px 0 3px}
  .po-plsum b.fu{color:var(--indigo-text)}
  .po-plsum b.cv{color:var(--green-text)}
  .pp-stage{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;background:var(--indigo-tint-2);border:1px solid #C9DFF5;border-radius:11px;padding:9px 12px;margin:12px 0 2px}
.wq-tag{font-size:11px;font-weight:700;border-radius:20px;padding:3.5px 11px;cursor:pointer;white-space:nowrap}
.wq-tag.wq-today{background:#fef2f2;color:#c10007}
.wq-tag.wq-week{background:#fffbeb;color:#973c00}
.wq-tag.wq-next{background:#eef2ff;color:#432dd7}
.wq-tag.wq-off{background:#fff;color:#94a3b8;border:1px dashed #D5D9E4}
.wq-tag.wq-off:hover{color:#432dd7;border-color:#4f39f6}
  .pp-stage .k{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--indigo-text);white-space:nowrap;flex:none}
  .pp-stage .k svg{width:13px;height:13px}
  .po-stg{white-space:nowrap}
  .vc2-rail .pp-stage{padding:8px 10px;gap:6px}
  .vc2-rail .pp-stage .k{letter-spacing:.02em}
  .po-stg{cursor:pointer;border:0;background:var(--indigo-tint)}
  .po-stg:hover{filter:brightness(.96)}
  .po-stg svg{width:12px;height:12px;opacity:.8}
  .pc-kebab{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:var(--muted);background:none;border:0;cursor:pointer;flex:none}
  .pc-kebab:hover{background:var(--hair-2);color:var(--ink-2)}
  .pc-kebab svg{width:14px;height:14px}
  #po-stagemenu{min-width:212px;max-height:330px;overflow-y:auto}
  .psm-h{padding:7px 10px 4px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
  .psm-div{height:1px;background:var(--hair-2);margin:5px 4px}
  .psm-in{width:calc(100% - 16px);box-sizing:border-box;margin:4px 8px 6px;height:30px;border:1px solid var(--hair);border-radius:8px;padding:0 9px;font-size:12px;outline:0;font-family:'Satoshi',system-ui,sans-serif}
  .psm-in:focus{border-color:#c6d2ff}
  .asg-cb{position:relative;margin-left:auto;align-self:center;margin-bottom:8px;flex:none;width:190px}
  .asg-cb input{width:100%;box-sizing:border-box;height:36px;border:1px solid var(--hair);border-radius:9px;background:#fff;font-size:12.5px;font-weight:600;color:var(--ink-2);padding:0 11px;outline:0;font-family:'Satoshi',system-ui,sans-serif}
  .asg-cb input:focus{border-color:#cbd5e1}
  .asg-cb+.search{margin-left:0}
  .asg-cb .tdn-dd{min-width:100%}
  /* ---- To Do quick-add + rows ---- */
  .td-add{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px dashed #c6d2ff;border-radius:12px;padding:10px 14px;margin-bottom:14px}
  .td-add:focus-within{border-style:solid;border-color:var(--indigo)}
  .td-addic{width:22px;height:22px;border-radius:50%;background:var(--indigo-tint);color:var(--indigo-text);display:grid;place-items:center;font-weight:800;font-size:15px;flex:none}
  .td-add input{flex:1;border:0;outline:0;font-size:13.5px;font-family:'Satoshi',sans-serif;background:none;color:var(--ink);min-width:0}
  .td-sel{height:30px;border:1px solid var(--hair);border-radius:8px;background:#fff;font-size:11.5px;font-weight:600;color:var(--ink-2);padding:0 6px;outline:0;flex:none}
  .td-sel:hover{border-color:#c6d2ff}
  .td-addbtn{height:30px;padding:0 14px;border-radius:8px;background:var(--indigo);color:#fff;font-size:12px;font-weight:700;cursor:pointer;flex:none}
  .td-addbtn:hover{background:var(--indigo-text)}
  .tk-st{cursor:pointer;background:#fff}
  .tk-st:hover{border-color:var(--indigo)}
  .tk-st.done:hover{border-color:#00a63e}
  .td-chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:var(--indigo-text);background:var(--indigo-tint-2);border:1px solid #c6d2ff;border-radius:20px;padding:1.5px 8px;cursor:pointer}
  .td-chip:hover{background:var(--indigo-tint)}
  .tk-desc{font-weight:500;color:var(--ink-2)}
  .tk-pt{font-weight:800;color:var(--ink);cursor:pointer}
  .tk-pt:hover{text-decoration:underline}
  .tk-tt2{font-weight:600;color:var(--ink-2)}
  .vc-td{font-size:12px;color:var(--ink-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .td-link{color:var(--indigo-text);font-weight:600;cursor:pointer}
  .td-link:hover{text-decoration:underline}
  .td-sep{opacity:.45;margin:0 2px}
  .td-pr1{color:#c10007;font-weight:700}
  .td-pr2{color:#A8720F;font-weight:700}
  .td-side{display:flex;align-items:center;gap:7px;flex:none;margin-left:12px;align-self:center}
  .td-asgav{width:22px;height:22px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:8.5px;font-weight:800;font-family:'Satoshi',system-ui,sans-serif;flex:none;background:var(--indigo)}
  .td-asgn{font-size:11.5px;color:var(--ink-2);font-weight:600;white-space:nowrap}
  .tdn-in{width:100%;box-sizing:border-box;border:1px solid var(--hair);border-radius:9px;padding:9px 12px;font-size:13.5px;font-family:'Satoshi',sans-serif;margin-bottom:10px;outline:0;background:#fff;color:var(--ink);resize:none}
  .tdn-in:focus{border-color:var(--indigo)}
  .tdn-row{display:flex;gap:8px;margin-bottom:10px}
  .tdn-row .td-sel{height:36px}
  .tdn-lbl{font-size:10.5px;font-weight:800;color:var(--muted);margin:4px 2px 5px;text-transform:uppercase;letter-spacing:.06em}
  .tdn-cb{position:relative;margin-bottom:12px}
  .tdn-dd{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--hair);border-radius:10px;box-shadow:0 12px 32px rgba(19,33,50,.14);z-index:6;max-height:190px;overflow-y:auto;display:none}
  .tdn-dd.on{display:block}
  .tdn-dd .it{padding:8px 12px;font-size:12.5px;color:var(--ink);cursor:pointer}
  .tdn-dd .it:hover{background:var(--hair-2)}
  .tdn-dd .it .s{color:var(--muted);font-size:11px;margin-left:7px}
  .vmrow.book{background:#FFFDF6;border-color:#fee685}
  .ti.book{background:#FFFDF6;border-color:#fee685}
  .ti .tirow .vm-acts{margin-left:auto}
  .ti .tiroute .tag{flex:none}
  .ti .tirow .vm-age{margin-left:2px}
  .ti .tirow .vm-by{font-size:11px}
  .wl-lead{display:flex;flex-direction:column;min-width:0;flex:none}
  .wl-lead .ln{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap}
  .wl-lead .lp{font-size:11px;color:var(--muted);font-weight:500;margin-top:1px}
  .mc-ico{width:38px;height:38px;border-radius:50%;background:#ffe2e2;color:#c10007;display:grid;place-items:center;flex:none;margin-top:2px}
  .mc-ico svg{width:16px;height:16px}
  .convo-left.amfix{display:flex;flex-direction:column;overflow:hidden}
  .convo-left.amfix #convo-timeline{flex:1;min-height:0;display:flex;flex-direction:column}
  .am-scroll{flex:1;min-height:0;overflow-y:auto}
  .tx-cname{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:15px;color:var(--ink);display:flex;align-items:center;gap:7px}
  .tx-cname .lnk{color:var(--muted);display:inline-grid;place-items:center;cursor:pointer}
  .tx-cname .lnk:hover{color:var(--indigo-text)}
  .tx-cname .lnk svg{width:13px;height:13px}
  .tx-csub{font-size:12px;color:var(--muted);margin-top:1px;display:flex;align-items:center;gap:6px}
  .tx-csub .sep{width:3px;height:3px;border-radius:50%;background:#C9C6DC}
  .tx-cline{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--muted);flex:none}
  .tx-cline svg{width:13px;height:13px;color:#7c86ff}
  .tx-cline b{color:var(--ink-2);font-weight:700}
  .tx-cact{width:29px;height:29px;border-radius:8px;border:1px solid #c6d2ff;background:#fff;display:grid;place-items:center;color:var(--indigo);cursor:pointer;flex:none;transition:.12s}
  .tx-cact:hover{background:var(--indigo-tint);border-color:var(--indigo)}
  .tx-cact svg{width:14px;height:14px;stroke-width:2}
  /* thread — soft wallpaper like WhatsApp */
  .tx-thread{flex:1;overflow-y:auto;padding:14px 8% 12px;background:var(--bg)}
  .tx-day{position:sticky;top:4px;z-index:3;display:flex;justify-content:center;margin:16px 0 10px;pointer-events:none}
  .tx-day span{font-size:10.5px;font-weight:700;letter-spacing:.03em;color:var(--muted);background:#fff;border:1px solid var(--hair);border-radius:20px;padding:4px 12px;box-shadow:0 1px 4px rgba(19,33,50,.06)}
  .tx-grp{display:flex;gap:9px;margin-top:12px}
  .tx-grp.out{justify-content:flex-end}
  .tx-gav{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:8px;color:#fff;align-self:flex-end;margin-bottom:2px;background:var(--indigo)}
  .tx-gav svg{width:10px;height:10px}
  .tx-gav svg{width:12px;height:12px}
  .tx-gb{max-width:62%;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
  .tx-grp.out .tx-gb{align-items:flex-end}
  .tx-glabel{font-size:10.5px;color:var(--muted);margin:0 6px 3px;font-weight:600;display:flex;align-items:center;gap:5px}
  .tx-glabel b{color:var(--ink-2);font-weight:750}
  .tx-glabel svg{width:11px;height:11px;color:var(--indigo-text)}
  .tx-bub{position:relative;padding:8px 12px;border-radius:16px;font-size:13.5px;line-height:1.48;white-space:pre-wrap;word-break:break-word;margin-top:2.5px;box-shadow:0 1px 1.5px rgba(19,33,50,.07)}
  .tx-grp.in .tx-bub{background:#fff;color:var(--ink);border-bottom-left-radius:16px}
  .tx-grp.in .tx-bub:last-child{border-bottom-left-radius:6px}
  .tx-grp.out .tx-bub{background:#e0e7ff;color:var(--ink)}
  .tx-grp.out .tx-bub:last-child{border-bottom-right-radius:6px}
  .tx-grp.out.sys .tx-bub{background:#f1f5f9;color:var(--ink);border:1px solid #e2e8f0;box-shadow:none}
  .tx-bmeta{float:right;display:inline-flex;align-items:center;gap:3px;font-size:9.5px;margin:10px -3px -3px 9px;opacity:.75;font-weight:600}
  .tx-grp.in .tx-bmeta{color:var(--muted)}
  .tx-bmeta svg{width:13px;height:13px}
  .tx-bmeta .fail{color:#FFC6C6;font-weight:800}
  .tx-grp.sys .tx-bmeta .fail,.tx-grp.in .tx-bmeta .fail,.tx-grp.out .tx-bmeta .fail{color:#c10007}
  .tx-img{max-width:240px;max-height:260px;border-radius:12px;display:block;cursor:pointer;margin:3px 0 2px;object-fit:cover}
  .tx-file{display:inline-flex;align-items:center;gap:7px;margin:3px 0 2px;font-size:12px;font-weight:600;color:inherit;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:9px;padding:7px 11px;cursor:pointer}
  .tx-grp.in .tx-file,.tx-grp.sys .tx-file,.tx-grp.out .tx-file{background:var(--surface);border-color:var(--hair);color:var(--indigo-text)}
  .tx-file svg{width:14px;height:14px}
  .tx-older{margin:2px auto 4px;display:block;font-size:11.5px;font-weight:700;color:var(--indigo-text);background:#fff;border:1px solid var(--hair);border-radius:20px;padding:6px 15px;cursor:pointer;box-shadow:0 1px 4px rgba(19,33,50,.05)}
  .tx-older:hover{border-color:#c6d2ff}
  /* composer — pill + round send */
  .tx-comp{padding:10px 8% 12px;background:var(--bg);flex:none}
  .tx-cbox{display:flex;align-items:flex-end;gap:8px}
  .tx-pill{flex:1;display:flex;align-items:flex-end;gap:4px;background:#fff;border:1px solid var(--hair);border-radius:18px;padding:8px 8px 8px 16px;box-shadow:0 1px 4px rgba(19,33,50,.05);min-width:0}
  .tx-pill:focus-within{border-color:#B7AFF5}
  .tx-pill textarea{flex:1;border:0;outline:0;resize:none;font-family:'Satoshi',sans-serif;font-size:13.5px;line-height:1.45;min-height:58px;max-height:140px;background:none;color:var(--ink);padding:4px 0;min-width:0}
  .tx-ico{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#8B87AB;cursor:pointer;background:none;flex:none}
  .tx-ico:hover{background:var(--hair-2);color:var(--ink-2)}
  .tx-ico svg{width:18px;height:18px}
  .tx-fab{width:36px;height:36px;border-radius:50%;background:var(--indigo);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;margin-bottom:2px}
  .tx-fab:hover{background:var(--indigo-text)}
  .tx-fab:disabled{background:#C9C6DC;cursor:default}
  .tx-fab svg{width:16px;height:16px;margin-left:1px}
  .tx-chint{display:flex;justify-content:space-between;font-size:10px;color:#7c86ff;margin-top:6px;padding:0 18px 0 18px}
  .tx-banner{font-size:12.5px;font-weight:600;color:#c10007;background:#ffe2e2;border-radius:12px;padding:11px 14px;text-align:center}
  .vr-opp{border:1.5px solid #c6d2ff;background:linear-gradient(180deg,#FCFBFF,#F4F2FE);border-radius:13px;padding:13px 15px}
  .vr-opp .h{display:flex;align-items:center;gap:8px;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:13.5px;color:var(--indigo-text);margin-bottom:8px}
  .vr-opp .h svg{width:16px;height:16px;flex:none}
  .vr-opp .vc-gauge{padding:0}
  .vr-opp .cta{display:block;width:100%;height:34px;border-radius:9px;background:var(--indigo);color:#fff;font-size:12.5px;font-weight:700;margin-top:11px}.vr-opp .cta:hover{filter:brightness(1.08)}
  .vr-why{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.55;color:var(--ink-2);margin-top:11px;padding-top:10px;border-top:1px solid #E4E0F9}
  .vr-why svg{width:14px;height:14px;color:var(--indigo);flex:none;margin-top:1px}
  /* ---- key moments: transcript highlights + waveform markers ---- */
  .km-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;margin-left:10px;border-radius:20px;background:var(--indigo-tint);color:var(--indigo-text);font-size:11.5px;font-weight:800;cursor:pointer;border:0}
  .km-chip:hover{filter:brightness(.96)}
  .km-chip svg{width:12px;height:12px}
  .km-legend{display:flex;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);font-weight:650;padding:9px 16px 3px}
  .km-legend span{display:inline-flex;align-items:center;margin-right:16px;white-space:nowrap}
  .km-legend i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:6px}
  .vc3-turn.km{box-shadow:inset 3px 0 0 var(--kmc);border-radius:9px}
  .vc3-turn.km-intent{--kmc:#00a63e}
  .vc3-turn.km-urgent{--kmc:#e7000b}
  .vc3-turn.km-money{--kmc:#d08700}
  .vc3-turn.km-unbooked{--kmc:#4f39f6}
  .km-tag-unbooked{background:var(--indigo-tint);color:var(--indigo-text)}
  #dview-call .voc{position:sticky;top:-1px;z-index:8}
  .km-tag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:1.5px 7px;margin:0 8px 3px 0;vertical-align:1.5px;white-space:nowrap}
  .km-tag-intent{background:#D9F2E4;color:#1C7A4D}
  .km-tag-urgent{background:#ffe2e2;color:#c10007}
  .km-tag-money{background:#FBEBCB;color:#9A6108}
  .km-tag-why{background:var(--indigo-tint);color:var(--indigo-text)}
  @keyframes kmpulse{0%{box-shadow:0 0 0 0 rgba(91,91,214,.35)}100%{box-shadow:0 0 0 14px rgba(91,91,214,0)}}
  .vc3-turn.km-pulse{animation:kmpulse .7s ease-out 2}
  /* hero */
  .vh{display:flex;align-items:flex-start;gap:13px;border-radius:14px;padding:15px 17px;border:1px solid}
  .vh-ic{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center}.vh-ic svg{width:20px;height:20px}
  .vh-c{flex:1;min-width:0}.vh-h{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:16px;line-height:1.25}.vh-s{font-size:12.5px;line-height:1.5;margin-top:4px}
  .vh-cta{flex:none;align-self:center;height:36px;padding:0 16px;border-radius:10px;font-weight:700;font-size:13px;color:#fff;cursor:pointer}
  .vh-coral{background:var(--coral-tint);border-color:#ffc9c9}.vh-coral .vh-ic{background:#fff;color:var(--coral-text)}.vh-coral .vh-h{color:var(--coral-text)}.vh-coral .vh-s{color:#9b3a37}.vh-coral .vh-cta{background:#e7000b}
  .vh-indigo{background:var(--indigo-tint);border-color:#c6d2ff}.vh-indigo .vh-ic{background:#fff;color:var(--indigo)}.vh-indigo .vh-h{color:var(--indigo-text)}.vh-indigo .vh-s{color:#5b52a8}.vh-indigo .vh-cta{background:var(--indigo)}
  .vh-green{background:var(--green-tint);border-color:#BCE6CF}.vh-green .vh-ic{background:#fff;color:var(--green-text)}.vh-green .vh-h{color:var(--green-text)}.vh-green .vh-s{color:#2f6b48}
  .vh-amber{background:var(--amber-tint);border-color:#fee685}.vh-amber .vh-ic{background:#fff;color:var(--amber-text)}.vh-amber .vh-h{color:var(--amber-text)}.vh-amber .vh-s{color:#8a5a10}.vh-amber .vh-cta{background:#D97706}
  .vh-gray{background:var(--surface);border-color:var(--hair)}.vh-gray .vh-h{color:var(--ink)}.vh-gray .vh-s{color:var(--muted)}
  .po-iqh{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
  .po-iqic{width:30px;height:30px;border-radius:9px;background:var(--indigo-tint);color:var(--indigo);display:grid;place-items:center;flex:none}
  .po-iqic svg{width:15px;height:15px}
  .po-iqh .h{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:14.5px;color:var(--ink)}

  .pager{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
  .pager .info{margin-right:auto;font-size:12.5px;color:var(--muted)}
  .pager button{min-width:32px;height:32px;padding:0 9px;border-radius:8px;border:1px solid var(--hair);background:#fff;font-size:12.5px;font-weight:600;color:var(--ink-2)}
  .pager button:hover:not(:disabled){background:var(--hair-2);border-color:#D7D4F4}
  .pager button.cur{background:var(--indigo);color:#fff;border-color:var(--indigo)}
  .pager button:disabled{opacity:.4;cursor:default}
  .live-badge{font-size:11px;font-weight:700;border-radius:20px;padding:3px 10px;vertical-align:middle;margin-left:9px;cursor:pointer}
  .live-badge.on{background:var(--green-tint);color:var(--green-text)}
  .live-badge.off{background:var(--hair);color:var(--muted)}
  .pp-ext{display:inline-grid;place-items:center;width:16px;height:16px;color:var(--indigo);vertical-align:-2px;cursor:pointer}.pp-ext svg{width:14px;height:14px}
  .pp-prof{display:flex;align-items:center;gap:11px;flex:1;min-width:0}
  .pp-pav{width:38px;height:38px;border-radius:50%;flex:none;background:var(--indigo);color:#fff;display:grid;place-items:center;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:13.5px}.pp-pav svg{width:18px;height:18px}
  .pp-pmeta{flex:1;min-width:0}
  .pp-pname{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:15.5px;color:var(--ink);display:flex;align-items:baseline;gap:6px;line-height:1.1;white-space:nowrap}
  .pp-page{font-family:'Satoshi',system-ui,sans-serif;font-size:12px;font-weight:500;color:var(--muted);flex:none}
  .pp-pbadges{margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .pp-pmsub{font-size:11.5px;color:var(--muted);font-weight:500}
  .pp-ptabs{display:flex;gap:2px;border-bottom:1px solid var(--hair);margin:4px 0 12px;overflow-x:auto}
  .pp-ptab{flex:none;padding:6px 9px 8px;border-bottom:2px solid transparent;text-align:left;background:none;min-width:50px}
  .pp-ptab .nm{display:flex;align-items:center;gap:5px;font-weight:700;font-size:12.5px;color:var(--ink-2);white-space:nowrap}
  .pp-ptab .dotg{width:7px;height:7px;border-radius:50%;background:var(--green)}
  .pp-ptab .sub{display:block;font-size:10.5px;color:var(--muted);margin-top:1px;white-space:nowrap}
  .pp-ptab.active{border-bottom-color:var(--indigo)}.pp-ptab.active .nm{color:var(--indigo-text)}
  .pp-card{border:1px solid var(--hair);border-radius:12px;padding:13px 14px;box-shadow:var(--shadow)}
  .pp-cardname{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:11px}
  .ppr{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:7px 0;font-size:13px;border-bottom:1px solid var(--hair-2)}
  .ppr:last-child{border-bottom:0}.ppk{color:var(--muted);flex:none}.ppv{font-weight:600;color:var(--ink-2);text-align:right}
  .tag2{font-size:9.5px;font-weight:700;border-radius:6px;padding:2px 6px;margin-left:6px}
  .pp-sep{height:1px;background:var(--hair);margin:9px 0}
  .copy{cursor:pointer;color:var(--muted);margin-left:5px}.copy:hover{color:var(--indigo)}.copy svg{width:12px;height:12px;display:inline;vertical-align:-2px}
  /* patient panel v2 */
  .pp-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px}
  .pp-sub{font-size:11px;color:var(--muted);font-weight:500;margin:-2px 0 12px}
  .pp-ibs{display:flex;gap:6px;margin:14px 0 14px}
  .pp-ib{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;border:1px solid var(--hair);border-radius:10px;background:#fff;cursor:pointer;font-size:10px;font-weight:600;color:var(--muted);transition:.12s}
  .pp-ib:hover{background:var(--indigo-tint);border-color:transparent;color:var(--indigo-text)}
  .pp-ib svg{width:17px;height:17px;color:var(--indigo);stroke-width:2}
  /* quick-glance chips above Contact details */
  /* patient rail v2 — clean kv rows, trust bar, stat line */
  .pc2-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--hair-2);min-height:36px}
  .pc2-row:first-of-type{border-top:0;padding-top:2px}
  .pc2-l{font-size:12px;color:var(--muted);font-weight:500;flex:none}
  .pc2-v{font-size:13px;font-weight:650;color:var(--ink);text-align:right;min-width:0;overflow-wrap:anywhere}
  .trustwrap{display:inline-flex;align-items:center;gap:7px;margin-left:auto}
  .trustwrap .lbl{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap}
  .trustbar{width:52px;height:6px;border-radius:6px;background:var(--hair);overflow:hidden;flex:none}
  .trustbar i{display:block;height:100%;border-radius:6px;background:var(--green)}
  .trustbar.amber i{background:#d08700}.trustbar.coral i{background:#e7000b}
  .trustwrap .pct{font-size:12px;font-weight:800;color:var(--green-text)}
  .trustwrap .pct.amber{color:var(--amber-text)}.trustwrap .pct.coral{color:var(--coral-text)}
  .pp-histlbl{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin:13px 0 7px}
  .pp-pref{font-size:12.5px;font-weight:700;color:var(--indigo-text)}
  .pp-trustrow{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid var(--hair-2)}
  .pp-trustrow .lbl{font-size:12px;color:var(--muted);font-weight:600;margin-right:auto}
  .pp-trustrow .trustbar{width:96px}
  .pp-glance{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 13px}
  .gp{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;font-size:11.5px;font-weight:700;line-height:1.2}
  .gp svg{width:12px;height:12px;stroke-width:2.2;flex:none}
  .gp-neutral{background:var(--bg);color:var(--ink-2)}
  .gp-rp{background:var(--indigo-tint);color:var(--indigo-text)}
  .gp-due{background:var(--coral-tint);color:var(--coral-text)}
  .gp-appt{background:var(--green-tint);color:var(--green-text)}
  /* patient action bar — compact icon buttons in the identity band */
  .pp-acts{display:flex;gap:6px;margin-top:9px}
  .pa-ib{width:36px;height:36px;border-radius:10px;border:1px solid var(--hair);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:.12s}
  .pa-ib svg{width:18px;height:18px;color:var(--indigo);stroke:currentColor;fill:none;stroke-width:1.9}
  .pa-ib:hover{border-color:var(--indigo);background:var(--indigo-tint)}
  .pa-ib.primary{background:var(--indigo);border-color:var(--indigo)}.pa-ib.primary svg{color:#fff}.pa-ib.primary:hover{background:#1447e6}
  .pa-ib.danger svg{color:var(--coral-text)}.pa-ib.danger:hover{border-color:var(--coral-text);background:var(--coral-tint)}
  .pa-morewrap{position:relative;display:flex}
  .pa-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:190px;background:#fff;border:1px solid var(--hair);border-radius:11px;box-shadow:0 12px 30px rgba(16,16,40,.16);padding:5px;display:none;z-index:120}
  .pa-menu.on{display:block}
  .pa-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border-radius:8px;background:none;font-size:12.5px;font-weight:600;color:var(--ink-2);text-align:left;cursor:pointer}
  .pa-menu button:hover{background:var(--indigo-tint);color:var(--indigo-text)}
  .pa-menu button svg{width:15px;height:15px;color:var(--indigo);stroke:currentColor;fill:none;stroke-width:1.8;flex:none}
  .pp-fam{margin-bottom:14px}
  .pp-fgrp{margin-top:9px}.pp-fgrp:first-child{margin-top:0}
  .pp-fgh{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:5px;display:flex;align-items:center;gap:6px}
  .pp-fgh .ct{background:var(--hair-2);color:var(--muted);border-radius:20px;padding:1px 7px;font-size:9.5px}
  .pp-fcard{border:0;border-bottom:1px solid var(--hair-2);background:transparent}
  .pp-fcard:last-child{border-bottom:0}
  .pp-frow{display:flex;align-items:center;gap:9px;padding:10px 0;cursor:pointer}
  .pp-frow:hover .pp-fnm{color:var(--indigo-text)}
  .pp-cardsep{height:1px;background:var(--hair);margin:12px 0}
  .ps-sub{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
  .ps-subt{display:flex;align-items:center;gap:8px;font-family:'Satoshi',system-ui,sans-serif;font-weight:700;font-size:12.5px;color:var(--ink-2)}
  .ps-subt .ic{display:inline-grid;place-items:center;color:var(--indigo)}.ps-subt .ic svg{width:15px;height:15px}
  .pp-hcount{background:var(--hair-2);color:var(--muted);font-size:11px;font-weight:500;border-radius:20px;padding:1px 9px}
  .pp-duepill{background:var(--coral-tint);color:var(--coral-text);font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:10.5px;padding:2px 8px;border-radius:20px}
  /* linked-patients trigger */
  .pp-lptrig{display:flex;align-items:center;gap:8px;width:100%;margin-top:auto;padding:12px 13px;border:1px solid var(--hair);border-radius:12px;background:#fff;box-shadow:0 -6px 16px rgba(20,30,45,.07),var(--shadow);cursor:pointer;transition:.12s;white-space:nowrap;position:sticky;bottom:0;z-index:6}
  .pp-lptrig:hover{border-color:var(--indigo);background:var(--indigo-tint)}
  .pp-lpic{width:24px;height:24px;border-radius:7px;flex:none;display:grid;place-items:center;background:var(--indigo-tint);color:var(--indigo)}.pp-lpic svg{width:14px;height:14px}.pp-lptrig:hover .pp-lpic{background:#fff}
  .pp-lpt{font-family:'Satoshi',system-ui,sans-serif;font-weight:700;font-size:12.5px;color:var(--ink-2);white-space:nowrap;flex:none}
  .pp-lpavs{display:flex;margin-left:auto}
  .pp-lpav{width:24px;height:24px;border-radius:50%;background:var(--indigo);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:500;font-family:'Satoshi',system-ui,sans-serif;border:2px solid #fff;margin-left:-7px}.pp-lpav:first-child{margin-left:0}
  .pp-lparr{width:15px;height:15px;color:var(--muted);flex:none}
  /* linked-patients popover (anchored to the trigger) */
  .pp-pop-scrim{position:fixed;inset:0;background:transparent;display:none;z-index:290}.pp-pop-scrim.on{display:block}
  .pp-pop{position:fixed;display:none;flex-direction:column;background:#fff;border:1px solid var(--hair);border-radius:14px;box-shadow:0 18px 44px rgba(16,16,40,.22);z-index:300;overflow:hidden;animation:pppop .14s ease}
  .pp-pop.on{display:flex}
  @keyframes pppop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  .pp-pop-h{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--hair);font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:12.5px;color:var(--ink)}.pp-pop-h svg{width:15px;height:15px;color:var(--indigo)}.pp-pop-h .pp-hcount{margin-left:auto}
  .pp-pop-body{overflow-y:auto;padding:6px}
  .pp-prow{display:flex;align-items:center;gap:11px;padding:8px;border-radius:9px;cursor:pointer}
  .pp-prow:hover{background:var(--indigo-tint)}.pp-prow.on{background:var(--indigo-tint)}
  .pp-pinfo{flex:1;min-width:0}
  .pp-pn{font-weight:700;font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pp-pd{font-size:11.5px;color:var(--muted);margin-top:1px}
  .pp-pcur{font-size:9.5px;font-weight:700;color:var(--indigo-text);background:#fff;border:1px solid #c6d2ff;border-radius:20px;padding:2px 8px;flex:none}
  .pp-fav{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:var(--indigo)}
  .pp-fnm{font-weight:700;font-size:13px;color:var(--ink-2);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pp-fmeta{font-size:11px;color:var(--muted);font-weight:500;flex:none}
  .pp-fchev{width:15px;height:15px;color:var(--faint);flex:none;transition:transform .15s}.pp-fcard.open .pp-fchev{transform:rotate(180deg)}
  .pp-fexp{padding:9px 11px 11px;border-top:1px solid var(--hair-2);font-size:12px}
  .pp-fxr{display:flex;justify-content:space-between;gap:10px;padding:4px 0;color:var(--muted)}.pp-fxr b{color:var(--ink-2);font-weight:700}.pp-fxr b.owe{color:var(--coral-text)}
  .pp-fxa{display:flex;gap:7px;margin-top:9px}.pp-fxa button{flex:1;height:30px;border:1px solid var(--hair);border-radius:8px;background:#fff;font-size:11.5px;font-weight:600;color:var(--indigo-text)}.pp-fxa button:hover{background:var(--indigo-tint);border-color:transparent}
  .pp-frel{font-size:9.5px;font-weight:700;border-radius:20px;padding:2px 7px;background:var(--indigo-tint);color:var(--indigo-text);flex:none}
  .pp-sec{margin-top:13px}
  .pp-sech{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
  .pp-sech .vw{font-size:11px;font-weight:600;color:var(--indigo);text-transform:none;letter-spacing:0;cursor:pointer}.pp-sech .vw:hover{text-decoration:underline}
  .pp-counts{display:flex;gap:6px;margin-top:9px}
  .pp-cnt{flex:1;text-align:center;background:var(--panel-2,#F7F7FB);border-radius:8px;padding:7px 2px}
  .pp-cnt b{display:block;font-family:'Satoshi',system-ui,sans-serif;font-size:15px;font-weight:800;color:var(--ink-2);line-height:1.1}
  .pp-cnt span{font-size:9px;color:var(--muted);font-weight:600;letter-spacing:.02em}
  .pp-load{padding:18px 4px;color:var(--muted);font-size:12.5px;display:flex;align-items:center;gap:8px}
  .pp-spin{width:14px;height:14px;border:2px solid var(--hair);border-top-color:var(--indigo);border-radius:50%;animation:ppspin .7s linear infinite}
  @keyframes ppspin{to{transform:rotate(360deg)}}
  /* patient profile — distinct section cards (standard pattern) */
  .psec{border:1px solid var(--hair);border-radius:12px;background:#fff;padding:12px 14px;margin-top:10px}
  .psec-h{display:flex;align-items:center;gap:8px;margin-bottom:11px}
  .psec-h .ic{width:24px;height:24px;border-radius:7px;flex:none;display:grid;place-items:center;background:var(--indigo-tint);color:var(--indigo)}.psec-h .ic svg{width:14px;height:14px}
  .psec-h .t{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:14px;color:var(--ink);flex:1;letter-spacing:-.01em;display:flex;align-items:center}
  .psec-h .v{font-size:11.5px;font-weight:600;color:var(--indigo);cursor:pointer}.psec-h .v:hover{text-decoration:underline}
  .pc-row{display:flex;align-items:center;gap:11px;padding:8px 0;border-top:1px solid var(--hair-2)}.pc-row:first-child{border-top:0;padding-top:0}
  .pc-ic{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:#F5F5FA;color:var(--muted)}.pc-ic svg{width:15px;height:15px}
  .pc-c{flex:1;min-width:0}.pc-l{font-size:11px;color:var(--muted);font-weight:500}.pc-v{font-size:13px;font-weight:700;color:var(--ink-2);display:flex;align-items:center;gap:3px}
  .pc-empty{color:var(--faint);font-size:12.5px}
  .pa-next{display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid #E2E0FA;background:#F6F5FE;border-radius:10px}
  .pa-next.link{cursor:pointer;transition:.12s}
  .pa-next.link:hover{border-color:var(--indigo)}
  .pa-next .pp-ext{margin-left:6px;vertical-align:-3px}
  .pa-cal{width:44px;height:48px;border-radius:8px;background:#fff;border:1px solid var(--hair);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}
  .pa-cal .m{font-size:9px;font-weight:800;color:var(--indigo);text-transform:uppercase;letter-spacing:.05em}
  .pa-cal .d{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:19px;color:var(--ink);line-height:1.05}
  .pa-info{min-width:0}.pa-info .dt{font-weight:700;font-size:12.5px;color:var(--ink-2)}.pa-info .pr{font-size:11px;color:var(--muted);margin-top:2px}
  .pa-none{padding:11px;border:1px dashed #E0E0EA;border-radius:10px;color:var(--muted);font-size:12.5px;text-align:center}
  .pa-prev{font-size:11px;color:var(--muted);margin-top:9px}.pa-next.past{background:#f8fafc;border-color:var(--hair)}.pa-next.past .pa-cal{background:#fff}.pa-next.past .dt{color:var(--ink-2)}.tilink{cursor:pointer}.tilink:hover{color:var(--indigo-text) !important;text-decoration:underline;text-underline-offset:3px}.tilink:hover span{color:var(--indigo-text)}.pa-lbl{font:700 10px 'Inter',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 2px 6px}.pa-lbl:first-child{margin-top:2px}
  .pacc{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
  .pacc .lbl{font-size:12.5px;color:var(--muted);font-weight:500}
  .pacc .amt{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:22px;line-height:1}
  .pacc .amt.ok{color:var(--green-text)}.pacc .amt.owe{color:var(--coral-text)}
  .pacc.sub{margin-top:9px}.pacc .amt2{font-weight:700;font-size:13px;color:var(--ink-2)}
  .pins-empty{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px}
  .pins-empty .ic{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:#F5F5FA;color:var(--muted)}.pins-empty .ic svg{width:16px;height:16px}
  .pins-on{font-size:13px;font-weight:700;color:var(--ink-2)}
  .pp-recln{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:11.5px;color:var(--muted);font-weight:500}.pp-recln .tnum{color:var(--ink-2);font-weight:700}
  .pp-basic{margin-top:4px}
  .pp-due{display:flex;align-items:center;gap:9px;background:var(--coral-tint);color:var(--coral-text);border:1px solid #ffc9c9;border-radius:11px;padding:10px 12px;font-size:12.5px;font-weight:600;margin-top:12px}.pp-due svg{width:17px;height:17px;flex:none}.pp-due b{font-weight:800}
  .pp-trust{display:inline-flex;align-items:center;gap:6px}.pp-trust .lbl{font-size:11px;color:var(--muted);font-weight:600}
  .pp-trust .v{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:14px}.pp-trust .v.green{color:var(--green-text)}.pp-trust .v.amber{color:var(--amber-text)}.pp-trust .v.coral{color:var(--coral-text)}
  .toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(16px);background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:11px 18px;border-radius:11px;box-shadow:0 14px 34px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:.25s;z-index:200;display:flex;align-items:center;gap:8px}.toast svg{width:15px;height:15px;color:#7CF0A8}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ==================== dashboard tiles ==================== */
.dhx-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}
.dhx{border-radius:14px;padding:18px 18px 16px;cursor:pointer;border:1.5px solid;transition:transform .12s,box-shadow .12s;position:relative}
.dhx:hover{transform:translateY(-2px);box-shadow:var(--shadow-h)}
.dhx.amb{background:linear-gradient(135deg,#fffbeb,#FCF6EA);border-color:#fee685}
.dhx.crl{background:linear-gradient(135deg,#fef2f2,#FFF3F1);border-color:#F6CFC9}
.dhx-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.dhx-ic{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center}
.dhx-ic svg{width:19px;height:19px}
.dhx.amb .dhx-ic{color:var(--amber-text)} .dhx.crl .dhx-ic{color:var(--coral-text)}
.dhx-n{font:800 34px 'Satoshi',system-ui,sans-serif;letter-spacing:-.02em}
.dhx.amb .dhx-n{color:var(--amber-text)} .dhx.crl .dhx-n{color:var(--coral-text)}
.dhx-t{font:800 16px 'Satoshi',system-ui,sans-serif;color:var(--ink);margin-bottom:3px}
.dhx-s{font-size:13px;color:var(--ink-2)}
.dhx-cta{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font:700 13px 'Inter',system-ui,sans-serif;color:var(--indigo-text)}
.dhx-cta svg{width:14px;height:14px}
.dqr-list{display:flex;flex-direction:column;gap:6px}
.dqr{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--hair);border-radius:10px;padding:9px 13px;cursor:pointer;transition:border-color .12s}
.dqr:hover{border-color:#c6d2ff}
.dqr-ic{color:var(--muted);display:flex}
.dqr-ic svg{width:16px;height:16px}
.dqr-t{flex:1;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.dqr-n{font:800 13px 'Satoshi',system-ui,sans-serif;background:var(--indigo-tint);color:var(--indigo-text);border-radius:999px;min-width:24px;text-align:center;padding:2px 7px}
.dqr>svg{width:14px;height:14px;color:var(--faint)}
.wk-panel{background:var(--surface);border:1px solid var(--hair);border-radius:14px;box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:250px 1fr;gap:16px 22px}
.wk-left{display:flex;gap:14px;align-items:flex-start}
.wk-ring{position:relative;flex:none}
.wk-ringv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1px}
.wk-ringv b{font:800 22px 'Satoshi',system-ui,sans-serif;color:var(--ink)} .wk-ringv span{font-size:10px;color:var(--muted);margin-top:6px}
.wk-score-t{font:800 15px 'Satoshi',system-ui,sans-serif;color:var(--ink)}
.wk-score-s{font-size:12px;color:var(--muted);margin:2px 0 8px}
.up{color:var(--green-text);font-weight:700;font-size:11.5px;margin-left:5px}
.wk-badges{display:flex;flex-direction:column;gap:5px}
.wk-badge{font-size:11.5px;font-weight:600;background:var(--indigo-tint-2);border:1px solid #E3E0F8;border-radius:999px;padding:4px 10px;color:var(--ink-2);white-space:nowrap}
.wk-mets{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.wk-met{border:1px solid var(--hair);border-radius:11px;padding:11px 13px}
.wk-mv{font:800 20px 'Satoshi',system-ui,sans-serif;color:var(--ink);display:flex;align-items:baseline}
.wk-ml{font-size:12px;font-weight:600;color:var(--ink-2);margin-top:1px}
.wk-mn{font-size:10.5px;color:var(--muted);margin-top:5px}
.wk-meter{position:relative;height:6px;border-radius:4px;background:var(--hair-2);margin-top:7px}
.wk-meter i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--green)}
.wk-meter em{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--amber);border-radius:2px}
.wk-spark{grid-column:1/-1;border-top:1px solid var(--hair-2);padding-top:12px;display:flex;align-items:center;gap:18px}
.wk-sh{font-size:12px;font-weight:700;color:var(--muted);flex:none}
.wk-bars{display:flex;align-items:flex-end;gap:10px;height:62px}
.wk-bar{display:flex;flex-direction:column;align-items:center;gap:3px;justify-content:flex-end}
.wk-bar i{display:block;width:18px;border-radius:5px 5px 2px 2px;background:#c6d2ff}
.wk-bar.best i{background:var(--indigo)}
.wk-bar span{font-size:9.5px;font-weight:700;color:var(--faint)}
.wk-bar.best span{color:var(--indigo-text)}
.wk-sf{font-size:12px;color:var(--ink-2);font-weight:600}
.wk-streakline{margin-top:10px;padding:8px 11px;background:var(--amber-tint);border:1px solid #fee685;border-radius:9px;font-size:12px;color:var(--amber-text)}
.wk-streakline b{color:var(--amber-text)}
.wk-win{font-size:12.5px;color:var(--ink-2);padding:6px 0;border-bottom:1px solid var(--hair-2);display:flex;gap:6px;align-items:baseline}
.wk-win b{color:var(--ink)}
.wk-wt{margin-left:auto;font-size:10.5px;color:var(--faint)}
.wk-winnote{font-size:10px;color:var(--faint);margin-top:7px}
@media(max-width:1100px){.wk-mets{grid-template-columns:1fr 1fr}.wk-panel{grid-template-columns:1fr}}

/* ==================== dashboard tiles 2 ==================== */
/* dashboard tiles */
.dt3-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px}
.dt3{border-radius:15px;padding:20px 20px 18px;display:flex;flex-direction:column;cursor:pointer;border:1px solid transparent;min-height:196px;transition:transform .12s,box-shadow .12s}
.dt3:hover{transform:translateY(-2px);box-shadow:var(--shadow-h)}
.dt3-ic{width:52px;height:52px;border-radius:14px;background:#fff;display:grid;place-items:center;margin-bottom:16px;box-shadow:0 1px 3px rgba(20,30,45,.08)}
.dt3-ic svg{width:24px;height:24px}
.dt3-t{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:15.5px;color:var(--ink);margin-bottom:4px}
.dt3-s{font-size:12.5px;color:var(--muted);font-weight:600;line-height:1.5}
.dt3-open{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding-top:14px;font-family:'Satoshi',system-ui,sans-serif;font-weight:700;font-size:13px}
.dt3-open svg{width:14px;height:14px}
.t-coral{background:#FCEDEA;border-color:#F6D9D3}.t-coral .dt3-ic{color:var(--coral-text)}.t-coral .dt3-open{color:var(--coral-text)}
.t-lav{background:#EFECFA;border-color:#E0DBF4}.t-lav .dt3-ic{color:var(--indigo)}.t-lav .dt3-open{color:var(--indigo-text)}
.t-blue{background:#E9F1FC;border-color:#D6E5F7}.t-blue .dt3-ic{color:#1D6FD1}.t-blue .dt3-open{color:#1D6FD1}
.t-amb{background:#FCF4E4;border-color:#F0E2C2}.t-amb .dtr-ic{color:var(--amber-text)}.t-amb .dt3-open{color:var(--amber-text)}
.t-grn{background:#E9F7F0;border-color:#CFEBDD}.t-grn .dtr-ic{color:var(--green-text)}.t-grn .dt3-open{color:var(--green-text)}
.t-teal{background:#E5F6F3;border-color:#CBEAE4}.t-teal .dtr-ic{color:#0E8A78}.t-teal .dt3-open{color:#0E8A78}
.dtr{display:flex;align-items:center;gap:14px;border-radius:13px;padding:14px 18px;margin-bottom:10px;cursor:pointer;border:1px solid transparent;transition:transform .12s,box-shadow .12s}
.dtr:hover{transform:translateY(-1px);box-shadow:var(--shadow-h)}
.dtr.t-lav .dtr-ic{color:var(--indigo)}
.dtr-ic{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 1px 3px rgba(20,30,45,.08)}
.dtr-ic svg{width:18px;height:18px}
.dtr-c{flex:1;min-width:0}
.dtr-c b{display:block;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:15.5px;color:var(--ink)}
.dtr-c i{font-style:normal;font-size:12.5px;color:var(--muted);font-weight:600}
.dtr .dt3-open{margin-top:0;padding-top:0}
/* bell notification count */
.tb-ib{position:relative}
.tb-ib .nb{position:absolute;top:2px;right:2px;background:#FF4D4D;color:#fff;font:800 9.5px 'Inter',system-ui,sans-serif;min-width:16px;line-height:16px;border-radius:999px;text-align:center;padding:0 3px;border:2px solid #171039}

/* ==================== monday theme ==================== */
/* ===== v4 · monday.com-inspired shell: light chrome, Satoshi/Poppins, blue accents ===== */
body, body *:not(svg):not(path):not(circle):not(rect){font-family:'Satoshi','Inter',Roboto,sans-serif}
.pagehead,.vl-h,.tm-t,.dtr-c b,.vh-h,.vl-side-brand span{font-family:'Satoshi',sans-serif !important;font-weight:600 !important;letter-spacing:0 !important}
.pagehead{font-size:24px}
/* top bar */
.titlebar{background:#fff !important;border-bottom:1px solid #e2e8f0 !important;color:#0f172a}
.titlebar .tb-brand{color:#0f172a}
.vsmark{filter:none}
.tb-ps{background:#f1f5f9 !important;color:#475569 !important;border:1px solid #e2e8f0 !important}
.tb-ib{color:#54607A !important}
.tb-ib .nb{background:#4f39f6}
/* sidebar — classic left menu, monday-light */
.sidebar{width:232px !important;background:#fff !important;border-right:1px solid #e2e8f0 !important;padding:14px 12px 10px !important}
.ws-sel{display:none !important}
.grph{display:flex !important;align-items:center;padding:12px 10px 5px !important;cursor:default !important;
  font-size:10px !important;font-weight:700 !important;letter-spacing:.1em;text-transform:uppercase;color:#8B8BC4 !important}
.grph .gch{display:none !important}
.navsec{margin-top:0 !important;border-top:none !important;padding-top:0 !important}
.navsec .nav{display:block !important}
.navlbl{display:none !important}
.dialpad{flex-direction:row !important;gap:9px !important;background:#4f39f6 !important;border-radius:8px !important;
  font-size:13px !important;padding:9px 10px !important;margin-bottom:12px !important;box-shadow:none !important;color:#fff !important}
.dialpad:hover{background:#432dd7 !important}
#nav a{flex-direction:row !important;gap:10px !important;height:34px !important;padding:0 10px !important;margin-bottom:1px;
  font-size:13.5px !important;font-weight:400 !important;color:#0f172a !important;border-radius:6px !important;text-align:left;white-space:nowrap;position:relative}
#nav a svg{width:17px !important;height:17px !important;opacity:1}
#nav a:hover{background:#f1f5f9 !important;color:#0f172a !important}
#nav a.on{background:#eef2ff !important;color:#0f172a !important;box-shadow:none !important;font-weight:500 !important}
#nav a.on svg{color:#4f39f6}
#nav a .b{position:static;margin-left:auto !important;background:#e2e8f0 !important;color:#475569 !important;
  font-weight:700 !important;box-shadow:none !important;font-size:10px !important;padding:1.5px 7px !important}
#nav a.on .b{background:#fff !important;color:#4f39f6 !important}
.sfoot{flex-direction:row !important;border-top:1px solid #e2e8f0 !important;text-align:left;gap:10px !important;padding-top:10px !important}
.sfoot .who{display:block !important;flex:1 !important}
.sfoot .who .n{color:#0f172a !important;font-size:12.5px !important}
.sfoot .who .r{display:block !important;color:#94a3b8 !important}
.sfoot .cog{color:#64748b !important}
/* ===== chrome palette: slate-navy sidebar, white top bar ===== */
.titlebar{background:#1c1275 !important;border-bottom:1px solid #17106a !important}
.tb-brand{color:#fff !important}
.vsmark{height:22px;filter:none !important}
.tb-brand span{color:#fff !important;font-family:'Satoshi',sans-serif !important;font-weight:600 !important;letter-spacing:0 !important}
.tb-av{background:#4f39f6 !important;box-shadow:0 0 0 2px rgba(255,255,255,.22)}
.tb-ib{color:#C7C7EA !important}
.tb-ib:hover{color:#fff !important;background:rgba(255,255,255,.07)}
.tb-ib .nb{background:#00a63e !important}
.tb-ps{background:rgba(255,255,255,.08) !important;color:#E8EAF2 !important;border:1px solid rgba(255,255,255,.16) !important}
body{background:#F6F7F9}
/* light sidebar per zoomed mockup: dark top bar + light rail */
.sidebar{background:#ffffff !important;border-right:1px solid #E9E9F2 !important}
.dialpad{background:#4f39f6 !important;box-shadow:0 5px 14px rgba(91,91,214,.28) !important;color:#fff !important}
.dialpad:hover{background:#4B4BC4 !important}
.grph span,.grph{color:#9A9AB2 !important}
#nav a{color:#3E3E52 !important;font-weight:500 !important}
#nav a svg{opacity:1}
#nav a:hover{background:#EFEFF7 !important;color:#22223A !important}
#nav a:hover svg{color:#432dd7}
#nav a.on{background:#eef2ff !important;color:#432dd7 !important;box-shadow:none !important;font-weight:600 !important}
#nav a.on svg{color:#4f39f6;opacity:1}
#nav a .b{background:#e7000b !important;color:#fff !important;font-weight:800 !important;box-shadow:none !important;border-radius:99px !important}
/* neutral counts (tasks, fax, contacts) — quiet outlined badge like the mockup */
#nav a .b#td-navbadge,#nav a .b#fx-navbadge,#nav a .b#ct-navbadge,#nav a .b#neo-navbadge{background:#fff !important;border:1px solid #E3E3EE;color:#4A4A62 !important;font-weight:700 !important}
#nav a.on .b{background:#e7000b !important;color:#fff !important}
.ws-sel .ws-nm{color:#3E3E52 !important}
.sfoot{border-top:1px solid #E9E9F2 !important}
.sfoot .av{background:#4f39f6 !important}
.sfoot .who .n{color:#22223A !important}
.sfoot .who .r{color:#8A8AA0 !important}
.sfoot .cog{color:#8A8AA0 !important}
.sfoot .cog:hover{color:#432dd7 !important}
/* ---- monday color overhaul: status pills as solid label blocks ---- */
.pill{border-radius:20px !important}
.pill.green{background:#f0fdf4 !important;color:#008236 !important}
.pill.amber{background:#e17100 !important;color:#fff !important}
.pill.coral{background:#fb2c36 !important;color:#fff !important}
.pill.gray{background:#94a3b8 !important;color:#fff !important}
.pill.indigo{background:#eef2ff !important;color:#432dd7 !important}
/* patient types — cool identity colors, solid monday labels */
.tag{border-radius:4px !important}
.tag.nw{background:#eef2ff !important;color:#432dd7 !important}
.tag.ex{background:#f1f5f9 !important;color:#64748b !important}
.tag.cat{background:#e2e8f0 !important;color:#64748b !important}
.tag.grp{background:#eef2ff !important;color:#432dd7 !important}
/* icon containers */
.dir.in{background:#f0fdf4 !important;color:#008236 !important}
.dir.out{background:#eef2ff !important;color:#4f39f6 !important}
.dir.ms{background:#fef2f2 !important;color:#c10007 !important}
.dir.amb{background:#fffbeb !important;color:#973c00 !important}
.dir.sms{background:#eef2ff !important;color:#4f39f6 !important}
/* filter strip chips */
/* strip chips: neutral — light shades only, no colors */
.vm-stat.fxt,.vm-stat.fxb,.vm-stat.fxy,.vm-stat.fxr,.vm-stat.fxu{background:#fff !important}
.vm-stat.fxt b,.vm-stat.fxb b,.vm-stat.fxy b,.vm-stat.fxr b,.vm-stat.fxu b{color:var(--ink) !important}
.vm-stat.fxt.on,.vm-stat.fxb.on,.vm-stat.fxy.on,.vm-stat.fxr.on,.vm-stat.fxu.on{background:#f1f5f9 !important;border-color:#0f172a !important}
/* ---- worklist cards → joined table rows with a group color bar ---- */
.ti{border-radius:0 !important;margin-bottom:0 !important;box-shadow:none !important;
  border:1px solid #e2e8f0 !important;border-top-width:0 !important;padding:11px 15px !important}
.ti:first-child,.vm-sec+.ti{border-top-width:1px !important;border-radius:8px 8px 0 0 !important}
.ti:last-child{border-radius:0 0 8px 8px !important}
.ti:first-child:last-child,.vm-sec+.ti:last-child{border-radius:8px !important}
.vm-sec{margin:18px 0 6px !important}
#page-missed .ti{--rowbar:#fb2c36}
#page-vm .ti{--rowbar:#4f39f6}
#page-neo .ti{--rowbar:#e17100}
#page-po .ti{--rowbar:#00a63e}
#page-todo .ti{--rowbar:#4f39f6}
#page-fax .ti{--rowbar:#38BDF8}
#convo-timeline .ti{--rowbar:#DCDCE6}
/* opportunity reason pill (e.g. Not Yet Decided): amber tint with red text */
#convo-timeline .po-iqh .pill.amber{background:#fffbeb !important;color:#c10007 !important}
/* activity timeline: no card washes — white rows, the left bar alone carries the type */
#convo-timeline .ti,#convo-timeline .ti.nosum,#convo-timeline .ti.tiopp,#convo-timeline .ti.book,
#convo-timeline .ti.tism,#convo-timeline .ti.titask{background:#fff !important}
/* ---- task-board simplification: rows show the essentials, details live in the click-through ---- */
/* Neo AI: one status block + duration; summary, outcome and category pills move to details */
#page-neo .tirow .pill:not(:first-of-type){display:none !important}
#page-neo .vm-meta{display:none !important}
/* Opportunities: score + stage + the one-line insight that says why this is a lead */
#page-po .po-why{font-size:14px !important;color:#475569 !important}
#page-po .vm-meta{display:none !important}
#page-po .ti{padding:9px 15px !important}
#page-po .ti-iq{margin-top:7px !important;padding-top:7px !important}
#page-po .tirow{margin-top:7px !important}
#page-po .tirow .pill:not(:first-of-type){display:none !important}
#page-po .tirow .tdur{display:none !important}
/* Missed / Voicemail: drop the routing footer (kept in the call detail) */
#page-missed .vm-meta{display:none !important}
#page-vm .vm-meta{display:none !important}
/* quieter rows overall: only the status block and identity tags carry color */
.rsn-hl{background:#f1f5f9 !important;color:#64748b !important}

/* lead temperature: labeled chip in the list, tinted pill on the board */
.lead-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:11px;font-weight:700;flex:none}
.lead-chip svg{width:13px;height:13px}
.lead-chip.lead-hot{background:#fef2f2;color:#c10007}
.lead-chip.lead-warm{background:#fffbeb;color:#973c00}
.lead-chip.lead-cold{background:#eef2ff;color:#432dd7}
.pill.po-lead.coral{background:#fef2f2 !important;color:#c10007 !important}
.pill.po-lead.amber{background:#fffbeb !important;color:#973c00 !important}
/* ---- voicemails: play lives in the action icons; the waveform strip appears on demand ---- */
#page-vm .vmp,#page-mvm .vmp{display:none !important}
#page-vm .vmp.open,#page-mvm .vmp.open{display:flex !important}
/* ---- voicemails: neutral rows — the transcript is the content, not the chrome ---- */
#page-vm .ti{--rowbar:#DCDCE6}
#page-vm .ti.book{background:#fff !important;border-color:#e2e8f0 !important}
#page-vm .tirow .pill{background:#f1f5f9 !important;color:#475569 !important}
/* status pills on Missed + Activity follow the Call History status column exactly: soft tinted tags */
#page-missed .tirow .pill,#convo-timeline .tirow .pill,#page-neo .tirow .pill{border-radius:20px !important;font-weight:600;font-size:11.5px;padding:3.5px 11px}
#page-missed .tirow .pill.amber,#convo-timeline .tirow .pill.amber,#page-neo .tirow .pill.amber{background:#fffbeb !important;color:#973c00 !important}
#page-missed .tirow .pill.coral,#convo-timeline .tirow .pill.coral,#page-neo .tirow .pill.coral{background:#fef2f2 !important;color:#c10007 !important}
#page-missed .tirow .pill.green,#convo-timeline .tirow .pill.green,#page-neo .tirow .pill.green{background:#f0fdf4 !important;color:#008236 !important}
#page-missed .tirow .pill.gray,#convo-timeline .tirow .pill.gray,#page-neo .tirow .pill.gray{background:#f1f5f9 !important;color:#64748b !important}
/* Neo AI summary uses the same secondary-text spec */
#page-neo .ti-iq p{font-size:14px !important;color:#475569 !important;line-height:1.55}
/* voicemail transcript matches the opportunity one-liner type spec */
#page-vm .ti-iq p{font-size:14px !important;color:#475569 !important;line-height:1.55}
/* home side cards: quiet, professional — muted labels, ink values, one red exception */
.dash-box .h{color:#0f172a}
.dash-box .h svg{color:#64748b !important;stroke:#64748b}
.db-row{font-size:13px;color:#64748b !important}
.db-row b{color:#0f172a !important;font-weight:700;font-variant-numeric:tabular-nums;font-size:15px}
.db-row b.crl{color:#c10007 !important}
/* "not queued only" switch */
/* connected category tabs (top) + stage quick-filter chips (below) */
.po-ctab{display:inline-flex;border:1px solid var(--hair);border-radius:11px;overflow:hidden;background:#fff}
.po-ctab button{display:flex;align-items:center;justify-content:flex-start;text-align:left;min-width:150px;gap:9px;padding:11px 18px;font-size:12.5px;font-weight:600;color:#475569;background:#fff;border-left:1px solid var(--hair);cursor:pointer;white-space:nowrap;transition:background .12s}
.po-ctab button:first-child{border-left:0}
.po-ctab button:hover{background:#f8fafc}
.po-ctab button.on{background:#f1f5f9;color:var(--ink);font-weight:700;box-shadow:inset 0 -2px 0 #0f172a}
.po-ctab button b{font-size:15px;font-family:'Satoshi',system-ui,sans-serif;font-weight:800;color:var(--ink)}
.po-qf{display:flex;gap:8px;align-items:center}
.po-qf .qf{display:inline-flex;align-items:center;gap:7px;padding:6.5px 13px;border-radius:20px;border:1px solid var(--hair);background:#fff;font-size:12px;font-weight:600;color:#475569;cursor:pointer;transition:background .12s}
.po-qf .qf:hover{background:#f1f5f9}
.po-qf .qf.on{background:#f1f5f9;border-color:#0f172a;color:var(--ink);font-weight:700}
.po-qf .qf .n{font-size:11.5px;color:#94a3b8;font-weight:600}
.po-qf .qf.on .n{color:#334155}
/* opportunity filters + saved views */
.po-flt-wrap{position:relative;display:inline-flex;align-self:center}
#po-flt-btn{display:inline-flex;align-items:center;gap:7px}
#po-flt-btn.on{background:#f1f5f9;border-color:#0f172a;color:var(--ink)}
#po-flt-btn .wq-n{background:#0f172a}
.po-flt-pop{position:absolute;top:42px;left:auto;right:-320px;z-index:60;background:#fff;border:1px solid var(--hair);border-radius:14px;box-shadow:0 18px 44px rgba(19,33,50,.16);padding:20px 24px 14px;display:none;width:960px;max-width:88vw}
.po-flt-pop.on{display:block}
#po-flt-btn svg{width:14px;height:14px}
.pf-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 26px;max-height:440px;overflow-y:auto}
.pf-sec{min-width:0;margin-bottom:14px}
.pf-h{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;margin-bottom:9px}
.pf-row{display:flex;align-items:center;gap:9px;padding:6px 4px;font-size:13.5px;color:#334155;cursor:pointer;border-radius:7px}
.pf-row:hover{background:#f8fafc}
.pf-row input{accent-color:#0f172a;margin:0;flex:none}
.pf-row .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-row .n{font-size:11.5px;color:#94a3b8;flex:none}
.pf-row input{width:15px;height:15px}
.pf-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hair-2);margin-top:6px;padding-top:10px}
.pf-clear{font-size:12px;font-weight:700;color:#94a3b8;background:none;border:none;cursor:pointer}
.pf-clear:hover{color:#c10007}
.pf-done{font-size:12px;font-weight:700;color:#fff;background:#0f172a;border:none;border-radius:8px;padding:7px 16px;cursor:pointer}
.po-treat{display:flex;align-items:center;gap:8px;margin-top:7px}
.po-ask{font-size:12px;font-weight:600;color:#94a3b8;margin-right:4px}
.po-why2{display:flex;align-items:center;gap:9px;margin-top:9px;font-size:13px;color:var(--ink-2);line-height:1.45}
.po-why2 .w{flex:1;min-width:0}
.po-why2 .lead-chip{flex:none}
.po-fchips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.po-fchips:empty{display:none}
.po-fchip{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;color:#334155;font-size:11.5px;font-weight:600;border-radius:20px;padding:4px 6px 4px 11px}
.po-fchip button{width:16px;height:16px;border-radius:50%;border:none;background:#DDDFE6;color:#475569;font-size:11px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.po-fchip button:hover{background:#cbd5e1;color:#0f172a}
.po-fchip.clear{background:none;color:#94a3b8;cursor:pointer;border:none;padding:4px 6px}
.po-fchip.clear:hover{color:#c10007}
.po-vw-wrap{position:relative;display:inline-flex;margin-left:auto;align-self:center}
#page-po .asg-cb{margin-left:0}
#po-vw-btn{display:inline-flex;align-items:center;gap:7px;max-width:240px}
#po-vw-btn #po-vw-lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#po-vw-dd{top:40px;left:0;right:auto;min-width:250px}
#po-vw-dd button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 12px;font-size:13px;border-radius:8px}
#po-vw-dd button:hover{background:#f1f5f9}
#po-vw-dd .pv-x{margin-left:auto;color:#B9BDC9;font-weight:800;cursor:pointer;padding:0 3px}
#po-vw-dd .pv-x:hover{color:#c10007}
#po-vw-dd .pv-src{margin-left:auto;font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#A3A9B7}
#po-vw-dd .pv-save{border-top:1px solid var(--hair-2);margin-top:4px;padding-top:9px;color:var(--indigo-text);font-weight:700}
.po-wqf-wrap{position:relative;display:inline-flex;margin-right:12px}
.po-wqf{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#475569;background:#fff;border:1px solid var(--hair);border-radius:9px;padding:7px 11px;cursor:pointer;white-space:nowrap}
.po-wqf:hover{background:#f1f5f9;color:#0f172a}
.po-wqf.on{background:var(--indigo-tint);color:var(--indigo-text);border-color:transparent}
.po-wqf svg{width:13px;height:13px}.po-wqf .ch{width:12px;height:12px;opacity:.7}
#po-wqf-dd{top:38px;left:0;right:auto;min-width:150px}
#po-wqf-dd button.on{color:var(--indigo-text);font-weight:700}
.po-btn{font-size:12px;font-weight:700;border-radius:8px;padding:6.5px 11px;cursor:pointer;white-space:nowrap;border:1px solid var(--hair);background:#fff;color:#475569;display:inline-flex;align-items:center;gap:5px}
.po-btn:hover{background:#f1f5f9;color:#0f172a}
.po-btn.nq{background:#FCFCFE;border-color:var(--hair);color:#64748b;font-size:11.5px;padding:5px 9px}
.po-btn.nq:hover{background:#FFF3F1;border-color:#F3D2CC;color:#c10007}
.po-aqsel{font-family:'Satoshi',system-ui,sans-serif;font-size:11.5px;font-weight:700;border-radius:8px;padding:5px 7px;border:1px solid transparent;background:var(--indigo-tint);color:var(--indigo-text);cursor:pointer;max-width:140px}
.po-aqsel:hover{background:#DEDEF9}
.po-aqsel.q{background:#f0fdf4;color:#008236}
.po-aqsel:focus{outline:2px solid var(--indigo);outline-offset:1px}
.po-btn.aq{background:var(--indigo-tint);border-color:transparent;color:var(--indigo-text)}
.po-btn.aq:hover{background:#DEDEF9}
.po-btn.aq.q{background:#f0fdf4;color:#008236}
.po-btn .ch{width:12px;height:12px;opacity:.7}
.po-aq-wrap{position:relative;display:inline-flex}
.po-aq-dd{top:34px;right:0;left:auto;min-width:170px}
.po-aq-dd button.on{color:var(--indigo-text);font-weight:700}
.po-aq-dd button.rm{color:#c10007;border-top:1px solid var(--hair-2);margin-top:3px;padding-top:8px}
.nqt-sw{position:relative;width:34px;height:19px;flex:none}
.nqt-sw input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.nqt-sw i{position:absolute;inset:0;border-radius:99px;background:#D5D9E4;transition:.15s}
.nqt-sw i:after{content:'';position:absolute;top:2.5px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s;box-shadow:0 1px 2px rgba(20,30,45,.25)}
.nqt-sw input:checked+i{background:#4f39f6}
.nqt-sw input:checked+i:after{left:17px}
/* opportunity inline expand — hubspot-style caret + call panel */
/* missed calls & voicemails: subtle tinted pills, never solid blocks */
#page-mvm .pill.coral,#page-vm .pill.coral,#page-missed .pill.coral,#page-po .pill.coral{background:#fef2f2 !important;color:#c10007 !important}
#page-mvm .pill.amber,#page-vm .pill.amber,#page-missed .pill.amber,#page-po .pill.amber{background:#fffbeb !important;color:#973c00 !important}
#page-mvm .pill.green,#page-vm .pill.green,#page-missed .pill.green{background:#f0fdf4 !important;color:#008236 !important}
#page-mvm .pill.gray,#page-vm .pill.gray,#page-missed .pill.gray,#page-po .pill.gray{background:#f1f5f9 !important;color:#64748b !important}
#page-mvm .pill.indigo,#page-vm .pill.indigo,#page-missed .pill.indigo{background:#eef2ff !important;color:#432dd7 !important}
.tl-vc{margin-top:12px;border-top:1px dashed var(--hair-2);padding-top:12px}
.tabdiv{width:1px;height:18px;background:var(--hair);margin:0 8px;align-self:center;flex:none}
.tld-btn{font-size:11.5px;font-weight:700;color:#475569;background:#F3F4F7;border-radius:8px;padding:4.5px 10px;cursor:pointer;white-space:nowrap;flex:none}
.tl-det-hd{display:flex;align-items:center;justify-content:space-between;margin:10px 0 -4px}
.tld26{border:1px solid var(--vs-s200);border-radius:6px;box-shadow:0 4px 4px rgba(0,0,0,.12);background:#fff;overflow:hidden;margin-top:12px}
.tld26-h{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 6px 12px;border-bottom:1px solid var(--vs-s200);background:#fff}
.tld26-h span{font-family:'Satoshi',system-ui,sans-serif;font-weight:500;font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-s600)}
.tld26-b{padding:16px;background:#fff}
.tld26-b .tlvc-grid{border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;background:#fff !important;gap:16px !important}
.tl-det-hd span{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:12px;color:var(--ink)}
.tl-det-x{width:30px;height:30px;display:grid;place-items:center;color:var(--vs-s500);background:none;border:none;border-radius:6px;cursor:pointer;padding:0}.tl-det-x:hover{background:var(--vs-s100)}.tl-det-x svg{width:14px;height:14px}
.tl-det-x:hover{color:#475569}
.tld-btn:hover{background:#E9EAF0;color:#0f172a}
.tld-btn.on{background:#E2E4EA;color:#0f172a}
.tl-det{margin-top:2px}
.tl-treat{display:inline-flex;align-items:center;gap:5px;background:#F3F4F7;color:#4A4A62;border-radius:20px;font-size:11.5px;font-weight:500;padding:3.5px 11px;white-space:nowrap}
.tl-treat svg{width:12.5px;height:12.5px;color:#94a3b8;flex:none}
.tlvc-foot{margin-top:10px}
.tlvc-dt{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#94a3b8;background:none;border:none;cursor:pointer;padding:2px 0}
.tlvc-dt:hover{color:#475569}
.tlvc-dt svg{width:11px;height:11px;transition:transform .12s}
.tlvc-foot.open .tlvc-dt svg{transform:rotate(180deg)}
.tlvc-dd{display:none;margin-top:8px}
.tlvc-foot.open .tlvc-dd{display:block}
.tlvc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px;background:#FBFBFD;border:1px solid var(--hair-2);border-radius:10px;padding:13px 15px}
.tlvc-kv{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-s800);min-width:0}
.tlvc-kv b{font-weight:500;color:var(--vs-s400);font-size:12px;line-height:16px;text-transform:none;letter-spacing:.24px;white-space:nowrap}
.tlvc-kv .v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1100px){.tlvc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ti .po-iqh,.ti .ti-iq{scroll-margin-top:12px}
.tl-ring{display:inline-flex;cursor:pointer;margin-left:auto}
.tirow .tl-ring+.vcall{margin-left:9px !important}
#po-list .tl-ring{margin-left:0;cursor:default}
#po-list .ti{position:relative;padding-right:158px}
#po-list .ti .vm-acts{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin-left:0 !important}
#po-list .ti-iq{border-top:0 !important;margin-top:8px !important;padding-top:0 !important}
.tl-ring .po-ring{width:30px;height:30px}
.tl-ring .po-ring svg{width:30px;height:30px}
.tl-ring .po-ring b{font-size:10px}
.poe-grid{display:flex;gap:14px;align-items:flex-start}
.poe-rail{width:236px;flex:none;border:1px solid var(--hair);border-radius:12px;background:#fff;padding:12px 14px}
.poe-score-h{font-family:'Satoshi',system-ui,sans-serif;font-weight:800;font-size:12.5px;color:var(--ink);margin-bottom:4px}
.poe-rail .vr-why{margin-top:10px}
.poe-cta{width:100%;margin-top:12px;background:var(--indigo);color:#fff;border:none;border-radius:9px;height:32px;font-size:12px;font-weight:700;cursor:pointer}
.poe-cta:hover{background:#4B4BC4}
.poe-main{flex:1;min-width:0}
.poe-main .vcv{margin-top:0}
.poe-main .vcv-body{max-height:330px}
/* working-queue triage segment */
.wq-seg{display:inline-flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;flex:none}
.wq-chip{font-size:11px;font-weight:600;color:#64748b;background:#fff;padding:4.5px 10px;border-left:1px solid #e2e8f0;cursor:pointer;white-space:nowrap}
.wq-chip:first-child{border-left:0}
.wq-chip:hover{background:#f1f5f9;color:#0f172a}
.wq-chip.wq-today.on{background:#fef2f2;color:#c10007}
.wq-chip.wq-week.on{background:#fffbeb;color:#973c00}
.wq-chip.wq-next.on{background:#eef2ff;color:#432dd7}
.wq-n{display:inline-block;background:#4f39f6;color:#fff;font-size:10px;font-weight:700;border-radius:99px;padding:0 6px;margin-left:4px;line-height:15px}
/* tasks: subtle tinted pills — same language as the call-status tags */
#page-todo .tirow .pill{border-radius:20px !important;font-weight:600;font-size:11.5px;padding:3.5px 11px}
#page-todo .tirow .pill.coral{background:#fef2f2 !important;color:#c10007 !important}
#page-todo .tirow .pill.amber{background:#fffbeb !important;color:#973c00 !important}
#page-todo .tirow .pill.green{background:#f0fdf4 !important;color:#008236 !important}
#page-todo .tirow .pill.gray{background:#f1f5f9 !important;color:#64748b !important}
.td-asel{border:1px solid #e2e8f0;border-radius:8px;padding:7px 10px;font-size:12.5px;color:#0f172a;background:#fff;margin-right:10px;cursor:pointer}
/* direction arrows: green = spoke, red = didn't, amber = outbound voicemail (no blue chips) */
.dir.dg-grn{background:#f0fdf4 !important;color:#008236 !important}
.dir.dg-red{background:#fef2f2 !important;color:#c10007 !important}
.dir.dg-amb{background:#fffbeb !important;color:#973c00 !important}
/* pipeline cards: reason-not-booked chip matches the Activity reason treatment — amber field, red text */
.po-card .pill.gray{background:#fffbeb !important;color:#c10007 !important;border-radius:20px !important;font-weight:600 !important}
/* opportunity stage pills: subtle tints, aligned with the call-status tag language */
.pill.po-stg,.poa-flow .pill{border-radius:20px !important;font-weight:600 !important}
.pill.po-stg.indigo,.poa-flow .pill.indigo{background:#eef2ff !important;color:#432dd7 !important}
.pill.po-stg.amber,.poa-flow .pill.amber{background:#fffbeb !important;color:#973c00 !important}
.pill.po-stg.green,.poa-flow .pill.green{background:#f0fdf4 !important;color:#008236 !important}
.pill.po-stg.coral,.poa-flow .pill.coral{background:#fef2f2 !important;color:#c10007 !important}
.pill.po-stg.gray,.poa-flow .pill.gray{background:#f1f5f9 !important;color:#64748b !important}
/* header: line + location pin to the top row, aligned with the patient name */
.tx-chead{align-items:flex-start !important}
.tx-cloc{margin-top:2px}
.tx-cbridge{margin-top:13px !important}
/* messages header: compact single line — identity, quiet icon actions, practice line */
.tx-chead{align-items:center !important;min-height:84px !important}
.tx-cname{display:flex !important;align-items:center;flex-wrap:nowrap;gap:2px}
/* tray centers on the avatar (the block's visual anchor), not the name's line box */
.tx-hd-acts{display:inline-flex;gap:5px;margin-left:10px;flex:none;align-self:center;transform:translateY(8px)}
.tx-hact{width:26px;height:26px;border-radius:7px;border:1px solid #ECEEF2;background:#fff;display:grid;place-items:center;color:#54607A;cursor:pointer}
.tx-hact svg{width:14px;height:14px}
.tx-hact:hover{border-color:#4f39f6;color:#4f39f6}
.tx-hact.blk:hover{border-color:#c10007;color:#c10007;background:#FFF6F5}
.tx-cloc{margin-top:0}
/* messages header: labeled action buttons like the Activity patient panel */
.tx-hd-lbtns{grid-template-columns:repeat(3,auto);justify-content:start}
.tx-hd-lbtns .pp-lb{padding:5px 12px}
/* fax: the Unread tag mirrors the Unread strip chip */
#page-fax .tirow .pill.indigo{background:#eef2ff !important;color:#432dd7 !important}
/* appointments-related keeps the amber of its strip chip — chip, tag and bar speak the same color */
#page-vm .tirow .pill.amber{background:#fffbeb !important;color:#973c00 !important}
#page-vm .vm-age{color:#94a3b8 !important}
#page-vm .vm-age.urgent,#page-vm .vm-age.warn{color:#94a3b8 !important}
/* ---- accent design language: each menu owns a color; its page's card bars match ---- */
#page-calls .crow{border-left-color:#4f39f6}
#page-missed .ti{--rowbar:#fb2c36}
#page-vm .ti{--rowbar:#38BDF8}
#page-texts .tx-room.on:before{background:#4f39f6}
#page-fax .ti{--rowbar:#0EA5A0}
#page-neo .ti{--rowbar:#e17100}
#page-todo .ti{--rowbar:#4f39f6}
#page-po .ti{--rowbar:#00a63e}
.ti-iq{margin-top:9px !important;padding-top:9px !important}
/* content accents — monday blue for primaries, blue tab underline */
.db-cta,.tm-btn:not(.ghost),.tx-fab,.vl-primary{background:#4f39f6 !important;color:#fff !important}
.db-cta:hover{background:#432dd7 !important}
.vm-act.pri{background:#4f39f6 !important;border-color:#4f39f6 !important}
.tabs .tab.active{color:#0f172a !important;border-color:#0f172a !important}
/* Call History table — monday board look: framed, group color bar, solid status blocks */
#calls-scroll{border:1px solid #e2e8f0;border-radius:8px 8px 0 0;background:#fff}
.ctable-head{background:#fff !important}
.ctable-head span{font-weight:500;color:#64748b;font-size:13px;text-transform:none;letter-spacing:0}
.ctable-head{border-bottom:2px solid #eef2ff !important}
.ctable-head span{padding-left:10px}
.ctable-head span:first-child{border-left:0;padding-left:0}
/* name & number column: bare direction arrows, no tinted chips */
#page-calls .crow .ct-caller .dir{background:none !important}
/* uniform cells: one weight, one tone — no cell outranks another */
/* superseded by Figma table spec (121:1504): cells 16/24 slate-800, date 14/21 slate-600 */
#page-calls .crow .ct-nm,#page-calls .crow .rt-time,#page-calls .crow .ct-src,#page-calls .crow .ct-rec,#page-calls .crow .ct-x{
  font-family:'Satoshi',sans-serif !important;font-weight:400 !important;color:#1E293B !important;font-size:16px !important;line-height:24px !important}
#page-calls .crow .ct-date{font-family:'Satoshi',sans-serif !important;font-weight:400 !important;color:#475569 !important;font-size:14px !important;line-height:21px !important}
#page-calls .crow .ct-dsep{color:#CBD5E1 !important}
/* status as soft tags — tinted pill, colored text, compact */
#page-calls .crow .pill{white-space:nowrap}
#page-calls .crow .pill{border-radius:20px !important;font-weight:600;font-size:11.5px;min-width:0;padding:3.5px 11px}
#page-calls .crow .pill.green{background:#f0fdf4 !important;color:#008236 !important}
#page-calls .crow .pill.amber{background:#fffbeb !important;color:#973c00 !important}
#page-calls .crow .pill.coral{background:#fef2f2 !important;color:#c10007 !important}
#page-calls .crow .pill.gray{background:#f1f5f9 !important;color:#64748b !important}

/* ===== content area: blue-white scheme (menu/header keep the dark brand) ===== */
:root{--indigo:#4f39f6;--indigo-text:#432dd7;--indigo-tint:#eef2ff;--indigo-tint-2:#f8fafc}

/* ==================== login ==================== */
body.vl-locked{overflow:hidden}
#vs-login{position:fixed;inset:0;z-index:100000;display:flex;background:#fff;font-family:'Satoshi',sans-serif}
.vl-card{flex:1;max-width:520px;display:flex;flex-direction:column;justify-content:center;padding:0 68px}
.vl-brand{display:flex;align-items:center;gap:11px;margin-bottom:38px}
.vl-mark{height:26px} .vl-brand span{font:800 20px 'Satoshi',system-ui,sans-serif;color:#0f172a}
.vl-h{font:800 30px 'Satoshi',system-ui,sans-serif;color:#0f172a;letter-spacing:-.02em}
.vl-sub{font-size:14.5px;color:#64748b;margin:8px 0 28px;max-width:360px;line-height:1.55}
.vl-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;border:none;border-radius:12px;background:#4f39f6;color:#fff;font:700 15px 'Inter',system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(91,91,214,.28)}
.vl-primary:hover{background:#3F32C8} .vl-primary svg{width:18px;height:18px}
.vl-primary:disabled,.vl-secondary:disabled{opacity:.6;cursor:default}
.vl-or{display:flex;align-items:center;gap:12px;margin:22px 0 18px;color:#94a3b8;font-size:12px}
.vl-or::before,.vl-or::after{content:'';flex:1;height:1px;background:#f1f5f9}
.vl-lab{font:600 12px 'Inter',system-ui,sans-serif;color:#475569;margin-bottom:7px;display:block}
.vl-input{width:100%;height:46px;border:1.5px solid #f1f5f9;border-radius:11px;padding:0 15px;font-size:14px;font-family:ui-monospace,Menlo,monospace;color:#0f172a;background:#f8fafc}
.vl-input:focus{outline:none;border-color:#4f39f6;background:#fff}.vl-input.vl-text{font-family:'Satoshi',sans-serif}.vl-pwrap{position:relative}.vl-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;color:#94a3b8;cursor:pointer;padding:6px;display:flex}.vl-eye svg{width:18px;height:18px}.vl-eye.on{color:#4f39f6}.vl-alt{margin-top:16px;text-align:center}.vl-link{border:none;background:none;color:#432dd7;font:600 12.5px 'Inter',system-ui,sans-serif;cursor:pointer}.vl-link:hover{text-decoration:underline}.vl-tokenbox{margin-top:12px}
.vl-hint{font-size:11.5px;color:#94a3b8;margin:8px 2px 16px;line-height:1.5}
.vl-secondary{width:100%;height:46px;border:1.5px solid #c6d2ff;border-radius:11px;background:#fff;color:#432dd7;font:700 14px 'Inter',system-ui,sans-serif;cursor:pointer}
.vl-secondary:hover{background:#f8fafc}
.vl-err{display:none;margin-top:14px;background:#ffe2e2;color:#c10007;border:1px solid #F0C4C0;border-radius:9px;padding:9px 13px;font-size:13px}
.vl-foot{margin-top:26px;font-size:11.5px;color:#B4BAC6}.vl-help{margin-top:18px;font-size:12px;color:#64748b}.vl-help summary{cursor:pointer;color:#432dd7;font-weight:600;list-style:none}.vl-help summary::-webkit-details-marker{display:none}.vl-help ol{margin:10px 0 0 16px;line-height:1.7}.vl-help b{color:#0f172a}
.vl-side{flex:1;background:linear-gradient(150deg,#0B081F,#171039 55%,#221A63);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}
.vl-side::after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%);right:-160px;top:-120px}
.vl-side-in{max-width:460px;padding:0 56px;position:relative;z-index:1;text-align:center}
.vl-badge{display:inline-block;font:700 11px 'Inter',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 13px;color:#c6d2ff}
.vl-quote{font:800 26px/1.35 'Satoshi',system-ui,sans-serif;margin:22px 0 26px;letter-spacing:-.01em}
  .vl-punch{font:800 34px/1.22 'Satoshi',system-ui,sans-serif;letter-spacing:-.02em;color:#fff}
  .vl-punch.dim{color:#c6d2ff;margin-top:10px}
  .vl-side-brand{display:flex;align-items:center;justify-content:center;gap:9px}
  .vl-side-brand img{height:28px;filter:brightness(0) invert(1)}
  .vl-side-brand span{font:800 21px 'Satoshi',system-ui,sans-serif;color:#fff;letter-spacing:-.01em}
  .vl-iter{position:absolute;top:22px;right:26px;font:700 10.5px 'Inter',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8F87C9;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 12px;z-index:1}
.vl-dots{display:flex;gap:7px} .vl-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)} .vl-dots i:first-child{background:#fff}
@media(max-width:900px){.vl-side{display:none}.vl-card{max-width:none;padding:0 32px}}

/* ==================== vs2026 theme ==================== */
/* ===== VoiceStack 2026 design system (Figma BJufsVEtGEK0AgMVV27A0x) ===== */
:root{--vs-primary:#4A3CE1;--vs-chrome:#1C1275;--vs-int:#4F39F6;--vs-int-h:#432DD7;--vs-int-p:#372AAC;
--vs-ring:#A3B3FF;--vs-i50:#EEF2FF;--vs-i100:#E0E7FF;--vs-i200:#C6D2FF;--vs-i300:#A3B3FF;--vs-i400:#7C86FF;
--vs-s900:#0F172A;--vs-s800:#1E293B;--vs-s700:#334155;--vs-s600:#475569;--vs-s500:#64748B;--vs-s400:#94A3B8;--vs-s300:#CBD5E1;--vs-s200:#E2E8F0;--vs-s100:#F1F5F9;--vs-s50:#F8FAFC;
--vs-r600:#E7000B;--vs-r700:#C10007;--vs-ai1:#4F39F6;--vs-ai2:#E17EF0;--vs-aib:#E3AFFF}
html,body{font-family:'Satoshi',system-ui,sans-serif !important;color:var(--vs-s800)}
/* ---------- top bar ---------- */
.topbar{background:var(--vs-chrome) !important;border-bottom:none !important;height:50px !important;padding:0 16px !important}
.tb-ps,.tb-ib{background:transparent !important;border:none !important;color:#CBD5E1 !important;height:36px;min-width:36px;border-radius:6px !important;font-size:16px !important;font-weight:500 !important}
.tb-ps:hover,.tb-ib:hover{background:#312C85 !important}
.tb-ps:active,.tb-ib:active{background:#372AAC !important;color:#fff !important}
.tb-ib .nb{background:#10B981 !important;border:none !important;width:10px !important;height:10px !important;min-width:10px !important;font-size:0 !important;top:6px !important;right:6px !important;border-radius:50% !important}
.tb-av{background:var(--vs-primary) !important;width:33px !important;height:33px !important;border-radius:100px !important;font-size:14px !important;font-weight:500 !important;color:#fff !important}
.tb-brand span{font-weight:700;letter-spacing:0}
/* ---------- sidebar ---------- */
.sidebar{width:250px !important;background:#fff !important;border-right:1px solid var(--vs-s200) !important;padding:16px !important;display:flex;flex-direction:column}
body.rec-open .sidebar{width:64px !important}
.dialpad{background:var(--vs-primary) !important;color:#fff !important;border:none !important;border-radius:6px !important;height:36px !important;font-size:16px !important;font-weight:500 !important;justify-content:center !important;gap:8px !important;box-shadow:none !important;cursor:pointer}
.dialpad:hover{background:#3D30C4 !important}
.dialpad .g{filter:brightness(10)}
.grph{padding:14px 8px 5px !important;cursor:default !important}
.grph span{font-size:12px !important;font-weight:700 !important;letter-spacing:.24px !important;text-transform:uppercase !important;color:var(--vs-s400) !important}
.grph .gch{display:none !important}
#nav{flex:1}
#nav a{height:36px !important;border-radius:6px !important;padding:8px !important;gap:12px !important;font-size:16px !important;line-height:20px !important;font-weight:500 !important;color:var(--vs-s600) !important;margin:0 0 2px !important}
#nav a svg{width:16px !important;height:16px !important;flex:none;color:inherit}
#nav a:hover{background:var(--vs-s100) !important;color:var(--vs-s800) !important}
#nav a.on{background:var(--vs-i50) !important;color:var(--vs-int) !important;border:none !important}
#nav a.on svg{color:var(--vs-int) !important}
#nav a .b{background:var(--vs-r600) !important;color:#fff !important;border:1px solid var(--vs-r600) !important;min-width:20px !important;height:20px !important;box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:16px !important;border-radius:2000px !important;padding:2px 6px !important;font-size:12px !important;font-weight:500 !important;letter-spacing:.24px !important;margin-left:auto}
#nav a .b#td-navbadge,#nav a .b#fx-navbadge,#nav a .b#neo-navbadge,#nav a .b#ct-navbadge{background:#fff !important;color:var(--vs-s600) !important;border:1px solid var(--vs-s300) !important}
/* profile footer (restyled ws-sel) */
.ws-sel{order:99;margin-top:auto !important;border-top:1px solid var(--vs-s200) !important;border-radius:0 !important;background:#fff !important;padding:12px 8px 2px !important;display:flex;align-items:center;gap:10px}
.ws-sel .ws-av{background:var(--vs-primary) !important;color:#fff !important;width:32px !important;height:32px !important;border-radius:100px !important;font-weight:500 !important}
.ws-sel .ws-nm{font-size:14px !important;font-weight:500 !important;color:var(--vs-s800) !important;letter-spacing:.14px}
.ws-sel .ws-nm small{display:block;font-weight:400;color:var(--vs-s500);font-size:12px;letter-spacing:.24px}
.ws-sel .ws-ch{display:none !important}
.ws-sel .ws-add{background:none !important;border:none !important;color:var(--vs-s400) !important;font-size:0 !important;width:28px;height:28px;border-radius:6px}
.ws-sel .ws-add::after{content:'⚙';font-size:15px}
.ws-sel .ws-add:hover{background:var(--vs-s100) !important;color:var(--vs-s600) !important}
/* ---------- page header ---------- */
.pagehead{font-size:28px !important;line-height:33px !important;font-weight:700 !important;letter-spacing:-.01em !important;color:var(--vs-s900) !important}
.pagesub{font-size:18px !important;line-height:27px !important;font-weight:400 !important;color:var(--vs-s500) !important;margin-top:2px}
/* secondary buttons */
.fbtn,.drbtn{height:36px !important;border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;color:var(--vs-s500) !important;font-size:16px !important;line-height:24px !important;font-weight:500 !important;padding:8px !important;gap:8px !important;box-shadow:none !important}
.fbtn:hover,.drbtn:hover{background:var(--vs-s100) !important;border-color:var(--vs-s300) !important;color:var(--vs-s700) !important}
.fbtn svg,.drbtn svg{width:16px !important;height:16px !important}
.search{height:36px !important;border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;box-shadow:none !important}
.search:hover{background:var(--vs-s50) !important;border-color:var(--vs-s300) !important}
.search input{font-size:16px !important;font-weight:500 !important;font-family:'Satoshi',sans-serif !important}
.search input::placeholder{color:var(--vs-s400) !important}
.search svg{width:16px !important;height:16px !important;color:var(--vs-s400)}
/* ---------- underline tabs ---------- */
.tabs{gap:0 !important;border-bottom:1px solid var(--vs-s200);flex-wrap:nowrap}
.tabs .tab{height:36px !important;box-sizing:border-box;padding:0 12px !important;border:none !important;border-bottom:1px solid var(--vs-s200) !important;border-radius:0 !important;background:#fff !important;font-size:16px !important;line-height:24px !important;font-weight:500 !important;color:var(--vs-s600) !important;gap:6px !important;letter-spacing:0 !important;margin:0 !important}
.tabs .tab:hover{background:var(--vs-s100) !important;color:var(--vs-s800) !important}
.tabs .tab.active{background:var(--vs-s200) !important;border-bottom:3px solid var(--vs-int) !important;color:var(--vs-s900) !important;font-weight:500 !important}
.tabs .tab .c{background:#fff !important;border:1px solid var(--vs-s300) !important;color:var(--vs-s600) !important;min-width:20px !important;height:20px !important;border-radius:2000px !important;padding:2px 6px !important;font-size:12px !important;font-weight:500 !important;letter-spacing:.24px !important;display:inline-flex;align-items:center;justify-content:center}
.tabs .tab .c.vmc{background:var(--vs-r50,#FEF2F2) !important;border:1px solid #FFA2A2 !important;color:var(--vs-r600) !important}
.tabdiv{background:var(--vs-s200) !important;margin:0 10px !important}
/* category tabs (po-ctab & vm-strip) -> same underline-tab family with count badges */
.po-ctab{border:none !important;background:transparent !important;border-radius:0 !important;box-shadow:none !important;gap:0 !important;border-bottom:1px solid var(--vs-s200);display:inline-flex}
.po-ctab button{min-width:0 !important;height:36px !important;padding:0 12px !important;border:none !important;border-bottom:1px solid var(--vs-s200) !important;border-radius:0 !important;background:#fff !important;font-size:16px !important;line-height:24px !important;font-weight:500 !important;color:var(--vs-s600) !important;flex-direction:row !important;gap:6px !important;align-items:center !important;text-align:left;justify-content:flex-start !important;box-shadow:none !important}
.po-ctab button:hover{background:var(--vs-s100) !important;color:var(--vs-s800) !important}
.po-ctab button.on{background:var(--vs-s200) !important;border-bottom:3px solid var(--vs-int) !important;color:var(--vs-s900) !important}
.po-ctab button b{order:2;background:#fff;border:1px solid var(--vs-s300);color:var(--vs-s600);min-width:20px;height:20px;border-radius:2000px;padding:2px 6px;font-size:12px !important;font-weight:500 !important;letter-spacing:.24px;display:inline-flex;align-items:center;justify-content:center;margin:0 !important}
.po-ctab button.on b{background:#fff;color:var(--vs-s600)}
/* ---------- stage chip-group ---------- */
.chipgrp26{display:inline-flex;gap:1px;background:#fff;border:1px solid var(--vs-s200);border-radius:6px;padding:2px;height:36px;box-sizing:border-box;align-items:center}
.chipgrp26 button{font-family:inherit;font-size:16px;line-height:24px;font-weight:400;color:var(--vs-s600);background:#fff;border:none;border-radius:3px;padding:0 8px;height:30px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.chipgrp26 button:hover{background:var(--vs-s100)}
.chipgrp26 button.on{background:var(--vs-s200);color:var(--vs-s900)}
.cb26{display:inline-flex;min-width:20px;height:20px;border-radius:2000px;padding:2px 6px;font-size:12px;font-weight:500;letter-spacing:.24px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--vs-s300);color:var(--vs-s600)}
.cb26.red{background:#FEF2F2;border-color:#FFA2A2;color:var(--vs-r600)}
/* ---------- status pills (exact Figma trios) ---------- */
.pill{height:18px !important;border-radius:4px !important;padding:0 4px !important;font-size:12px !important;line-height:16px !important;font-weight:500 !important;letter-spacing:.24px !important;gap:4px !important;border:1px solid transparent}
.pill.green{background:#F0FDF4 !important;border-color:#B9F8CF !important;color:#008236 !important}
.pill.coral{background:#FEF2F2 !important;border-color:#FFC9C9 !important;color:#C10007 !important}
.pill.amber{background:#FFFBEB !important;border-color:#FEE685 !important;color:#D08700 !important}
.pill.orange{background:#FFF7ED !important;border-color:#FFD6A7 !important;color:#CA3500 !important}
.pill.indigo{background:#F5F3FF !important;border-color:#DDD6FF !important;color:#7008E7 !important}
.pill.blue{background:#EFF6FF !important;border-color:#BEDBFF !important;color:#1447E6 !important}
.pill.cyan,.pill.new{background:#ECFEFF !important;border-color:#CBFBF1 !important;color:#007595 !important}
.pill.gray{background:#F1F5F9 !important;border-color:#E2E8F0 !important;color:#64748B !important}
/* ---------- score chip (50x33) ---------- */
.score26{display:inline-flex;width:50px;height:33px;border-radius:100px;align-items:center;justify-content:center;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.24px;text-transform:uppercase;flex:none}
.score26.hi{background:#DCFCE7;color:#008236}.score26.md{background:#FEF3C6;color:#BB4D00}.score26.lo{background:#FFE2E2;color:#C10007}
/* AI gradient text */
.aigrad{background:linear-gradient(90deg,var(--vs-ai1),var(--vs-ai2));-webkit-background-clip:text;background-clip:text;color:transparent !important;font-weight:500}
/* ---------- call history table ---------- */
.ctable-head{background:var(--vs-s100) !important;border:none !important;border-radius:0 !important;height:36px;align-items:center;font-size:12px !important;font-weight:700 !important;letter-spacing:.24px !important;text-transform:uppercase !important;color:var(--vs-s500) !important;border-bottom:1px solid var(--vs-s200) !important}
.crow{min-height:56px !important;border-bottom:1px solid var(--vs-s100) !important;border-radius:0 !important;background:#fff !important;box-shadow:none !important;margin:0 !important;font-size:16px}
.crow:hover{background:var(--vs-s50) !important}
.ct-nm{font-size:16px !important;font-weight:400 !important;color:var(--vs-s800) !important}
.ct-time .rt-time{font-size:16px !important;color:var(--vs-s800) !important;font-weight:400 !important}
.ct-date{color:var(--vs-s400) !important;font-size:14px !important;letter-spacing:.14px}
.ct-src,.ct-x{font-size:16px !important;color:var(--vs-s800) !important}
.ct-rec{font-size:16px !important;color:var(--vs-s800) !important}
.ct-dash{color:var(--vs-s300) !important}
.ct-cacts button{width:32px !important;height:32px !important;border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;color:var(--vs-s500) !important}
.ct-cacts button:hover{background:var(--vs-s100) !important;border-color:var(--vs-s300) !important;color:var(--vs-s700) !important}
.ct-cacts button svg{width:16px !important;height:16px !important}
.dir svg{width:16px !important;height:16px !important}
.dir.in{color:#00A63E !important}.dir.out{color:var(--vs-int) !important}.dir.miss{color:var(--vs-r600) !important}
/* pagination */
.pager button{width:32px;height:32px;border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;color:var(--vs-s600) !important;font-size:12px !important;font-weight:500 !important;letter-spacing:.24px !important}
.pager button:hover{background:var(--vs-s100) !important;color:var(--vs-s800) !important}
.pager button.on,.pager button.active{background:var(--vs-int) !important;border-color:var(--vs-int) !important;color:#fff !important}
.pager button:disabled{color:var(--vs-s300) !important}
/* ---------- opportunities 2026 ---------- */
.band26{display:flex;align-items:center;gap:8px;border-radius:6px;padding:0 14px;height:34px;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.24px;cursor:pointer;margin:10px 0 6px;user-select:none}
.band26 .bchev{transition:.15s;display:inline-flex}
.band26.closed .bchev{transform:rotate(-90deg)}
.band26.hi{background:#DCFCE7;color:#016630}.band26.md{background:#FEF3C6;color:#973C00}.band26.lo{background:#FFE2E2;color:#9F0712}
.band26 .cb26{background:#fff}
.band26 .tx{margin-left:auto;font-size:14px;letter-spacing:.14px;font-weight:400;opacity:.85}
.band26 .tx b{font-size:16px;font-weight:700;margin-left:6px}
.po26{background:#fff;border:1px solid var(--vs-s200);border-bottom:none;padding:12px 16px;display:flex;gap:16px;align-items:flex-start}
.po26:first-of-type{border-radius:0}
.po26:last-of-type,.po26.last{border-bottom:1px solid var(--vs-s200);border-radius:0 0 6px 6px;margin-bottom:4px}
.po26:hover{background:var(--vs-s50);cursor:pointer}
.po26 .main{flex:1;min-width:0}
.po26 .l1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-s800)}
.po26 .l1 .nm{font-size:16px;line-height:24px;font-weight:500;color:var(--vs-s900)}
.po26 .l1 .num{color:var(--vs-s600)}
.po26 .dotsep{color:var(--vs-s300);font-size:12px}
.po26 .l2{display:flex;align-items:center;gap:8px;margin-top:8px}
.po26 .l2 .one{font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-s600);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.alert26{display:inline-flex;align-items:center;height:22px;border-radius:100px;padding:0 8px;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.24px}
.alert26.urgent{background:var(--vs-i50);color:#432DD7}
.alert26.wait{background:var(--vs-s100);color:var(--vs-s600)}
.po26 .side{flex:none;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.po26 .side .srow1{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.14px;color:var(--vs-s500)}
.po26 .side .aw-lbl{color:var(--vs-s400)}
.po26 .side .srow2{display:flex;align-items:center;gap:8px}
.seg26{display:inline-flex;border:1px solid var(--vs-s200);border-radius:6px;overflow:hidden;background:#fff}
.seg26 button{font-family:inherit;font-size:14px;line-height:21px;letter-spacing:.14px;font-weight:500;color:var(--vs-s600);background:#fff;border:none;border-right:1px solid var(--vs-s200);padding:5px 10px;height:31px;cursor:pointer}
.seg26 button:last-child{border-right:none}
.seg26 button:hover{background:var(--vs-s100)}
.seg26 button.on{background:var(--vs-s200);color:var(--vs-s900)}
.ico26{width:33px;height:33px;border-radius:6px;border:1px solid var(--vs-s200);background:#fff;color:var(--vs-s500);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.ico26:hover{background:var(--vs-s100);border-color:var(--vs-s300);color:var(--vs-s700)}
.ico26 svg{width:16px;height:16px}
#page-po .vm-strip{margin:2px 0 0 !important}
#page-po .tabrow{margin-top:12px}
/* ---------- activity / drill-down ---------- */
#page-convo .ti,#convo-timeline .ti{border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;box-shadow:none !important}
#convo-timeline .ti.tl-focus{border:1px solid var(--vs-aib,#E3AFFF) !important;box-shadow:0 0 6px rgba(79,57,246,.12) !important}
#convo-timeline .ti.ai26{border-color:var(--vs-aib) !important;box-shadow:0 0 6px rgba(79,57,246,.12) !important}
.vcall{height:30px !important;border-radius:6px !important;border:1px solid var(--vs-int) !important;background:#fff !important;color:var(--vs-int) !important;font-size:14px !important;line-height:21px !important;font-weight:500 !important;letter-spacing:.14px !important;padding:5px 8px !important}
.vcall:hover{background:var(--vs-i50) !important}
.tld-btn{height:30px !important;border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;color:var(--vs-s500) !important;font-size:14px !important;font-weight:500 !important;letter-spacing:.14px !important}
.ivgrid,.pos26{background:var(--vs-i50) !important;border:1px solid var(--vs-i50) !important;border-radius:6px !important;padding:8px 12px !important}
.ivgrid .k{color:var(--vs-int) !important;font-size:12px !important;font-weight:500 !important;letter-spacing:.24px !important;text-transform:none !important}
.tlvc-grid{border:1px solid var(--vs-s200) !important;border-radius:6px !important;box-shadow:0 4px 4px rgba(0,0,0,.12) !important;background:#fff !important}
.tld26-b .tlvc-grid{border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;gap:16px !important}
.tlvc-kv b{color:var(--vs-s400) !important;font-size:12px !important;font-weight:500 !important;letter-spacing:.24px !important;text-transform:none !important}
.tlvc-kv .v{color:var(--vs-s800) !important;font-size:14px !important;letter-spacing:.14px}
/* patient rail */
.convo-side,.pt-rail{background:var(--vs-s50) !important}
.psec{background:#fff !important;border:1px solid var(--vs-s200) !important;border-radius:6px !important;padding:8px 12px 12px !important;box-shadow:none !important}
.psec-h .t{font-size:14px !important;line-height:21px !important;font-weight:500 !important;letter-spacing:.14px !important;color:var(--vs-s600) !important}
.pc2-row .pc2-l{color:var(--vs-s500) !important;font-size:14px !important;letter-spacing:.14px !important;width:100px}
.pc2-row .pc2-v{color:var(--vs-s600) !important;font-weight:500 !important;font-size:14px !important;letter-spacing:.14px !important}
.pp-lb{height:31px !important;border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;color:var(--vs-s500) !important;font-size:14px !important;line-height:21px !important;font-weight:500 !important;letter-spacing:.14px !important;padding:5px 8px !important;gap:6px !important}
.pp-lb:hover{background:var(--vs-s100) !important;border-color:var(--vs-s300) !important;color:var(--vs-s700) !important}
.pp-lb svg{width:14px !important;height:14px !important}
.pp-lb.danger{color:var(--vs-s500) !important}
.pp-counts>div,.pp-counts .cnt{background:var(--vs-s100) !important;border:1px solid var(--vs-s200) !important;border-radius:4px !important}
.trustbar{background:var(--vs-i100) !important;border-radius:6px !important;height:6px !important}
.trustbar i{background:var(--vs-int) !important;border-radius:6px !important}
.trustbar.green i,.trustbar.amber i,.trustbar.coral i{background:var(--vs-int) !important}
.pct{color:var(--vs-int) !important}
.pp-duepill{background:transparent !important;color:var(--vs-r600) !important;font-weight:500 !important}
/* messages bubbles */
.tx-bub{border-radius:6px !important}
.tx-grp.out .tx-bub{background:var(--vs-i100) !important;color:var(--vs-s800) !important}
.tx-grp.out.sys .tx-bub{background:var(--vs-s50) !important;border:1px solid var(--vs-s200) !important}
/* extra pass */
/* ===== measured-parity pass (Figma exact) ===== */
.topbar{height:50px !important;box-sizing:border-box}
#nav .nav{display:flex !important;flex-direction:column !important;gap:2px !important}
#nav .nav a{margin:0 !important}
/* band wrapper: green rounded container w/ header strip + white p16 rows */
.bwrap26{border-radius:6px;overflow:hidden;margin:0 0 8px}
.bwrap26.hi{background:#DCFCE7}.bwrap26.md{background:#FEF3C6}.bwrap26.lo{background:#FFE2E2}
.band26{display:flex;align-items:center;gap:8px;border-radius:0;padding:4px 12px 2px 8px;height:auto;min-height:27px;font-size:14px;line-height:21px;letter-spacing:.14px;font-weight:500;cursor:pointer;margin:0;background:transparent !important}
.bwrap26.hi .band26{color:#016630}.bwrap26.md .band26{color:#973C00}.bwrap26.lo .band26{color:#9F0712}
.band26 .tx{margin-left:auto;font-size:14px;letter-spacing:.14px;font-weight:400;opacity:.9}
.band26 .tx b{font-size:16px;font-weight:700;margin-left:6px}
.po26{border:none;border-bottom:1px solid var(--vs-s200);padding:16px;border-radius:0 !important;margin:0}
.po26:last-child{border-bottom:none}
.po26 .l2{margin-top:8px}
/* row segmented -> Figma chip-group pattern (white container p3, radius-3 chips) */
.seg26{border:1px solid var(--vs-s200);border-radius:6px;background:#fff;padding:2px;gap:1px;height:36px;box-sizing:border-box;overflow:visible}
.seg26 button{border:none !important;border-right:none !important;border-radius:3px;height:30px;padding:3px 8px;font-size:16px;line-height:24px;font-weight:400;letter-spacing:0;color:var(--vs-s600)}
.seg26 button.on{background:var(--vs-s200);color:var(--vs-s900);font-weight:400}
/* vertical rhythm: subtitle->tabs 24, tabs->chips 16, chips->list 16 */
#page-po .vm-strip{margin-top:8px !important}
#page-po .tabrow{margin-top:11px !important;margin-bottom:0 !important}
/* superseded */
.po26 .side .srow2 .ico26{height:32px}

/* Figma vertical rhythm: content top padding exactly 32px (sidebar 16px) */
.page .wrap{padding-top:32px !important}
.phband{margin-top:-32px !important;padding-top:30px !important}

/* Figma toolbar: no Filter control on Opportunities */
#po-flt-wrap,#po-fchips{display:none !important}
/* icon group: fixed 12px gaps, right-aligned as a block (Figma), seg stays left */
.po26 .side .srow2{justify-content:flex-start !important;gap:12px !important}
.po26 .side .srow2 .ico26:first-of-type{margin-left:auto}

/* ===== 100% Figma canvas: fixed 1600px, horizontal scroll below that ===== */
html{overflow-x:auto}
body{min-width:1600px !important}
/* My views: text + chevron only (Figma) */
#po-vw-btn>svg:first-child{display:none !important}
/* Assignee - Everyone as Figma secondary button w/ person icon */
.asg-cb{height:36px !important;border:1px solid var(--vs-s200) !important;border-radius:6px !important;background:#fff !important;display:inline-flex;align-items:center;padding:0 8px 0 30px !important;position:relative;box-shadow:none !important}
.asg-cb::before{content:'';position:absolute;left:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-repeat:no-repeat;background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='1.8'%3E%3Ccircle cx='9' cy='8' r='3.4'/%3E%3Cpath d='M3.5 20c.6-3.2 2.8-5 5.5-5s4.9 1.8 5.5 5'/%3E%3Cpath d='M17 8h5M19.5 5.5v5'/%3E%3C/svg%3E")}
.asg-cb:hover{background:var(--vs-s100) !important;border-color:var(--vs-s300) !important}
.asg-cb input{border:none !important;background:transparent !important;font-family:'Satoshi',system-ui,sans-serif!important;font-size:16px !important;font-weight:500 !important;color:var(--vs-s500) !important;width:170px;outline:none}
.asg-cb input::placeholder{color:var(--vs-s500) !important}
/* category tab baseline runs the full content width (Figma) */
#po-strip .po-ctab{display:inline-flex !important;width:auto !important}
.vm-strip .po-ctab{display:inline-flex !important;width:auto !important}

.po26 .side .srow1{width:100%;justify-content:space-between}
.po26 .side .srow1 .aw-lbl{margin-right:auto}
.po26 .side .srow2{width:100%;justify-content:space-between}

.tb-menu{margin-right:2px}

/* ===== back-to-back corrections (sidebar rhythm, tabs, bg) ===== */
body{background:#fff !important}
.page,.wrap{background:#fff !important}
.sidebar{padding:16px !important}
.dialpad{background:var(--vs-int) !important;margin-bottom:24px !important;gap:8px !important}
.dialpad:hover{background:var(--vs-int-h) !important}
.dialpad svg{flex:none}
#nav{display:flex;flex-direction:column;gap:20px !important;padding:0 !important}
.navsec{display:flex;flex-direction:column;gap:12px !important;margin:0 !important}
.navsec .nav{display:flex;flex-direction:column;gap:2px !important}
.grph{padding:0 8px !important;margin:0 !important;min-height:16px}
.grph span{line-height:16px !important}
#nav a{margin:0 !important}
#nav a .b{font-family:'Satoshi',system-ui,sans-serif!important}
.ws-sel{order:99;margin-top:auto !important;border-top:1px solid var(--vs-s200) !important;padding:12px 0 0 !important;gap:8px !important;align-items:center}
.ws-sel .ws-av{width:40px !important;height:40px !important;font-size:18px !important;font-weight:400 !important;background:var(--vs-int) !important;border-radius:7000px !important;display:inline-flex;align-items:center;justify-content:center;flex:none}
.ws-sel .ws-nm{font-size:16px !important;line-height:24px !important;font-weight:400 !important;color:var(--vs-s800) !important;flex:1;min-width:0}
.ws-sel .ws-nm small{font-size:12px;line-height:16px;letter-spacing:.24px;font-weight:500;color:var(--vs-s500);margin-top:2px}
.ws-sel .ws-add{width:36px;height:36px;border-radius:6px !important;color:var(--vs-s600) !important;display:inline-flex;align-items:center;justify-content:center;flex:none}
.ws-sel .ws-add::after{content:none !important}
.ws-sel .ws-add:hover{background:var(--vs-s100) !important}
/* tabs: continuous baseline + inset-active + slim separator */
.tabs{border-bottom:1px solid var(--vs-s200) !important;align-items:stretch}
.tabs .tab{border-bottom:none !important;margin-bottom:0 !important}
.tabs .tab.active{border-bottom:none !important;box-shadow:inset 0 -3px 0 var(--vs-int) !important}
.tabdiv{width:1px !important;height:20px !important;background:var(--vs-s300) !important;align-self:center;margin:0 10px !important;flex:none}
.po-ctab{border-bottom:1px solid var(--vs-s200) !important}
.po-ctab button{border-bottom:none !important}
.po-ctab button.on{border-bottom:none !important;box-shadow:inset 0 -3px 0 var(--vs-int) !important}

.tx-chead{gap:12px !important}
.tx-chead .tx-cname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.tx-cmeta{min-width:0}
.tx-cmeta .p,.tx-cmeta div{white-space:nowrap}
.tx-cloc{min-width:0}
.tx-cloc .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500 !important}
.tx-msgs .bub,.tx-bub,.txb{border-radius:6px !important}
/* uniform indigo-400 letter avatars per Figma avatar spec */
.tx-av,.td-asgav,.tx-avatar,[class*="-av"]:not(.tb-av):not(.ws-av){}

.po-iqh .aispark{background:none !important;border:none !important;padding:0 !important}
#page-convo .tabs .tab,.convo-tabs button{white-space:nowrap}
.rc-trail .cur,.rc-trail .act{letter-spacing:0}

.pos26{display:flex;align-items:center;gap:8px;background:var(--vs-i50);border:1px solid var(--vs-i50);border-radius:6px;padding:8px 12px;font-size:14px;line-height:21px;letter-spacing:.14px;flex-wrap:wrap}
.pos26 .pk{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.24px;color:var(--vs-int)}
.pos26 .pv{font-weight:500;color:var(--vs-s800)}
.pos26 .parw{color:var(--vs-s300)}
.pos26 .pdot{color:var(--vs-s300)}
.pos26 .prsn{color:var(--vs-r600)}
.po-iqh .h.aigrad{font-size:14px;letter-spacing:.14px}
.po-iqh .aispark svg{width:16px;height:16px;color:#B255F5}
.po-iqh .score26{margin-right:2px}
.tld-btn{border:none !important;background:none !important;color:var(--vs-int) !important;text-decoration:underline;text-underline-position:from-font;padding:0 4px !important;height:auto !important}
.ti-iq p{font-size:14px !important;line-height:21px !important;letter-spacing:.14px !important;color:var(--vs-s600) !important}

.po26 .l1 .nm,.po26 .l1 .num{white-space:nowrap}
.po26 .l1>*{flex:none}
.po26 .l1 .alert26{overflow:hidden;text-overflow:ellipsis;max-width:220px;white-space:nowrap;display:inline-block;line-height:22px}
.po26 .side{min-width:434px;width:434px}

.po26 .l2 .one{-webkit-line-clamp:1}
.po26 .side .srow1 .tnum{text-transform:uppercase}
.po26 .l1{flex-wrap:nowrap;overflow:hidden}
.po26 .l1 .alert26,.po26 .l1 .pill,.po26 .l1 .tag{flex:none}
.convo-tabs.seg{border:1px solid var(--vs-s200) !important;border-radius:6px !important;padding:2px !important;background:#fff !important;height:36px;box-sizing:border-box;gap:1px !important;box-shadow:none !important}
.convo-tabs.seg button{border:none !important;border-radius:3px !important;height:30px !important;padding:0 12px !important;font-size:16px !important;font-weight:400 !important;color:var(--vs-s600) !important;background:#fff !important;letter-spacing:0 !important}
.convo-tabs.seg button.active{background:var(--vs-s200) !important;color:var(--vs-s900) !important;font-weight:500 !important}

/* .tag = contact-type pill -> Figma status-pill spec */
.tag{height:18px !important;border-radius:4px !important;padding:0 4px !important;font-size:12px !important;line-height:16px !important;font-weight:500 !important;letter-spacing:.24px !important;text-transform:none !important;display:inline-flex;align-items:center;border:1px solid transparent}
.tag.nw{background:#ECFEFF !important;border-color:#CBFBF1 !important;color:#007595 !important}
.tag.ex{background:#F1F5F9 !important;border-color:#E2E8F0 !important;color:#64748B !important}
.ct-dsep{display:none !important}
.ct-time{gap:8px !important}
.ctable-head{background:var(--vs-s100) !important;border:none !important;border-bottom:1px solid var(--vs-s200) !important;border-radius:0 !important;height:36px !important}
.ctable-head span{font:700 12px 'Satoshi',system-ui,sans-serif!important;letter-spacing:.24px !important;color:var(--vs-s500) !important;text-transform:uppercase !important}
#calls-scroll{border-radius:0 !important}

.tabs .tab{white-space:nowrap}
.pill{text-transform:none !important}
.ct-time .rt-time{text-transform:uppercase}
.crow .dir,.ct-caller .dir{color:var(--vs-s600) !important}
.crow .dir.in,.crow .dir.out,.crow .dir.miss{color:var(--vs-s600) !important}
.ctable{overflow-x:auto}
/* generic surfaces: kill leftover big radii/shadows on rows and cards */
.emptyp{color:var(--vs-s500);font-size:16px}

/* generic surface radius harmonisation */
.dr-menu,.tdn-dd,.po-flt-pop,.fd,.tmodal{border-radius:6px !important;border:1px solid var(--vs-s200) !important}

/* ===== FINAL parity overrides (must stay last in this sheet) ===== */
/* ===== static header/filters; only content below scrolls (all nav pages) ===== */
.page{overflow:hidden !important}
.page.on{display:flex !important;flex-direction:column}
.page > .wrap{flex:1;min-height:0;display:flex;flex-direction:column;width:100%}
.page > .wrap > .phband{flex:none}
.page > .wrap > #td-quick{flex:none}
.dash-grid,#td-list,#vm-list,#mvm-list,#fx-list,#neo-list,#ct-list,#po-list,#calls-scroll{flex:1 1 0;min-height:0;overflow-y:auto;scrollbar-width:none;padding-bottom:32px}
.dash-grid::-webkit-scrollbar,#td-list::-webkit-scrollbar,#vm-list::-webkit-scrollbar,#mvm-list::-webkit-scrollbar,#fx-list::-webkit-scrollbar,#neo-list::-webkit-scrollbar,#ct-list::-webkit-scrollbar,#po-list::-webkit-scrollbar,#calls-scroll::-webkit-scrollbar{width:0;height:0}
#calls-pager{flex:none}
#page-texts .tx-wrap{flex:1;min-height:0}

/* group headers (Yesterday / This week / ...) -> system LABEL + count badge */
.vm-sec,.tg-h{font-family:'Satoshi',system-ui,sans-serif!important;font-size:12px !important;line-height:16px !important;font-weight:500 !important;letter-spacing:.24px !important;text-transform:uppercase !important;color:var(--vs-s500) !important;display:flex;align-items:center;gap:8px}
.vm-sec .c,.tg-h .c{min-width:20px;height:20px;border-radius:2000px;padding:2px 6px;font-size:12px !important;line-height:16px !important;font-weight:500 !important;letter-spacing:.24px;display:inline-flex;align-items:center;justify-content:center;background:#fff !important;border:1px solid var(--vs-s300) !important;color:var(--vs-s600) !important;box-sizing:border-box;text-transform:none}
.tg-h.over{color:var(--vs-r600,#E7000B) !important}
.tg-h.over .c{background:#FEF2F2 !important;border-color:#FFA2A2 !important;color:var(--vs-r600) !important}

.srow1{min-width:0}.srow1 > span:last-child{flex:none;display:inline-flex;align-items:center}.srow1 .tnum{flex:none;white-space:nowrap}

/* rail runs full height from below the crumb strip: name + CTAs at the very top */
#dview-convo.on{display:grid !important;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto auto minmax(0,1fr)}
#dview-convo .rec-crumb{grid-column:1/3;grid-row:1}
#dview-convo .rec-hd{grid-column:1;grid-row:2}
#dview-convo .rec-hd-r{display:none !important}
#dview-convo .rec-bd{display:contents}
#dview-convo .convo-left{grid-column:1;grid-row:3;overflow-y:auto;min-height:0}
#dview-convo .convo-right{grid-column:2;grid-row:2/4;min-height:0;overflow-y:auto}

#detail .convo-right .pp-prof.pp26{margin:16px 0 12px;flex:none}
#detail .rec-hd-r{border-bottom:none !important}

/* ===== Fit-to-screen scaling (1600 canvas -> any viewport >= ~900) ===== */
.titlebar{position:relative}
/* ===== Contacts page theme pass ===== */
#page-ct .avc0,#page-ct .avc1,#page-ct .avc2,#page-ct .avc3,#page-ct .avc4,#page-ct .avc5{background:var(--vs-i400,#7C86FF) !important;color:#fff !important}
#page-ct .td-asgav{font-weight:500 !important}
#page-ct .vm-act{width:33px;height:32px;border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;color:var(--vs-s500) !important}
#page-ct .vm-act:hover{background:var(--vs-s100) !important;color:var(--vs-s800) !important}
#page-ct .vm-act.pri,#page-ct .vm-act.blk,#page-ct .vm-act.ok{background:#fff !important;color:var(--vs-s500) !important;border:1px solid var(--vs-s200) !important}
#page-ct .vm-act svg{width:16px;height:16px}

.ch-rz{position:absolute;display:block;right:0;top:0;height:100%;width:9px;cursor:col-resize;z-index:5}
.ch-rz::after{content:'';position:absolute;right:3px;top:50%;transform:translateY(-50%);height:16px;width:1px;background:var(--vs-s300,#CBD5E1)}
.ch-rz:hover::after,.ch-rz.dragging::after{width:3px;right:2px;height:100%;background:var(--vs-i300,#A3B3FF);border-radius:2px}

/* task rows: description aligns to name; icons ride the description line (PO pattern) */
#page-todo .ti.tdcard .ti-iq{margin-left:30px}
#page-todo .vmtx26{display:flex;gap:12px;align-items:flex-start}
#page-todo .vmtx26 p{flex:1;min-width:0;margin:0}
#page-todo .vmtx26 .vm-acts{position:static !important;transform:none !important;margin-left:auto !important;display:flex;gap:12px}
#page-todo .ti.tdcard.hasdesc .tih{padding-right:0}

/* Activity Tasks tab cards */
.tk26 .tk-h26{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.tk26 .tk-t26{font-size:16px;line-height:24px;font-weight:500;color:var(--vs-s800)}
.tk26.done .tk-t26{text-decoration:line-through;color:var(--vs-s500)}
.tk26 .tiseg{font-size:14px;line-height:21px;letter-spacing:.14px;font-weight:400;color:var(--vs-s600)}
.tk26 .tk-d{font-size:14px !important;line-height:21px !important;letter-spacing:.14px;color:var(--vs-s600) !important;margin-top:4px}
.tk26 .tsp26{flex:1}
#convo-timeline .tk-st{width:20px !important;height:20px !important;border:1.5px solid var(--vs-s300) !important;background:#fff;border-radius:50%;flex:none;display:grid;place-items:center;cursor:pointer}
#convo-timeline .tk-st.done{background:var(--vs-int,#4F39F6) !important;border-color:var(--vs-int,#4F39F6) !important;color:#fff !important}

#page-todo .ti.tdcard{position:relative}
#page-todo .ti.tdcard > .vm-acts{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin-left:0 !important;display:flex;gap:12px}
#page-todo .ti.tdcard .tih{padding-right:200px}

/* ===== My workspace theme pass ===== */
#page-todo .vm-act{width:33px;height:32px;border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;color:var(--vs-s500) !important}
#page-todo .vm-act:hover{background:var(--vs-s100) !important;color:var(--vs-s800) !important}
#page-todo .vm-act.pri,#page-todo .vm-act.ok,#page-todo .vm-act.blk{background:#fff !important;color:var(--vs-s500) !important;border:1px solid var(--vs-s200) !important}
#page-todo .vm-act svg{width:16px;height:16px}
#page-todo .po-act-link{font-family:'Satoshi',system-ui,sans-serif!important;font-size:14px !important;line-height:21px !important;font-weight:500 !important;letter-spacing:.14px !important;color:var(--vs-int,#4F39F6) !important}
#page-todo .tk-st{width:20px !important;height:20px !important;border:1.5px solid var(--vs-s300) !important;background:#fff}
#page-todo .tk-st:hover{border-color:var(--vs-int) !important}
#page-todo .tk-st.done{background:var(--vs-int,#4F39F6) !important;border-color:var(--vs-int,#4F39F6) !important;color:#fff !important}

/* ===== Texts colors pass + header action bar ===== */
#page-texts .tx-hd-acts{transform:none !important;align-self:center !important;gap:12px !important;margin:0 16px 0 0 !important}
#page-texts .vm-act{width:33px;height:32px;border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;color:var(--vs-s500) !important}
#page-texts .vm-act:hover{background:var(--vs-s100) !important;color:var(--vs-s800) !important}
#page-texts .vm-act svg{width:16px;height:16px}
/* avatars: uniform Indigo-400 per Figma */
#page-texts .avc0,#page-texts .avc1,#page-texts .avc2,#page-texts .avc3,#page-texts .avc4,#page-texts .avc5{background:var(--vs-i400,#7C86FF) !important;color:#fff !important}
/* unread count = Light red content badge */
#page-texts .tx-ub{background:#FEF2F2 !important;border:1px solid #FFA2A2 !important;color:var(--vs-r600,#E7000B) !important}
/* list text colors */
#page-texts .tx-rname{color:var(--vs-s800) !important}
#page-texts .st{color:var(--vs-s600) !important}
#page-texts .tx-rtime{color:var(--vs-s500) !important}
#page-texts .tx-csub,#page-texts .p{color:var(--vs-s600) !important}
#page-texts .n{color:var(--vs-s600) !important}
/* bubbles per design spec: radius 6, inbound slate-100, outbound human indigo-100, automated slate-50+border */
#page-texts .tx-bub{border-radius:6px !important;box-shadow:none !important;color:var(--vs-s800) !important}
#page-texts .tx-grp:not(.out) .tx-bub{background:#F0FDF4 !important;border:none !important}
#page-texts .tx-grp.out .tx-bub{background:#fff !important;border:1px solid var(--vs-s200) !important}
#page-texts .tx-grp.sys .tx-bub{background:#E0E7FF !important;border:none !important}
#page-texts .tx-bmeta{color:var(--vs-s500) !important}
#page-texts .tx-glabel{color:var(--vs-s500) !important}
/* day chip */
#page-texts .tx-day span{background:var(--vs-s100) !important;color:var(--vs-s500) !important;border:none !important;border-radius:2000px;padding:2px 10px}
/* load older */
#page-texts .tx-older{color:var(--vs-int,#4F39F6) !important;border:1px solid var(--vs-s200) !important;border-radius:6px !important;box-shadow:none !important}
/* voicebot banner: informational note, not an error */
#page-texts .tx-banner{background:var(--vs-i50,#EEF2FF) !important;border:1px solid #C6D2FF !important;color:var(--vs-s800) !important;border-radius:6px !important}
/* compose */
#page-texts .tx-pill{border:1px solid var(--vs-s200) !important;border-radius:6px !important;box-shadow:none !important}
#page-texts .tx-send{background:var(--vs-int,#4F39F6) !important;border-radius:6px !important}
#page-texts .tx-ico{color:var(--vs-s500) !important}

/* ===== Texts page typography pass (Satoshi ramp; colors deferred) ===== */
/* conversation list */
#page-texts .tx-rname{font-size:16px !important;line-height:24px !important;font-weight:500 !important}
#page-texts .tx-rtime{font-size:12px !important;line-height:16px !important;font-weight:400 !important;letter-spacing:.24px}
#page-texts .tx-item.unread .tx-rtime,#page-texts .tx-rtime.unread{font-weight:500 !important}
#page-texts .st{font-size:14px !important;line-height:21px !important;letter-spacing:.14px;font-weight:400 !important}
#page-texts .tx-item.unread .st{font-weight:500 !important}
#page-texts .tx-rav{font-size:12px !important;font-weight:500 !important}
#page-texts .tx-ub{min-width:20px;height:20px;border-radius:2000px;padding:2px 6px;font-size:12px !important;line-height:16px !important;font-weight:500 !important;letter-spacing:.24px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
/* thread header */
#page-texts .tx-cav{font-size:12px !important;font-weight:500 !important}
#page-texts .tx-cname{font-size:16px !important;line-height:24px !important;font-weight:500 !important}
#page-texts .tx-csub{font-size:14px !important;line-height:21px !important;letter-spacing:.14px;font-weight:400 !important}
#page-texts .n{font-size:14px !important;line-height:21px !important;font-weight:500 !important}
#page-texts .p{font-size:14px !important;line-height:21px !important;font-weight:400 !important}
/* thread body */
#page-texts .tx-older{font-size:14px !important;line-height:21px !important;font-weight:500 !important}
#page-texts .tx-day span,#page-texts .tx-thread > span{font-size:12px !important;line-height:16px !important;font-weight:500 !important;letter-spacing:.24px}
#page-texts .tx-gav{font-weight:500 !important}
#page-texts .tx-bub b,#page-texts .tx-thread b{font-size:12px !important;line-height:16px !important;font-weight:500 !important;letter-spacing:.24px}
#page-texts .tx-bub{font-size:14px !important;line-height:21px !important;letter-spacing:.14px;font-weight:400 !important}
#page-texts .tx-bmeta{font-size:12px !important;line-height:16px !important;font-weight:400 !important;letter-spacing:.24px}
#page-texts .tx-glabel{font-size:12px !important;line-height:16px !important;font-weight:500 !important;letter-spacing:.24px}
#page-texts .tx-banner{font-size:14px !important;line-height:21px !important;font-weight:500 !important}
/* compose */
#page-texts .tx-compose input,#page-texts .tx-compose textarea{font-family:'Satoshi',system-ui,sans-serif;font-size:14px !important;line-height:21px !important;font-weight:400 !important}
/* tabs: horizontal scroll instead of clipping */
#page-texts .tx-tabs{overflow-x:auto !important;flex-wrap:nowrap !important;scrollbar-width:none;-ms-overflow-style:none}
#page-texts .tx-tabs::-webkit-scrollbar{display:none}
#page-texts .tx-tabs .tab{flex:none}

#page-fax .ti{position:relative}
#page-fax .ti.fx26 > .vm-acts{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin-left:0 !important;display:flex;gap:12px}
#page-fax .ti.fx26 .tih{padding-right:240px}
#page-fax .vm-act{width:33px;height:32px;border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;color:var(--vs-s500) !important}
#page-fax .vm-act:hover{background:var(--vs-s100) !important;color:var(--vs-s800) !important}
#page-fax .vm-act.ok{background:#fff !important;color:var(--vs-s500) !important;border:1px solid var(--vs-s200) !important}
#page-fax .vm-act svg{width:16px;height:16px}

#page-mvm .ti{position:relative}
#page-mvm .ti > .vm-acts{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin-left:0 !important;display:flex;gap:12px}
#page-mvm .ti.mc26 .tih{padding-right:232px}

#page-vm .ti-iq,#page-mvm .ti-iq,#page-fax .ti-iq,#page-neo .ti-iq,#page-todo .ti-iq{margin-top:8px !important;padding-top:0 !important;border-top:0 !important}

#page-vm .vmtx26,#page-mvm .vmtx26,#page-neo .vmtx26{display:flex;gap:12px;align-items:flex-start}
#page-vm .vmtx26 p,#page-mvm .vmtx26 p,#page-neo .vmtx26 p{flex:1;min-width:0;margin:0}
#page-vm .vmtx26 .vm-acts,#page-mvm .vmtx26 .vm-acts,#page-neo .vmtx26 .vm-acts{position:static !important;transform:none !important;margin-left:auto !important;flex:none;display:flex;gap:12px}
#page-vm .vm-act,#page-mvm .vm-act,#page-neo .vm-act{width:33px;height:32px;border-radius:6px !important;border:1px solid var(--vs-s200) !important;background:#fff !important;color:var(--vs-s500) !important}
#page-vm .vm-act:hover,#page-mvm .vm-act:hover,#page-neo .vm-act:hover{background:var(--vs-s100) !important;color:var(--vs-s800) !important}
#page-vm .vm-act.pri,#page-mvm .vm-act.pri,#page-neo .vm-act.pri,#page-neo .vm-act.ok{background:#fff !important;color:var(--vs-s500) !important;border:1px solid var(--vs-s200) !important}
#page-vm .vm-act svg,#page-mvm .vm-act svg,#page-neo .vm-act svg{width:16px;height:16px}

.tih .tdot26{color:var(--vs-s300);font-size:12px;display:inline-flex;align-items:center}

/* head-only cards (no transcript/summary body): no divider, no extra head spacing */
#convo-timeline .ti.nosum .tih26,#convo-timeline .ti.tism .tih26{padding-bottom:0 !important;margin-bottom:0 !important}
#convo-timeline .ti.nosum .tih26::after,#convo-timeline .ti.tism .tih26::after{display:none}

#detail .rec-hd{height:auto !important}
#detail .rec-hd-l{justify-content:flex-start !important;padding-top:8px !important;border-bottom:none !important}
#detail .rec-hdg{padding-top:0 !important;margin-top:0 !important;margin-bottom:24px !important}

.parw{display:inline-flex;align-items:center}.parw svg{display:block}

.iqh .vcw26{margin-left:auto}

/* CH/PO row typography propagated to card lists */
#page-vm .tiseg.lead,#page-mvm .tiseg.lead,#page-todo .tiseg.lead,#page-fax .tiseg.lead,#page-neo .tiseg.lead,#page-ct .tiseg.lead{font-size:16px !important;line-height:24px !important;font-weight:500 !important;color:var(--vs-s800) !important}
#page-vm .tiseg:not(.lead),#page-mvm .tiseg:not(.lead),#page-todo .tiseg:not(.lead),#page-fax .tiseg:not(.lead),#page-neo .tiseg:not(.lead),#page-ct .tiseg:not(.lead){font-size:14px !important;line-height:21px !important;letter-spacing:.14px;font-weight:400 !important;color:var(--vs-s600) !important}
#page-vm .when,#page-mvm .when,#page-todo .when,#page-fax .when,#page-neo .when,#page-ct .when{font-size:14px !important;line-height:21px !important;font-weight:400 !important;color:var(--vs-s600) !important}
#page-vm .tdur,#page-mvm .tdur,#page-todo .tdur,#page-fax .tdur,#page-neo .tdur,#page-ct .tdur{font-size:14px !important;line-height:21px !important;font-weight:400 !important;color:var(--vs-s600) !important}
#page-vm .vm-age,#page-mvm .vm-age,#page-todo .vm-age,#page-fax .vm-age,#page-neo .vm-age{font-size:12px !important;line-height:16px !important;font-weight:500 !important;letter-spacing:.24px !important}

#page-vm .daylabel:first-child,#page-mvm .daylabel:first-child,#page-todo .daylabel:first-child,#page-fax .daylabel:first-child,#page-neo .daylabel:first-child{margin-top:0 !important}
#page-vm .vm-sec:first-child,#page-mvm .vm-sec:first-child,#page-ct .ct-sec:first-child{margin-top:0 !important}
#page-ct .vm-strip{margin:12px 0 16px !important}

/* PO/CH rhythm propagated: sub->controls 24, tabs->chips 16, chips->content 16 */
#page-todo .pagesub,#page-vm .pagesub,#page-mvm .pagesub,#page-fax .pagesub,#page-neo .pagesub,#page-ct .pagesub{margin-bottom:24px !important}
#page-todo .vm-strip,#page-vm .vm-strip,#page-mvm .vm-strip,#page-fax .vm-strip,#page-neo .vm-strip{margin:0 0 16px !important}
#page-todo .tabrow,#page-vm .tabrow,#page-mvm .tabrow,#page-fax .tabrow,#page-neo .tabrow{margin-top:0 !important;margin-bottom:16px !important}
#page-ct .tabrow{margin-top:0 !important;margin-bottom:0 !important}
#page-ct .vm-strip{margin:16px 0 16px !important}
#page-texts .tx-ttl{margin-bottom:24px !important}
#page-texts .tx-lhead .search{margin-bottom:16px !important}

#page-ct .vm-strip button b{order:2}

/* Opportunities filter pattern propagated: secondary .tabs rows become chip-groups (Figma chip-group component) */
#page-todo .tabs,#page-vm .tabs,#page-mvm .tabs,#page-fax .tabs,#page-neo .tabs{
  display:inline-flex !important;gap:1px !important;background:#fff !important;border:1px solid var(--vs-s200) !important;
  border-radius:6px !important;padding:2px !important;height:36px !important;box-sizing:border-box !important;
  align-items:center !important;border-bottom:1px solid var(--vs-s200) !important;width:auto !important;align-self:flex-start}
#page-todo .tabs .tab,#page-vm .tabs .tab,#page-mvm .tabs .tab,#page-fax .tabs .tab,#page-neo .tabs .tab{
  font-size:16px !important;line-height:24px !important;font-weight:400 !important;color:var(--vs-s600) !important;
  background:#fff !important;border:none !important;border-radius:3px !important;padding:0 8px !important;height:30px !important;
  display:inline-flex !important;gap:6px !important;align-items:center !important;white-space:nowrap;margin:0 !important;box-shadow:none !important}
#page-todo .tabs .tab.active,#page-vm .tabs .tab.active,#page-mvm .tabs .tab.active,#page-fax .tabs .tab.active,#page-neo .tabs .tab.active{
  background:var(--vs-s200) !important;color:var(--vs-s900) !important;box-shadow:none !important;border:none !important}
#page-todo .tabs .tab .c,#page-vm .tabs .tab .c,#page-mvm .tabs .tab .c,#page-fax .tabs .tab .c,#page-neo .tabs .tab .c{
  display:inline-flex;min-width:20px;height:20px;border-radius:2000px;padding:2px 6px;font-size:12px;font-weight:500;
  letter-spacing:.24px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--vs-s300);color:var(--vs-s600);box-sizing:border-box}
/* Contacts location strip -> same chip-group */
#page-ct .vm-strip{display:flex !important;gap:12px !important;background:transparent !important;border:none !important;border-radius:0 !important;padding:0 !important;height:auto !important;align-items:center !important;flex-wrap:wrap !important}
#page-ct .ctseg26{display:inline-flex;gap:1px;background:#fff;border:1px solid var(--vs-s200);border-radius:6px;padding:2px;height:36px;box-sizing:border-box;align-items:center;flex-wrap:nowrap}
#page-ct .vm-strip button .l{font-size:16px !important;line-height:24px !important;font-weight:400 !important;color:inherit !important;letter-spacing:0 !important}
#page-ct .vm-strip button.on .l{font-weight:400 !important;color:inherit !important}
#page-ct .vm-strip button{font-size:16px !important;line-height:24px !important;font-weight:400 !important;color:var(--vs-s600) !important;background:#fff !important;border:none !important;border-radius:3px !important;padding:0 8px !important;height:30px !important;display:inline-flex !important;gap:6px !important;align-items:center !important;white-space:nowrap;margin:0 !important}
#page-ct .vm-strip button.on,#page-ct .vm-strip button.active{background:var(--vs-s200) !important;color:var(--vs-s900) !important}
#page-ct .vm-strip button .c,#page-ct .vm-strip button b{display:inline-flex;min-width:20px;height:20px;border-radius:2000px;padding:2px 6px;font-size:12px;font-weight:500;letter-spacing:.24px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--vs-s300);color:var(--vs-s600);box-sizing:border-box}

#convo-timeline .ti{padding:16px !important}
#convo-timeline .tih26{border-bottom:0;position:relative}
#convo-timeline .tih26::after{content:'';position:absolute;left:24px;right:0;bottom:0;height:1px;background:var(--vs-s200)}
#convo-timeline .po-iqh{margin-left:12px;margin-right:12px;margin-bottom:6px}
#convo-timeline .ti-iq{margin-left:0;margin-top:0 !important;padding-top:0 !important}
#convo-timeline .ti-iq p{margin-left:24px}
#convo-timeline .iqh{margin-left:12px;margin-right:12px}
#convo-timeline .pos26{margin-left:24px;margin-top:12px !important}
#convo-timeline .ti-iq .pos26{margin-left:24px;margin-top:12px !important}
#convo-timeline .tld26,#convo-timeline .vcv{margin-left:24px}

#detail .pill{font-weight:500 !important}
#detail .rc-trail .cur,#detail .rec-hdg{font-weight:500 !important}

.pp26 .pp-pav{display:none}
.pn26{font-size:20px !important;line-height:28px !important;font-weight:500 !important;color:var(--vs-s800) !important;display:flex;align-items:center;gap:8px}
.pp-glance{display:none !important}
.pp-lptrig{background:#fff !important;border:1px solid var(--vs-s200) !important;border-radius:6px !important;box-shadow:0 2px 12px rgba(0,0,0,.08) !important;padding:12px !important;width:100%;display:flex;align-items:center;gap:8px}
.pp-lptrig .pp-lpt{font-size:14px !important;line-height:21px !important;letter-spacing:.14px !important;font-weight:400 !important;color:var(--vs-s800) !important}
.pp-lpavs .pp-mav,.pp-lpavs [class*=av]{background:var(--vs-i400) !important;border:1.2px solid var(--vs-s200) !important;color:#fff !important;width:24px !important;height:24px !important;font-size:10px !important}
.pp-hcount{background:var(--vs-s50) !important;border:1.2px solid var(--vs-s200) !important;color:var(--vs-s600) !important;border-radius:100px !important}

/* weight parity (Figma drill-down): card texts Regular unless specified */
.tih26 .tt26,.tih26 .tloc26,.tih26 .tdur26,.tih26 .when26,.tih26 .tdl26{font-weight:400 !important}
#convo-timeline .ti,#convo-timeline .ti p{font-weight:400}
.ti-iq p{font-weight:400 !important}
.po-iqh .h.aigrad{font-weight:500 !important}
.pos26 .pv{font-weight:500 !important}
.pos26 .pk{font-weight:500 !important}
.psec-h .t{font-weight:500 !important}
.pc2-row .pc2-v{font-weight:500 !important}
.pc2-row .pc2-l{font-weight:400 !important}

/* Activity card head (Figma drill-down): single line, divider below */
.tih26{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--vs-s200);margin-bottom:12px}
.tih26 .tt26{font-size:16px;line-height:24px;color:var(--vs-s800)}
.tih26 .tloc26{font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-s800);white-space:nowrap}
.tih26 .tdot26{color:var(--vs-s300);font-size:12px}
.tih26 .tdur26{font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-s500)}
.tih26 .tsp26{flex:1}
.tih26 .when26{font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-s500);white-space:nowrap;text-transform:uppercase}
.tih26 .tdl26{font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-int);text-decoration:underline;text-underline-position:from-font;cursor:pointer;white-space:nowrap}
.tih26 .dir{flex:none}
.po-iqh .vcw26{margin-left:auto}
.tr26{justify-content:flex-end}
/* breadcrumb: inline, no band (Figma) */
.rc-bar,.rec-crumbs{background:transparent !important;border-bottom:none !important;box-shadow:none !important}
/* rail canvas */
.convo-right{background:var(--vs-s50) !important}
.convo-right .psec{background:#fff !important}

.ctable-head span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* status pills: radius 4 EVERYWHERE (Figma Badges component) — terminal rule */
#page-calls .crow .pill,.crow .pill,.ct-status .pill,.pill{border-radius:4px !important}

/* Date & Time cell — Figma 121:1504: time 16/24 slate-800, date 14/21 slate-600 (beats #page-calls theme rule) */
#page-calls .crow .rt-time,.crow .ct-time .rt-time{font-size:16px !important;line-height:24px !important;font-weight:400 !important;color:var(--vs-s800) !important;letter-spacing:0 !important}
#page-calls .crow .ct-date,.crow .ct-date{font-size:14px !important;line-height:21px !important;color:var(--vs-s600) !important;letter-spacing:.14px !important}

/* chip-pair (Figma 121:4250) + header label weight (Caption Medium, not bold) */
.chippair26{display:inline-flex;align-items:center;gap:1px;background:#fff;border:1px solid var(--vs-s200);border-radius:6px;padding:2px;height:36px;box-sizing:border-box;margin-left:16px}
.cp26{font-family:inherit;font-size:16px;line-height:24px;font-weight:400;color:var(--vs-s600);background:#fff;border:none;border-radius:3px;padding:0 8px;height:30px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.cp26:hover{background:var(--vs-s100)}
.cp26.on{background:var(--vs-s200);color:var(--vs-s900)}
.cpdiv{width:1px;height:24px;background:var(--vs-s200);flex:none}
.cb26.fill{background:#E7000B;border-color:#E7000B;color:#fff}
.tabs .tab .cb26{margin-left:0}
.ctable-head span{font-weight:500 !important}

/* Figma: baseline lives on the tabs only — never on the full tab row */
.phband .tabrow,.tabrow{border-bottom:none !important;box-shadow:none !important}

/* ===== Call History table = Figma components 121:1438/121:1504 ===== */
.ctable-head{border-radius:6px !important;border-bottom:none !important;overflow:hidden}
.ctable-head span{padding:0 12px}
.crow{border-bottom:1px solid var(--vs-s200) !important;height:56px !important}
.crow>div{padding:0 12px !important}
.ct-time .rt-time{font-size:16px !important;line-height:24px !important;color:var(--vs-s800) !important}
.ct-time{gap:12px !important}
.ct-date{color:var(--vs-s600) !important;font-size:14px !important;line-height:21px !important;letter-spacing:.14px !important}
.ct-caller{gap:10px !important}
.ct-nm,.ct-src span,.ct-rec .tnum,.ct-x{font-size:16px !important;line-height:24px !important;color:var(--vs-s800) !important;font-weight:400 !important}
.ct-cacts{gap:8px !important;justify-content:flex-end;padding-right:12px}
.ct-cacts button{width:36px !important;height:36px !important;border-radius:6px !important;border:1px solid var(--vs-s200) !important;color:var(--vs-s500) !important}
.ct-cacts button svg{width:16px !important;height:16px !important}

/* Figma-native cap trimming: line boxes trimmed to cap/alphabetic like the comp */
.po26 .l1 .nm,.po26 .l1 .num,.po26 .pval,.po26 .side .aw-lbl,.po26 .side .srow1 .tnum{text-box:trim-both cap alphabetic}
.po26 .l1{overflow:visible !important}
.po26 .l2 .one{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;padding-bottom:2px;margin-bottom:-2px}

/* page scroller: overlay-style (no layout consumption) so content = exact 1286 like Figma */
.page::-webkit-scrollbar{width:0;height:0}
.page{scrollbar-width:none}

/* direction arrows: slate-400 (asset color), all pages */
.crow .dir,.ct-caller .dir,.crow .dir.in,.crow .dir.out,.crow .dir.miss{color:#94A3B8 !important}
/* one-liner: slate-800 */
.po26 .l2 .one{color:var(--vs-s800) !important}

.pill.shortmiss{background:#FEF2F2 !important;border-color:#FFE2E2 !important;color:#E7000B !important}

/* Call History rhythm (Figma 104:991: sub->tabs 24, tabs->table 16) */
#page-calls .pagesub{margin-bottom:20px !important}
#page-calls .phband{margin-bottom:10px !important}

.bwrap26 .band26{margin-bottom:2px !important}

.po26 .side .srow1 .tnum{white-space:nowrap;flex:none}
.seg26{flex:none}
.seg26 button{white-space:nowrap}
.po26 .side{flex:none !important}

.po26 .side .aw-lbl{width:auto;max-width:250px;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-s500)}

.pval{font-size:16px;line-height:24px;letter-spacing:0;color:var(--vs-s800);font-weight:400;white-space:nowrap}

.bwrap26 .po26{margin:0 4px !important}
.bwrap26 .po26:last-child{margin-bottom:4px !important}

/* chevron = 36px icon button (Button secondary 2 on band) */
.band26 .bchev{width:36px;height:36px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.band26:hover .bchev{background:rgba(15,23,42,.06)}
.band26.closed .bchev{transform:none}
.band26.closed .bchev svg{transform:rotate(-90deg)}
.band26 .cb26{margin-left:8px}
/* toolbar row: uniform 36px children, tops aligned with the chip group */
#page-po .tabrow>*{height:36px !important;min-height:36px !important;margin-top:0 !important;margin-bottom:0 !important}
#po-tabs{display:flex;align-items:center}
#po-tabs .chipgrp26{margin:0}

/* phband: no border line (Figma has none) */
.phband{border-bottom:none !important;box-shadow:none !important}
/* band header type: label 16/24 Medium, Tx amount 20/28 Medium (green-800) */
.band26{font-size:16px !important;line-height:24px !important;font-weight:500 !important;letter-spacing:0 !important}
.band26 .tx{font-size:14px !important;font-weight:400 !important}
.band26 .tx b{font-size:20px !important;line-height:28px !important;font-weight:500 !important}

/* ===== band anatomy from 1:1 Figma render (2004:14454) ===== */
.bwrap26{padding:0 !important;border-radius:6px}
.band26{height:44px !important;min-height:44px !important;padding:0 12px 0 8px !important;font-size:16px !important;line-height:24px !important;font-weight:500;gap:0 !important}
.band26 .tx b{font-size:20px !important}
.po26{padding:18px 16px 14px !important;min-height:100px;box-sizing:border-box;border-bottom:1px solid var(--vs-s200) !important;align-items:center !important}
.band26+.po26{border-radius:6px 6px 0 0}
.bwrap26 .po26:last-child{border-bottom:none !important;border-radius:0 0 6px 6px}
.band26+.po26:last-child{border-radius:6px}
.po26 .l2{margin-top:8px !important}
/* row workspace control: divided segmented (as rendered in Figma), h36 */
.seg26{border:1px solid var(--vs-s200) !important;border-radius:6px !important;background:#fff;padding:0 !important;gap:0 !important;height:36px !important;box-sizing:border-box;overflow:hidden}
.seg26 button{border:none !important;border-right:1px solid var(--vs-s200) !important;border-radius:0 !important;height:34px !important;padding:0 10px !important;font-size:16px;line-height:24px;font-weight:400;color:var(--vs-s600)}
.seg26 button:last-child{border-right:none !important}
.seg26 button.on{background:var(--vs-s200);color:var(--vs-s900)}

/* nav weight parity (Figma: Medium in all states, active only recolors) */
#nav a,#nav a.on{font-weight:500 !important}
.dialpad{margin-bottom:24px !important}
.pagesub{margin-top:7px !important}
/* divider below the PO toolbar row (Figma hairline) */
#page-po .tabrow{border-bottom:none !important;padding-bottom:0 !important;height:36px !important;min-height:36px !important}
#po-list{margin-top:14px !important}
/* My views + Assignee = Figma Dropdown: Regular, slate-600, left-aligned */
#po-vw-btn{font-weight:400 !important;color:var(--vs-s600) !important;justify-content:flex-start !important}
#po-vw-btn .drchev svg{width:16px;height:16px}
.asg-cb input{font-weight:400 !important;color:var(--vs-s600) !important}
.asg-cb input::placeholder{color:var(--vs-s600) !important}
.asg-cb::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23475569' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.33333 14C1.33328 12.9735 1.62942 11.9689 2.18623 11.1066C2.74304 10.2443 3.53685 9.56095 4.4724 9.13865C5.40795 8.71634 6.44549 8.57297 7.46051 8.72575C8.47552 8.87854 9.42489 9.32097 10.1947 9.99997'/%3E%3Cpath d='M6.66667 8.66667C8.50762 8.66667 10 7.17428 10 5.33333C10 3.49238 8.50762 2 6.66667 2C4.82572 2 3.33333 3.49238 3.33333 5.33333C3.33333 7.17428 4.82572 8.66667 6.66667 8.66667Z'/%3E%3Cpath d='M10.6667 12.6667L12 14L14.6667 11.3333'/%3E%3C/svg%3E") !important}
/* row action icon block: fixed 168px, right-justified, 12px gaps (Figma) */
.icoblk{display:inline-flex;gap:12px;justify-content:flex-end;width:168px;flex:none}
.po26 .side .srow2 .ico26:first-of-type{margin-left:0}
.po26 .side .srow2{justify-content:space-between !important;width:100%}

#nav a svg{width:16px !important;height:16px !important;flex:none;color:inherit}
#nav a:focus-visible{outline:2px solid var(--vs-i300);outline-offset:-2px}
.dialpad svg{color:#fff}
.ws-sel .ws-add svg{width:16px;height:16px}

.titlebar{height:50px !important;min-height:50px !important;box-sizing:border-box !important;background:var(--vs-chrome) !important;border-bottom:none !important;padding:0 16px !important;align-items:center}
.titlebar .tb-ps,.titlebar .tb-ib{background:transparent !important;border:none !important;color:#CBD5E1 !important;height:36px;min-width:36px;border-radius:6px !important;font-size:16px !important;font-weight:500 !important}
.titlebar .tb-ps:hover,.titlebar .tb-ib:hover{background:#312C85 !important}
.titlebar .tb-av{background:var(--vs-primary) !important;width:33px !important;height:33px !important;border-radius:100px !important;font-size:14px !important;font-weight:500 !important;color:#fff !important}
#page-po .pagesub{margin-bottom:24px !important}
#page-po .vm-strip{margin:0 !important}
#page-po .tabrow{margin-top:16px !important;margin-bottom:0 !important}
#page-po .phband{margin-bottom:16px !important}
/* superseded */
#page-po .tabrow{align-items:center;height:36px !important;min-height:36px !important}
#po-vw-btn,#page-po .tabrow .fbtn{margin:0 !important}
#page-po .po-vw-wrap{height:36px !important;display:inline-flex;align-items:center}
#po-tabs{height:36px !important;overflow:visible}

/* ==================== tooltip ==================== */
#vs-tip{position:fixed;z-index:99999;transform:translateX(-50%);background:#0f172a;color:#fff;font:500 12px/1.5 'Inter',sans-serif;padding:7px 11px;border-radius:8px;max-width:280px;box-shadow:0 8px 24px rgba(16,18,35,.28);opacity:0;pointer-events:none;transition:opacity .12s;text-align:left}
#vs-tip.on{opacity:1}
#vs-tip::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;border:5px solid transparent;border-top-color:#0f172a;border-bottom:0}
#vs-tip.below::after{bottom:auto;top:-5px;border-top:0;border-bottom:5px solid #0f172a}

/* ==================== refinement layer (was ceo-glue) ==================== */
#vs-tip::after{left:calc(50% + var(--ax,0px)) !important}
.convo-right{width:380px !important}
#dview-convo.on{grid-template-columns:minmax(0,1fr) 380px !important}
.ncwq-wrap{position:relative;display:inline-flex}
#ncwq-btn.ncon{border-color:var(--vs-int,#4F39F6) !important;color:var(--vs-int,#4F39F6) !important;background:var(--vs-i50,#EEF2FF) !important}
.ncwq-dd{position:absolute;top:calc(100% + 6px);left:0;min-width:158px;background:#fff;border:1px solid var(--vs-s200,#E2E8F0);border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.14);padding:4px;display:none;z-index:80}
.ncwq-dd.on{display:block}
.ncwq-it{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:none;background:transparent;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.14px;color:var(--vs-s600,#475569);cursor:pointer;text-align:left}
.ncwq-it:hover{background:var(--vs-s50,#F8FAFC)}
.ncwq-it.on{color:var(--vs-int,#4F39F6)}
.ncwq-it svg{width:14px;height:14px;flex:none}
#nc-ins .ncmut{color:var(--vs-s400,#94A3B8)}
#nc-ins .ncopp{color:var(--vs-int,#4F39F6);font-weight:500}
#convo-right #nc-ins .pc2-row .pc2-l{width:140px !important}
#convo-right .psec.nc26{margin-top:12px}
#convo-right .psec.nc26 .pc2-v{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end;white-space:nowrap}
#vc3-taskcard{display:none !important}
#page-mvm .tabrow,#page-vm .tabrow,#page-missed .tabrow,#page-po .tabrow,#page-neo .tabrow{margin-bottom:0 !important}
.phband{margin-bottom:10px !important}
#page-po .phband{margin-bottom:10px !important}
#po-list{margin-top:0 !important}
#neo-list{margin-top:0 !important}
#page-neo .tabrow .search,#page-neo .tabrow .asg-cb,#page-po .tabrow .search,#page-po .tabrow .asg-cb{margin-bottom:0 !important}
#page-ct .tabrow{margin-bottom:0 !important}
#page-ct .tabrow .search{margin-bottom:0 !important}
#page-ct .vm-strip{margin:10px 0 0 !important}
#ct-tabs .tab .c{height:20px;min-width:20px;box-sizing:border-box;border-radius:2000px;padding:2px 6px;background:#fff;border:1px solid #CBD5E1;color:#475569;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.24px;display:inline-flex;align-items:center;justify-content:center;margin:0}
#page-ct .td-addbtn{height:36px !important;padding:0 16px !important;border-radius:6px !important;background:var(--vs-int,#4F39F6) !important;color:#fff !important;font-family:inherit;font-size:14px !important;line-height:21px !important;font-weight:500 !important;letter-spacing:.14px !important}
#page-ct .td-addbtn:hover{filter:brightness(1.08)}
#vm-list > .vm-sec:first-child,#mvm-list .vm-sec:first-child,#missed-list .vm-sec:first-child{margin-top:0 !important}
.fbtn,.drbtn{color:#64748b !important;font-weight:500 !important;transition:background .12s}
.fbtn .drchev,.drbtn .drchev{display:none !important}
.fbtn:hover,.drbtn:hover{background:var(--vs-s100) !important;border-color:var(--vs-s200) !important;color:var(--vs-s700) !important}
.fbtn svg,.drbtn svg{color:var(--vs-s500) !important}
.fbtn.act{background:var(--vs-s200) !important;border-color:var(--vs-s200) !important;color:var(--vs-s900) !important}
.fbtn .fb-c{background:#FEF2F2;border:1px solid #FFA2A2;color:#E7000B;font-size:12px;font-weight:500;line-height:16px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:2000px;padding:2px 6px;box-sizing:border-box}
.dr-menu{border-radius:6px !important;border:1px solid var(--vs-s200) !important;box-shadow:0 8px 24px rgba(15,23,42,.10) !important;padding:4px !important;min-width:200px}
.dr-menu button{font-size:16px !important;line-height:24px !important;font-weight:400 !important;color:var(--vs-s700) !important;border-radius:4px !important;padding:6px 10px !important}
.dr-menu button:hover{background:var(--vs-s100) !important;color:var(--vs-s900) !important}
.dr-menu button.on{background:var(--vs-s50,#f8fafc) !important;color:var(--vs-s900) !important;font-weight:500 !important}
.dr-menu button.on::after{color:var(--vs-int,#4f39f6);font-weight:600;font-size:12px}
.fd-panel{border-left:1px solid var(--vs-s200)}
.fd-head{font-weight:600 !important;font-size:16px !important;line-height:24px !important;color:var(--vs-s900) !important;border-bottom:1px solid var(--vs-s200) !important;padding:14px 20px !important}
.fd-x{border-radius:6px !important}
.fd-x:hover{background:var(--vs-s100) !important;color:var(--vs-s900) !important}
.fd-sec{border-bottom:1px solid var(--vs-s100) !important}
.fd-h{font-weight:500 !important;font-size:14px !important;line-height:21px !important;letter-spacing:.14px;color:var(--vs-s700) !important}
.fd-h .sa{font-size:13px !important;font-weight:400 !important;color:var(--vs-int,#4f39f6) !important}
.fd-chip{border-radius:6px !important;border:1px solid var(--vs-s200) !important;font-size:14px !important;line-height:21px !important;font-weight:400 !important;color:var(--vs-s600) !important;padding:5px 10px !important}
.fd-chip:hover{background:var(--vs-s100) !important;border-color:var(--vs-s200) !important}
.fd-chip.on{background:var(--vs-s200) !important;border-color:var(--vs-s200) !important;color:var(--vs-s900) !important;font-weight:500 !important}
.fd-chip.on::before{color:var(--vs-int,#4f39f6);font-weight:600}
.fd-name input{border-radius:6px !important;border:1px solid var(--vs-s200) !important;font-size:14px !important}
.fd-name input:focus{border-color:var(--vs-int,#4f39f6) !important}
.fd-hint{font-size:12.5px !important;color:var(--vs-s500) !important}
.fd-foot{border-top:1px solid var(--vs-s200) !important}
.fd-clear{font-size:14px !important;font-weight:400 !important;color:var(--vs-s500) !important}
.fd-cancel{border-radius:6px !important;border:1px solid var(--vs-s200) !important;font-size:14px !important;font-weight:400 !important;color:var(--vs-s700) !important}
.fd-cancel:hover{background:var(--vs-s100)}
.fd-apply{border-radius:6px !important;background:var(--vs-int,#4f39f6) !important;font-size:14px !important;font-weight:500 !important}
#page-calls .crow{min-height:56px !important;gap:0 !important;padding:0 !important;border-bottom:1px solid #E2E8F0 !important}
#page-calls .crow>div{padding:0 12px}
#page-calls .ctable-head{gap:0 !important;padding:0 !important}
#page-calls .ctable-head>span{padding:0 12px}
#page-calls .crow .ct-caller{gap:10px}
#page-calls .crow .ct-caller .dir{width:16px !important;height:16px !important;border-radius:0;background:none !important;color:#94A3B8 !important}
#page-calls .crow .ct-caller .dir svg{width:16px !important;height:16px !important}
#page-calls .crow .pill{border-radius:4px !important;height:18px;box-sizing:border-box;display:inline-flex;align-items:center;padding:1px 4px !important;font-size:12px !important;line-height:16px !important;font-weight:500 !important;letter-spacing:.24px;border:1px solid transparent}
#page-calls .crow .pill.green{background:#F0FDF4 !important;border-color:#B9F8CF !important;color:#008236 !important}
#page-calls .crow .pill.coral{background:#FEF2F2 !important;border-color:#FFC9C9 !important;color:#C10007 !important}
#page-calls .crow .pill.shortmiss{background:#FEF2F2 !important;border-color:#FFC9C9 !important;color:#C10007 !important}
#page-calls .crow .pill.amber{background:#FFFBEB !important;border-color:#FEE685 !important;color:#973C00 !important}
#page-calls .crow .pill.gray{background:#F8FAFC !important;border-color:#E2E8F0 !important;color:#64748B !important}
#page-calls .crow .pill.indigo{background:#EEF2FF !important;border-color:#C7D2FE !important;color:#4F39F6 !important}
#page-calls .crow .tag{border-radius:4px !important;font-size:12px !important;line-height:16px !important;font-weight:500 !important;letter-spacing:.24px;padding:1px 4px !important;border:1px solid transparent}
#page-calls .crow .tag.nw{background:#ECFEFF !important;border-color:#CBFBF1 !important;color:#007595 !important}
#page-calls .crow .tag.ex{background:#F8FAFC !important;border-color:#E2E8F0 !important;color:#64748B !important}
#page-calls .crow .ct-actcell{position:sticky;right:0;border-left:none !important;box-shadow:none !important;padding:0 24px 0 22px !important;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 20px)}
#page-calls .crow:hover .ct-actcell{background:linear-gradient(90deg,rgba(241,245,249,0),var(--vs-s100,#F1F5F9) 20px)}
#page-calls .crow:hover{background:var(--vs-s100,#F1F5F9) !important;box-shadow:inset 0 -1px 0 var(--vs-s200,#E2E8F0) !important}
#page-calls .ctable-head .ct-actcell{position:sticky !important;right:0;background:var(--vs-s100) !important;box-shadow:none !important;height:100%}
#calls-list{overflow:visible !important}
#calls-scroll{scrollbar-width:thin !important}
#calls-scroll::-webkit-scrollbar{height:8px !important;width:0 !important}
#calls-scroll::-webkit-scrollbar-thumb{background:var(--vs-s300,#cbd5e1);border-radius:8px}
#mvm-list,#missed-list{scrollbar-width:thin !important}
#mvm-list::-webkit-scrollbar,#missed-list::-webkit-scrollbar{height:8px !important;width:0 !important}
#mvm-list::-webkit-scrollbar-thumb,#missed-list::-webkit-scrollbar-thumb{background:var(--vs-s300,#cbd5e1);border-radius:8px}
#page-calls .crow .ct-cacts{gap:8px !important;padding-right:0 !important}
#page-calls .crow .ct-cacts button{width:36px !important;height:36px !important;border-radius:6px !important;border:1px solid #E2E8F0 !important;color:#64748B !important;background:#fff}
#page-calls .crow .ct-cacts button:hover{background:var(--vs-s100) !important;border-color:#E2E8F0 !important;color:var(--vs-s700) !important}
#page-calls .crow .ct-cacts button svg{width:16px !important;height:16px !important}
#page-calls .ctable-head .ct-actcell{box-shadow:none !important}
.crow.mct26 .ct-actcell{position:sticky;right:0;border-left:none !important;box-shadow:none !important;padding:0 24px 0 22px !important;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 20px)}
.crow.mct26:hover .ct-actcell{background:linear-gradient(90deg,rgba(241,245,249,0),var(--vs-s100,#F1F5F9) 20px)}
.crow.mct26:hover{background:var(--vs-s100,#F1F5F9) !important;box-shadow:inset 0 -1px 0 var(--vs-s200,#E2E8F0) !important}
#mvm-list .ctable-head .ct-actcell,#missed-list .ctable-head .ct-actcell{position:sticky !important;right:0;background:var(--vs-s100) !important;height:100%}
.crow.mct26 .vm-acts{gap:8px}
.crow.mct26 .vm-acts .vm-act{width:36px;height:36px;border-radius:6px;border:1px solid #E2E8F0;color:#64748B;background:#fff}
.crow.mct26 .vm-acts .vm-act:hover{background:var(--vs-s100);color:var(--vs-s700)}
#calls-tabs,#ct-tabs{display:flex !important;align-items:stretch !important;gap:1px !important;border-bottom:none !important;flex-wrap:nowrap}
#calls-tabs .tab,#ct-tabs .tab{height:auto !important;padding:6px 12px !important;margin:0 !important;border-radius:0 !important;font-size:16px !important;line-height:24px !important;font-weight:500 !important;color:#475569 !important;background:#fff !important;border:none !important;border-bottom:1px solid #E2E8F0 !important;box-shadow:none !important;display:inline-flex;align-items:center;gap:6px !important;white-space:nowrap}
#calls-tabs .tab.active,#ct-tabs .tab.active{background:#E2E8F0 !important;color:#0F172A !important;border-bottom:3px solid #4F39F6 !important;padding-bottom:4px !important}
#calls-tabs .tab .cb26{height:20px;min-width:20px;box-sizing:border-box;border-radius:2000px;padding:2px 6px;background:#fff;border:1px solid #CBD5E1;color:#475569;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.24px;display:inline-flex;align-items:center;justify-content:center;margin:0}
#calls-tabs .tab .cb26.red{background:#FEF2F2;border-color:#FFA2A2;color:#E7000B}
#calls-tabs .chdiv26{width:1px;flex:none;align-self:stretch;background:#E2E8F0}
.vm26grid{display:flex;gap:24px;align-items:flex-start}
.vmmain26{flex:1;min-width:0}
.vmside26{flex:none;display:flex;flex-direction:column;gap:8px;align-items:flex-end;min-width:434px;width:434px;justify-content:flex-start;align-self:flex-start}
.vmside26 .srow1{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.14px;color:var(--vs-s500);width:100%;justify-content:space-between;min-width:0}
.vmside26 .srow1 .aw-lbl{margin-right:auto;width:auto;max-width:250px;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-s500)}
.vmside26 .srow1 .tnum{white-space:nowrap;flex:none;text-transform:uppercase}
.vmside26 .cpico26{color:var(--vs-s400);cursor:pointer;display:inline-flex;align-items:center}
.vmside26 .cpico26 svg{width:16px;height:16px}
.vmside26 .srow2{display:flex;align-items:center;gap:12px;width:100%;justify-content:space-between}
.vmside26 .srow2 .ico26{height:32px}
.vmside26 .seg26{flex:none}
.vmside26 .seg26 button{white-space:nowrap}
.vmside26 .seg26 button.on{background:var(--vs-s200);color:var(--vs-s900)}
.pa-lbl,.pp-histlbl{font-family:Satoshi,system-ui,-apple-system,sans-serif !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.07em !important;text-transform:uppercase !important;color:var(--vs-s400,#94A3B8) !important}
.pa-cal .d,.pa-cal .m,.pp-cnt b,.pp-cnt span,.pa-info .dt,.pa-info .pr,.pa-none,.pp-trustrow .lbl,.pct,.pp-pref{font-family:Satoshi,system-ui,-apple-system,sans-serif !important}
.pa-cal .d,.pp-cnt b,.pct{font-weight:700 !important}
.pa-cal .m{font-weight:700 !important}
.pp-cnt b{font-size:15px}
.pa-info .dt{font-weight:500 !important;font-size:14px !important;color:var(--vs-s800,#1E293B) !important}
.pa-info .pr{font-size:12.5px !important;color:var(--vs-s500,#64748B) !important}
#page-vm #vm-list .ti{border-radius:0 !important}
.nedir26{display:inline-flex;align-items:center;flex:none;color:var(--vs-s400,#94A3B8);margin-top:3px}
.nedir26 svg{width:16px;height:16px}
#page-neo .ne-l2{display:flex;align-items:center;gap:10px}
#page-neo .ne-l2 p{margin:0;min-width:0}
#page-neo .vmmain26 .tih{margin-bottom:6px}
#page-neo .vmmain26 .l2{margin-top:0}
#page-neo .l2{display:flex;align-items:center;gap:10px}
#page-neo .l2 .one{font-size:14px;line-height:21px;letter-spacing:.14px;color:var(--vs-s600);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#page-neo .pill.neau{background:#EEF2FF;color:#432DD7}
#page-neo .pill.neoe{background:#ECFEFF;color:#007595}
.tag.ex{background:#F8FAFC !important;border-color:#E2E8F0 !important;color:#64748B !important}
.tag.nw{background:#ECFEFF !important;border-color:#CBFBF1 !important;color:#007595 !important}
.cv-rpct.ex{color:#64748B !important}
.cv-rpct.nw{color:#007595 !important}
#page-vm .tiroute{gap:8px !important}
#page-vm .tiroute .tiseg.lead{font-size:16px !important;line-height:24px !important;font-weight:500 !important;color:var(--vs-s900,#0F172A) !important;text-decoration:none !important}
#page-vm .tiroute .tiseg:not(.lead){font-size:14px !important;line-height:21px !important;letter-spacing:.14px !important;font-weight:400 !important;color:var(--vs-s600,#475569) !important}
#page-vm .tiroute .tdot26{font-weight:400 !important;font-size:12px !important;color:var(--vs-s300,#CBD5E1) !important}
.vm-close26{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;flex:none;margin-left:10px}
.vmmain26 .tih{margin-bottom:6px}
.vm-close26 .vm-by{white-space:nowrap}
#mvm-list .ctable-head,#missed-list .ctable-head{border-radius:0}
#mvm-list,#missed-list{overflow-x:auto}
.crow.mct26 .ct-x{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vs-s700,#334155)}
.mcsec26.vm-sec{margin:16px 0 6px !important}
.crow.mct26{border-left:3px solid transparent}
#mvm-list .mcsecbody.age-g .crow.mct26,#missed-list .mcsecbody.age-g .crow.mct26{border-left-color:#00A63E !important}
#mvm-list .mcsecbody.age-a .crow.mct26,#missed-list .mcsecbody.age-a .crow.mct26{border-left-color:#D08700 !important}
#mvm-list .mcsecbody.age-r .crow.mct26,#missed-list .mcsecbody.age-r .crow.mct26{border-left-color:#E7000B !important}
#mvm-list .mcsecbody.age-rr .crow.mct26,#missed-list .mcsecbody.age-rr .crow.mct26{border-left-color:#9F0712 !important}
#vm-list .vmsecbody.age-g .ti{border-left:3px solid #00A63E !important}
#vm-list .vmsecbody.age-a .ti{border-left:3px solid #D08700 !important}
#vm-list .vmsecbody.age-r .ti{border-left:3px solid #E7000B !important}
#vm-list .vmsecbody.age-rr .ti{border-left:3px solid #9F0712 !important}
.mcsecbody,.vmsecbody{position:relative;scrollbar-width:thin}
.mcsecbody::-webkit-scrollbar,.vmsecbody::-webkit-scrollbar{width:8px}
.mcsecbody::-webkit-scrollbar-thumb,.vmsecbody::-webkit-scrollbar-thumb{background:var(--vs-s300,#cbd5e1);border-radius:8px}
.crow.mct26 .mc-num{color:#64748b;font-size:13px;white-space:nowrap;font-weight:400}
.crow.mct26 .ct-nm{cursor:pointer}
.crow.mct26 .ct-nm:hover{color:var(--vs-int,#4f39f6)}
.crow.mct26 .vm-acts{margin:0;justify-content:flex-end;padding-right:2px}
.crow.mct26 .pill{white-space:nowrap}
.crow.mct26 .ct-type .tag{white-space:nowrap;max-width:none}
#page-mvm .crow.mct26 .dir,#page-missed .crow.mct26 .dir{background:none;color:#94A3B8}
.tx-list{width:490px !important}
#page-texts #tx-tabs{display:inline-flex !important;gap:1px !important;background:#fff !important;border:1px solid var(--vs-s200) !important;border-radius:6px !important;padding:2px !important;height:36px !important;box-sizing:border-box !important;align-items:center !important;width:auto !important;align-self:flex-start;flex-wrap:nowrap}
#page-texts #tx-tabs .tab{font-size:16px !important;line-height:24px !important;font-weight:400 !important;color:var(--vs-s600) !important;background:#fff !important;border:none !important;border-radius:3px !important;padding:0 8px !important;height:30px !important;display:inline-flex !important;gap:6px !important;align-items:center !important;white-space:nowrap;margin:0 !important;box-shadow:none !important}
#page-texts #tx-tabs .tab.active{background:var(--vs-s200) !important;color:var(--vs-s900) !important;box-shadow:none !important;border:none !important}
#page-texts #tx-tabs .tab .c{display:inline-flex;min-width:20px;height:20px;border-radius:2000px;padding:2px 6px;font-size:12px;font-weight:500;letter-spacing:.24px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--vs-s300);color:var(--vs-s600);box-sizing:border-box}
#page-fax.on{display:flex;overflow:hidden}
#page-fax .wrap{flex:1;display:flex !important;flex-direction:row;min-height:0;min-width:0;max-width:none !important;padding:0 !important;margin:0 !important;gap:0 !important;height:100%}
.fx26-left{width:490px;flex:none;background:var(--surface,#fff);border-right:1px solid var(--hair,#e2e8f0);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.fx26-left .phband{padding:22px 18px 0 !important;flex:none;margin:0 !important;border-bottom:1.5px solid var(--hair,#e2e8f0)}
.fx26-left .ph-row{flex-wrap:nowrap;gap:8px;align-items:flex-start;margin-bottom:0}
.fx26-left .pagehead{font-size:22px;line-height:1.25;margin-bottom:2px;flex:1;min-width:0}
.fx26-left .pagesub{margin:0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx26-left .ph-row{margin:0 !important}
#page-fax .tabrow{margin:0 !important;padding:0 !important}
.fx26-left .tabrow{display:flex;flex-direction:column-reverse;align-items:stretch;gap:0;margin:0;border-bottom:none}
.fx26-left .tabrow .search{width:100%;box-sizing:border-box;margin:2px 0 13px}
.fx26-left .tabrow .tabs{width:100%;display:flex;gap:7px;margin-top:2px;flex-wrap:nowrap;border-bottom:none !important}
.fx26-left .tabrow .tabs .tab{font-size:14px;white-space:nowrap;flex:none;gap:5px}
.fx26-left #fx-list{flex:1;min-height:0;overflow-y:auto;padding:8px 10px 20px}
#fx-strip{display:none !important}
.tx-room.fx26 .tx-rsnip .pill{font-size:9px;padding:1.5px 7px;flex:none}
.tx-room.fx26 .fxdir16{width:16px;height:16px;flex:none;display:grid;place-items:center;color:#94A3B8}
.tx-room.fx26 .fxdir16 svg{width:16px;height:16px}
.tx-room.fx26{gap:10px}
#page-fax .ph-row .tx-new{margin-left:auto}
#fx-view26{flex:1;min-width:0;background:#fff;display:flex;flex-direction:column;min-height:0}
#fx-view26 .fxv-hd{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--vs-s200);flex:none}
#fx-view26 .fxv-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#fx-view26 .fxv-ttl{min-width:0;font-family:Satoshi,sans-serif;font-size:16px;line-height:24px;font-weight:500;color:var(--ink,#0f172a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fx-view26 .fxv-sub{font-size:12px;color:var(--vs-s500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fx-view26 .fxv-hd button{width:30px;height:30px;border-radius:7px;border:1px solid var(--vs-s200);background:#fff;color:var(--vs-s600);cursor:pointer;display:grid;place-items:center;flex:none}
#fx-view26 .fxv-hd button:hover{background:var(--vs-s100);color:var(--vs-s900)}
#fx-view26 .fxv-hd button{position:relative;overflow:visible}
.fx26-left .ph-row button[data-tip]{position:relative;overflow:visible}
.fx26-left .ph-row button[data-tip]:hover::after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#0F172A;color:#fff;font-size:12px;line-height:16px;font-weight:500;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:60;pointer-events:none}
.fx26-left .ph-row .tx-new[data-tip]:hover::after{left:auto;right:0;transform:none}
#fx-view26 .fxv-hd button[data-tip]:hover::after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#0F172A;color:#fff;font-size:12px;line-height:16px;font-weight:500;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:60;pointer-events:none}
#fx-view26 .fxv-hd button[data-tip]:nth-last-child(-n+2):hover::after{left:auto;right:0;transform:none}
#fx-view26 .fxv-nc{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;box-sizing:border-box;padding:1px 4px;border-radius:2000px;background:#FEF2F2;border:1px solid #FFA2A2;color:#E7000B;font-size:11px;line-height:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
#fx-view26 .fxv-body{flex:1;min-height:0;position:relative;background:var(--vs-s100)}
#fx-view26 .fxv-if{position:absolute;inset:0;width:100%;height:100%;border:none}
#fx-view26 .fxv-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--vs-s400);font-size:13.5px;padding:20px;text-align:center}
.po-an26{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--vs-s700);white-space:nowrap}
.po-an26 .td-asgav{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font-size:9px;font-weight:800;color:#fff}

/* ============================================================
 * header status chips — core/telecom.js (Telecom / Live)
 * ============================================================ */
.tb-st{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:9px;background:rgba(255,255,255,.08);color:#E8EAF2;font-family:'Satoshi',system-ui,sans-serif;font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,.16);margin-left:10px;white-space:nowrap;user-select:none;cursor:default}
.tb-st .dot{width:7px;height:7px;border-radius:50%;background:#94A3B8;flex:none}
.tb-st.ok .dot{background:#7EF2B0}
.tb-st.warn .dot{background:#FDE68A}
.tb-st.bad .dot{background:#FCA5A5}

/* ============================================================
 * title-bar timezone selector — core/timezone.js
 * ============================================================ */
.vsc-tz{position:relative;display:inline-flex;align-items:center}
.vsc-tz>button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#CBD5E1;height:36px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer}
.vsc-tz>button:hover{background:#312C85}
.vsc-tz .menu{position:absolute;top:42px;right:0;background:#fff;border:1px solid #E2E8F0;border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.18);width:330px;padding:8px;display:none;z-index:2147483300}
.vsc-tz.on .menu{display:block}
.vsc-tz .tzs{position:relative;margin-bottom:6px}
.vsc-tz .tzs svg{position:absolute;left:10px;top:10px;color:#94A3B8}
.vsc-tz .tzs input{width:100%;box-sizing:border-box;height:36px;border:1px solid #E2E8F0;border-radius:9px;background:#fff;font-size:12.5px;font-weight:600;color:#475569;padding:0 11px 0 32px;outline:0;font-family:inherit}
.vsc-tz .tzs input:focus{border-color:#CBD5E1}
.vsc-tz .list{max-height:300px;overflow:auto}
.vsc-tz .list button{display:block;width:100%;text-align:left;background:none;border:none;border-radius:7px;padding:8px 10px;font-size:13px;color:#1E293B;font-family:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vsc-tz .list button:hover{background:#F1F5F9}
.vsc-tz .list button.on{color:#4F39F6;font-weight:600}
.vsc-tz .list .none{color:#94A3B8;font-size:12.5px;padding:10px;text-align:center}

/* ============================================================
 * My workspace — Monday-style grouped table (js/pages/my-workspace.js)
 * ============================================================ */
#page-ws .tabrow{margin-bottom:0}
.ws-group{margin-bottom:26px}
.ws-ghead{display:flex;align-items:center;gap:8px;font-family:'Satoshi',system-ui,sans-serif;font-size:16px;line-height:24px;font-weight:700;margin:0 0 8px 2px}
.ws-ghead .c{display:inline-flex;min-width:20px;height:20px;border-radius:2000px;padding:2px 6px;font-size:12px;font-weight:500;letter-spacing:.24px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--vs-s300);color:var(--vs-s600);box-sizing:border-box}
.ws-tbl{background:#fff;border:1px solid var(--vs-s200);border-radius:8px;overflow:hidden}
.ws-thead,.ws-row{display:grid;grid-template-columns:minmax(210px,1.4fr) 104px minmax(145px,.7fr) 110px minmax(155px,1.1fr) 118px 176px;gap:12px;align-items:center;padding:0 14px}
.ws-thead{height:34px;font-size:12px;font-weight:500;letter-spacing:.24px;color:var(--vs-s500);border-bottom:1px solid var(--vs-s200);background:var(--vs-s50,#F8FAFC)}
.ws-row{min-height:48px;padding-top:6px;padding-bottom:6px;border-bottom:1px solid var(--vs-s200);border-left:3px solid var(--wsbar,#4F39F6);cursor:pointer;background:#fff}
.ws-row:last-of-type{border-bottom:none}
.ws-row:hover{background:#F8FAFC}
.ws-row.done{opacity:.75}
.ws-row.done .ws-title{text-decoration:line-through;color:var(--vs-s500)}
.ws-title{font-size:14px;line-height:21px;font-weight:500;color:var(--vs-s900);margin-right:8px}
.ws-row .c-item{display:flex;align-items:center;gap:8px;min-width:0}
.ws-row .c-item .ws-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-row .c-note .one{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--vs-s600)}
.ws-row .c-contact{font-size:13.5px;color:var(--vs-s900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-row .c-when{font-size:12.5px;color:var(--vs-s600);white-space:nowrap;min-width:0;overflow:hidden;padding-right:10px;box-sizing:border-box}
.ws-row .c-when .pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;box-sizing:border-box}
.ws-row .c-acts{display:flex;align-items:center;gap:10px;justify-content:flex-start}
.ws-seg button{padding:0 8px !important}
.wst{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:2000px;font-size:12px;font-weight:500;letter-spacing:.24px;border:1px solid transparent;white-space:nowrap}
.wst-task{background:#F8FAFC;border-color:#E2E8F0;color:#64748B}
.wst-vm{background:#EEF2FF;border-color:#C7D2FE;color:#4F39F6}
.wst-mc{background:#FEF2F2;border-color:#FFA2A2;color:#E7000B}
.wst-neo{background:#ECFEFF;border-color:#CBFBF1;color:#007595}
.wst-po{background:#FEF3C6;border-color:#FEE685;color:#973C00}
.wst-act{background:#F8FAFC;border-color:#E2E8F0;color:#64748B}
.ws-empty{padding:18px 16px;font-size:13px;color:var(--vs-s500)}
.ws-add{display:block;width:100%;text-align:left;background:#fff;border:none;border-top:1px solid var(--vs-s200);padding:9px 17px;font-family:inherit;font-size:13px;font-weight:500;color:var(--vs-s500);cursor:pointer}
.ws-add:hover{color:var(--indigo-text,#4F39F6);background:#F8FAFC}
.ws-group.done .ws-ghead{user-select:none}

/* workspace groups show 4 rows, then scroll (same rule as Voicemails / Missed calls sections) */
.ws-rows{max-height:196px;overflow-y:auto;scrollbar-width:thin}
.ws-rows .ws-row:last-of-type{border-bottom:1px solid var(--vs-s200)}
.ws-rows .ws-row:last-child{border-bottom:none}

/* the workspace page scrolls as a whole (pages are otherwise viewport-fixed
   with internal scrollers); group row-scrollers chain into the page scroll */
#page-ws{overflow-y:auto !important}

/* ============================================================
 * View Conversation transcript pane (js/pages/view-conversation.js)
 * — ported from the v5 live-transcript look
 * ============================================================ */
vsc-lt-cssstylevsc-lt-css.vsc-lt-wrap{background:#fff;border:1px solid #E2E8F0;border-radius:13px;padding:16px 18px;min-height:300px;max-height:calc(100vh - 250px);display:flex;flex-direction:column;overflow:hidden}.vsc-lt-hd{flex:none}.vsc-lt-body{flex:1;min-height:0;overflow:auto}.vsc-lt-hd{display:flex;align-items:center;gap:10px;margin-bottom:12px}.vsc-lt-timer{font-size:12px;font-weight:700;color:#475569;background:#F1F5F9;border-radius:4px;padding:2px 8px;font-variant-numeric:tabular-nums}.vsc-lt-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.06em;color:#C10007}.vsc-lt-live i{width:8px;height:8px;border-radius:50%;background:#E7000B;animation:vscLtB 1.2s infinite}@keyframes vscLtB{50%{opacity:.25}}.vsc-lt-line{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid #F1F5F9;font-size:13.5px;line-height:1.5;color:#1E293B}.vsc-lt-sp{flex:none;min-width:62px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding-top:2px}.vsc-lt-sp.ag{color:#4F39F6}.vsc-lt-sp.pt{color:#B45309}.vsc-lt-empty{color:#94A3B8;font-size:13px;padding:16px 0;text-align:center}.vsc-lt-sum{background:linear-gradient(135deg,#F5F3FF,#EEF2FF);border:1px solid #DDD6FF;border-radius:13px;padding:12px 16px;margin:0 0 10px}.vsc-lt-sum .k{font-size:10px;font-weight:800;letter-spacing:.07em;color:#6D28D9;text-transform:uppercase;display:flex;align-items:center;gap:6px;margin-bottom:5px}.vsc-lt-sum .k .w{color:#94A3B8;font-weight:600;letter-spacing:0;text-transform:none}.vsc-lt-sum p{margin:0;font-size:12.5px;line-height:1.55;color:#3730A3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vsc-sum-x{border:none;background:transparent;color:#8B5CF6;font-size:13px;font-weight:700;cursor:pointer;padding:2px 6px;border-radius:6px;line-height:1}.vsc-sum-x:hover{background:#EDE9FE}.vsc-pc-play{display:inline-flex;align-items:center;gap:5px;border:1px solid #DDD6FF;background:#fff;color:#6D28D9;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;cursor:pointer;line-height:1.4}.vsc-pc-play:hover{background:#F5F3FF}.vsc-lt-ts{margin-left:auto;margin-right:8px;flex:none;font-size:10.5px;color:#94A3B8;padding:2px 0 0 10px;font-variant-numeric:tabular-nums}.vsc-lt-mo{display:flex;flex-wrap:wrap;gap:6px;row-gap:6px;margin:0 0 12px;flex:none}.vsc-mo{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:16px;font-weight:500;padding:2.5px 9px;border-radius:4px;border:none;animation:vscMoIn .25s ease;flex:none;white-space:nowrap}@keyframes vscMoIn{from{opacity:0;transform:translateY(3px)}}.vsc-mo.ai::before{content:"✦";font-size:10px}.vsc-mo{cursor:pointer}.vsc-mo.cur{outline:2px solid #4F39F6;outline-offset:1px}.vsc-mo-n{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:800;letter-spacing:.02em;padding:2.5px 10px;border-radius:4px;background:var(--indigo-tint,#EEF2FF);color:var(--indigo-text,#432DD7);border:none;cursor:pointer;flex:none;text-transform:none}.vsc-mo-n:hover{filter:brightness(.96)}.vsc-lt-hit{animation:vscHitB 1.4s ease}@keyframes vscHitB{0%{background:#EEF2FF}100%{background:transparent}}.vsc-mo.m-clin{background:#FEF2F2;color:#B91C1C;border-color:#FECACA}.vsc-mo.m-tx{background:#EEF2FF;color:#4338CA;border-color:#C7D2FE}.vsc-mo.m-hv{background:#F5F3FF;color:#6D28D9;border-color:#DDD6FE}.vsc-mo.m-ins{background:#ECFDF5;color:#047857;border-color:#A7F3D0}.vsc-mo.m-pay{background:#F0FDFA;color:#0F766E;border-color:#99F6E4}.vsc-mo.m-pid{background:#F1F5F9;color:#475569;border-color:#E2E8F0}.vsc-mo.m-sched{background:#EFF6FF;color:#1D4ED8;border-color:#BFDBFE}.vsc-mo.m-ok{background:#F0FDF4;color:#15803D;border-color:#BBF7D0}.vsc-mo.m-emo{background:#FFFBEB;color:#B45309;border-color:#FDE68A}.vsc-mo.m-obj{background:#FFF7ED;color:#C2410C;border-color:#FED7AA}.vsc-mo.m-esc,.vsc-mo.m-ai{background:#FFF1F2;color:#BE123C;border-color:#FECDD3}mark.vsnlp{background:transparent;color:inherit;padding:0;border-radius:0;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}mark.vsnlp.m-clin{text-decoration-color:#DC2626}mark.vsnlp.m-tx{text-decoration-color:#4F39F6}mark.vsnlp.m-hv{text-decoration-color:#7C3AED}mark.vsnlp.m-ins{text-decoration-color:#059669}mark.vsnlp.m-pay{text-decoration-color:#0D9488}mark.vsnlp.m-pid{text-decoration-color:#64748B}mark.vsnlp.m-sched{text-decoration-color:#2563EB}mark.vsnlp.m-ok{text-decoration-color:#16A34A}mark.vsnlp.m-emo{text-decoration-color:#D97706}mark.vsnlp.m-obj{text-decoration-color:#EA580C}mark.vsnlp.m-esc{text-decoration-color:#E11D48}.vsc-pc{max-height:640px;margin-top:0;min-height:0}.vsc-pc .vcv-wave{margin:0 0 16px;border-radius:8px}.vsc-pc .vsc-lt-mo{margin:0 0 12px}.vsc-pc .vsc-lt-hd .t{font-size:11px;font-weight:800;letter-spacing:.06em;color:#64748B}.vsc-pc .vsc-lt-line.vc3-turn{display:flex;gap:10px;padding:7px 0;margin:0;border:0;border-bottom:1px solid #F1F5F9;border-radius:0;background:transparent;cursor:pointer}.vsc-pc .vsc-lt-line.vc3-turn:hover{background:#F8FAFC}.vsc-pc .vsc-lt-line.vc3-turn.on{background:#F5F3FF}.vsc-lt-sel{background:#EEF2FF !important;box-shadow:none !important}.vsc-wv{position:relative}.vsc-wv-mk{position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;transform:translateX(-50%);cursor:pointer;border:1.5px solid #fff;box-shadow:0 0 0 1px rgba(15,23,42,.18);z-index:3}.vsc-wv-mk:hover{transform:translateX(-50%) scale(1.35)}.vsc-wv-mk.m-clin,.vsc-wv-mk.m-esc{background:#DC2626}.vsc-wv-mk.m-tx,.vsc-wv-mk.m-hv{background:#4F39F6}.vsc-wv-mk.m-ins,.vsc-wv-mk.m-pay{background:#059669}.vsc-wv-mk.m-sched,.vsc-wv-mk.m-ok{background:#16A34A}.vsc-wv-mk.m-emo,.vsc-wv-mk.m-obj{background:#D97706}.vsc-wv-mk.m-pid{background:#64748B}

/* ============================================================
 * call-layer glue styles: Recent calls panel + footer swap
 * ============================================================ */
.sfoot,.ws-sel{display:none !important}
#rc-wrap{position:relative;order:99;margin-top:auto;border-top:1px solid var(--vs-s200,#E2E8F0);padding:10px 0}
#rc-btn{display:flex;align-items:center;gap:12px;width:100%;border:none;background:transparent;border-radius:6px;padding:8px;cursor:pointer;font-family:inherit;font-size:16px;line-height:18px;font-weight:500;color:var(--vs-s600,#475569);text-align:left}
#rc-btn:hover{background:var(--vs-s100,#F1F5F9)}
#rc-btn svg{width:16px;height:16px;flex:none;color:var(--vs-s500,#64748B)}
#rc-btn .t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rc-btn .c{height:20px;min-width:20px;box-sizing:border-box;border-radius:2000px;padding:2px 6px;background:#fff;border:1px solid #CBD5E1;color:#475569;font-size:12px;line-height:16px;font-weight:500;display:inline-flex;align-items:center;justify-content:center}
#rc-pop{position:absolute;bottom:calc(100% + 8px);left:8px;width:318px;background:#fff;border:1px solid var(--vs-s200,#E2E8F0);border-radius:10px;box-shadow:0 16px 44px rgba(15,23,42,.18);display:none;z-index:120;overflow:hidden}
#rc-pop.on{display:block}
#rc-pop .rc-hd{padding:12px 14px 8px;font-size:13px;font-weight:700;color:var(--vs-s700,#334155);display:flex;align-items:center;gap:8px}
#rc-pop .rc-n{font-size:11.5px;font-weight:600;color:var(--vs-s500);background:var(--vs-s100);border-radius:10px;padding:1px 8px}
#rc-pop .rc-empty{padding:18px 14px 20px;font-size:13px;line-height:1.55;color:var(--vs-s400,#94A3B8)}
.rc-card{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-top:1px solid var(--vs-s100,#F1F5F9)}
.rc-card:hover{background:var(--vs-s50,#F8FAFC)}
.rc-card .rc-dir{flex:none;display:inline-flex;color:var(--vs-s400,#94A3B8)}
.rc-card .rc-dir svg{width:15px;height:15px}
.rc-card .rc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rc-card .rc-main b{font-size:14px;line-height:20px;font-weight:500;color:var(--vs-s800,#1E293B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-card .rc-main small{font-size:12px;line-height:16px;color:var(--vs-s500,#64748B)}
.rc-card .pill{flex:none}
.rc-when{flex:none;display:flex;flex-direction:column;gap:2px;align-items:flex-end;text-align:right}
.rc-when b{font-size:13px;line-height:18px;font-weight:500;color:var(--vs-s700,#334155)}
.rc-when small{font-size:12px;line-height:16px;color:var(--vs-s400,#94A3B8)}
#rc-pop{max-height:420px;display:none;flex-direction:column}
#rc-pop.on{display:flex}
#rc-pop .rc-cards{overflow-y:auto}
#rc-view{position:fixed;top:0;right:0;bottom:0;width:640px;background:#fff;border-left:1px solid var(--vs-s200,#E2E8F0);box-shadow:-18px 0 44px rgba(15,23,42,.14);z-index:2147483200;display:flex;flex-direction:column}
.rc-dur{font-size:12px;font-weight:700;color:#475569;background:#F1F5F9;border-radius:4px;padding:2px 8px;font-variant-numeric:tabular-nums}
.rc-lnk{cursor:pointer;border-radius:3px}
.rc-lnk:hover{color:var(--vs-int,#4F39F6);text-decoration:underline;text-underline-offset:3px}
.rc-lnk:hover .tnum{color:var(--vs-int,#4F39F6)}
.rc-cp{flex:none;width:22px;height:22px;border:none;background:transparent;border-radius:5px;color:var(--vs-s400,#94A3B8);display:inline-grid;place-items:center;cursor:pointer;margin-left:2px}
.rc-cp:hover{background:var(--vs-s100,#F1F5F9);color:var(--vs-s700,#334155)}
.rc-cp svg{width:13px;height:13px}
.rc-acts{display:inline-flex;gap:8px;margin-right:4px}
.rc-act{width:32px;height:32px;border-radius:6px;border:1px solid var(--vs-s200,#E2E8F0);background:#fff;color:var(--vs-s500,#64748B);display:inline-grid;place-items:center;cursor:pointer}
.rc-act:hover{background:var(--vs-s100,#F1F5F9);color:var(--vs-s700,#334155)}
.rc-act svg{width:15px;height:15px}
.rc-det{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;padding:12px 18px;border-bottom:1px solid var(--vs-s100,#F1F5F9);background:var(--vs-s50,#F8FAFC)}
.rc-kv{display:flex;gap:10px;font-size:13px;line-height:19px;min-width:0}
.rc-kv .k{flex:none;width:86px;color:var(--vs-s400,#94A3B8);font-weight:500}
.rc-kv .v{color:var(--vs-s700,#334155);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-mo{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px;border-bottom:1px solid var(--vs-s100,#F1F5F9)}
.rc-mo-n{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:800;letter-spacing:.02em;padding:2.5px 10px;border-radius:4px;background:#EEF2FF;color:#432DD7;border:none;cursor:pointer}
.rc-mo-n:hover{filter:brightness(.96)}
.rc-chip{display:inline-flex;align-items:center;font-size:12px;line-height:16px;font-weight:500;padding:2.5px 9px;border-radius:4px;background:#F1F5F9;color:#475569;cursor:pointer}
.rc-chip.cur{outline:2px solid #4F39F6;outline-offset:1px}
.rc-chip.m-clin{background:#FEF2F2;color:#B91C1C}.rc-chip.m-tx{background:#EEF2FF;color:#4338CA}
.rc-chip.m-hv{background:#F5F3FF;color:#6D28D9}.rc-chip.m-ins{background:#ECFDF5;color:#047857}
.rc-chip.m-pay{background:#F0FDFA;color:#0F766E}.rc-chip.m-pid{background:#F1F5F9;color:#475569}
.rc-chip.m-sched{background:#EFF6FF;color:#1D4ED8}.rc-chip.m-ok{background:#F0FDF4;color:#15803D}
.rc-chip.m-emo{background:#FFFBEB;color:#B45309}.rc-chip.m-obj{background:#FFF7ED;color:#C2410C}
.rc-chip.m-esc{background:#FEF2F2;color:#B91C1C}
.rc-vhd{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--vs-s200,#E2E8F0)}
.rc-vt{display:flex;align-items:center;gap:10px;min-width:0;flex:1;flex-wrap:wrap}
.rc-vt b{font-size:16px;line-height:24px;font-weight:500;color:var(--vs-s900,#0F172A)}
.rc-vt .tnum{font-size:14px;color:var(--vs-s600,#475569)}
.rc-vw{font-size:12.5px;color:var(--vs-s500,#64748B)}
.rc-x{border:1px solid var(--vs-s200,#E2E8F0);background:#fff;border-radius:6px;width:32px;height:32px;cursor:pointer;color:var(--vs-s500);font-size:14px;flex:none}
.rc-x:hover{background:var(--vs-s100)}
.rc-vbody{flex:1;overflow-y:auto;padding:14px 18px}
.rc-vbody .vsc-lt-line{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid #F1F5F9;font-size:13.5px;line-height:1.5;color:#1E293B}
.rc-vbody .vsc-lt-sp{flex:none;min-width:62px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding-top:2px}
.rc-vbody .vsc-lt-sp.ag{color:#4F39F6}.rc-vbody .vsc-lt-sp.pt{color:#B45309}
.rc-vbody .rc-tx{flex:1;min-width:0}
.rc-vbody .rc-ts{margin-left:auto;margin-right:8px;flex:none;font-size:10.5px;color:var(--vs-s400,#94A3B8);padding-top:2px;font-variant-numeric:tabular-nums}

/* workspace: note bubble (Monday-style) + note slider + move-to menu */
.ws-nb{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border:none;background:none;border-radius:6px;color:var(--vs-s300);cursor:pointer;padding:0}
.ws-nb svg{width:16px;height:16px}
.ws-nb:hover{color:var(--vs-s500);background:var(--vs-s100)}
.ws-nb.has{color:#4F39F6}
.ws-nb.has:hover{color:#4F39F6;background:#EEF2FF}
.ws-drawer-scrim{position:fixed;inset:0;background:rgba(15,23,42,.28);z-index:2147483250;display:none}
.ws-drawer-scrim.on{display:block}
.ws-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:94vw;background:#fff;border-left:1px solid var(--vs-s200);z-index:2147483260;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .18s ease;box-shadow:-12px 0 34px rgba(15,23,42,.14)}
.ws-drawer.on{transform:none}
.ws-drawer .dhd{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--vs-s100)}
.ws-drawer .dhd b{display:block;font-size:16px;line-height:24px;font-weight:500;color:var(--vs-s900)}
.ws-drawer .dhd small{display:block;font-size:12.5px;color:var(--vs-s500);margin-top:2px}
.ws-drawer .dx{flex:none;width:28px;height:28px;border:none;background:none;border-radius:6px;color:var(--vs-s500);display:grid;place-items:center;cursor:pointer}
.ws-drawer .dx:hover{background:var(--vs-s100);color:var(--vs-s900)}
.ws-drawer .dx svg{width:15px;height:15px}
.ws-drawer .dbd{flex:1;min-height:0;overflow:auto;padding:14px 18px}
.ws-drawer .dlbl{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vs-s400);margin-bottom:6px}
.ws-drawer textarea{width:100%;min-height:140px;box-sizing:border-box;border:1px solid var(--vs-s200);border-radius:9px;padding:10px 12px;font-family:inherit;font-size:13.5px;line-height:1.55;color:var(--vs-s900);resize:vertical;outline:0}
.ws-drawer textarea:focus{border-color:#A3B3FF}
.ws-drawer .dft{flex:none;display:flex;gap:8px;padding:12px 18px 16px;border-top:1px solid var(--vs-s100)}
.ws-menu{position:absolute;width:150px;background:#fff;border:1px solid var(--vs-s200);border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.18);padding:6px;z-index:2147483300}
.ws-menu .h{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vs-s400);padding:4px 8px 6px}
.ws-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:none;border:none;border-radius:7px;padding:7px 10px;font-family:inherit;font-size:13px;color:#1E293B;cursor:pointer}
.ws-menu button:hover{background:#F1F5F9}
.ws-menu button.on{color:#4F39F6;font-weight:600}

/* task detail rows inside the workspace slider */
.ws-drawer .ddesc{font-size:13.5px;line-height:1.55;color:var(--vs-s700,#334155);margin-bottom:12px}
.ws-drawer .drow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--vs-s100)}
.ws-drawer .drow .dk{font-size:12.5px;color:var(--vs-s500);flex:none}
.ws-drawer .drow .dv{font-size:13px;color:var(--vs-s900);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis}

/* ============================================================
 * View Conversation insights tabs (js/pages/view-call-insights.js)
 * ============================================================ */
.vci-card{border:1px solid var(--hair,#E2E8F0);background:#fff;border-radius:12px;overflow:hidden}
.vci-hd{display:flex;align-items:center;gap:8px;padding:16px 14px 0;font-family:'Satoshi',system-ui,sans-serif;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748B}
.vci-hd .c{display:inline-flex;min-width:18px;height:18px;border-radius:2000px;padding:1px 5px;font-size:11px;font-weight:500;letter-spacing:0;align-items:center;justify-content:center;background:#fff;border:1px solid var(--vs-s300);color:var(--vs-s600);box-sizing:border-box}
#vc3-tabs .vci-card+.vci-card{margin-top:10px}
.vci-fabs{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.vci-bd{padding:10px 12px 12px;max-height:460px;overflow-y:auto;scrollbar-width:thin}
.vci-empty{padding:14px 4px;font-size:12.5px;color:var(--vs-s400)}
/* next best action cards */
.vci-act{position:relative;border:1px solid var(--vs-s200);border-radius:9px;padding:10px 12px 10px 14px;margin-bottom:8px}
/* straight-edged accent bar — inset from the corners so it never curves */
.vci-act::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--vs-s300)}
.vci-act:last-child{margin-bottom:0}
.vci-act.pri{background:#FDFDFF}
.vci-act.pri::before{background:#4F39F6}
.vci-act.ok{background:#FAFFFC}
.vci-act.ok::before{background:#00A63E}
.vci-act .t{display:flex;align-items:flex-start;gap:7px;font-size:13.5px;line-height:1.4;font-weight:500;color:var(--vs-s900)}
.vci-act .t svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--vs-s500)}
.vci-act.pri .t svg{color:#4F39F6}
.vci-act.ok .t svg{color:#00A63E}
.vci-act .pl{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 0}
.vci-act p{margin:7px 0 0;font-size:12.5px;line-height:1.55;color:var(--vs-s600)}
.vci-act .cta{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.vci-cta{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--vs-s200);background:#fff;font-family:inherit;font-size:12px;font-weight:500;color:var(--vs-s600);cursor:pointer}
.vci-cta:hover{background:var(--vs-s100);color:var(--vs-s900)}
.vci-cta svg{width:13px;height:13px}
/* tasks list */
.vci-task{display:flex;align-items:center;gap:9px;padding:8px 6px;border-radius:8px;cursor:pointer}
.vci-task:hover{background:var(--vs-s50)}
.vci-task.done{opacity:.65}
.vci-task.done .n{text-decoration:line-through}
.vci-task .b{flex:1;min-width:0}
.vci-task .n{font-size:13px;font-weight:500;color:var(--vs-s900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vci-task .m{font-size:11.5px;color:var(--vs-s500);margin-top:1px}
.vci-newt{display:block;width:100%;margin-top:8px;border:1px dashed var(--vs-s300);background:#fff;border-radius:8px;padding:8px;font-family:inherit;font-size:12.5px;font-weight:500;color:var(--vs-s600);cursor:pointer}
.vci-newt:hover{color:#4F39F6;border-color:#A3B3FF;background:#FDFDFF}

/* inline View conversation: transcript + insights tabs side by side */
.tl-vc .tlvc-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:12px;align-items:start;width:100%}
.tl-vc .tlvc-grid #vc3-tabs{position:sticky;top:8px}

/* inline conversation header: smaller play control + headers on one line */
.vsc-pc .vcv-play{width:26px;height:26px}
.vsc-pc .vcv-play svg{width:11px;height:11px}
.vsc-pc .vcv-rate{height:24px;padding:0 8px}
.vsc-pc .vsc-lt-hd{min-height:26px}
.vci-hd{min-height:26px;box-sizing:content-box;align-items:center}

/* hide / show the Next best action panel */
.vci-hd .vci-hide{margin-left:auto;width:24px;height:24px;border:none;background:none;border-radius:6px;color:var(--vs-s400);display:grid;place-items:center;cursor:pointer;padding:0}
.vci-hd .vci-hide:hover{background:var(--vs-s100);color:var(--vs-s700)}
.vci-hd .vci-hide svg{width:14px;height:14px}
.vci-card.vci-anim{animation:vciSlideIn .18s ease}
@keyframes vciSlideIn{from{transform:translateX(26px);opacity:0}to{transform:none;opacity:1}}
.tlvc-grid.nba-hidden{grid-template-columns:minmax(0,1fr) auto !important}
.vci-fab{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--vs-s200);background:#fff;color:#4F39F6;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.08);animation:vciSlideIn .18s ease}
.vci-fab svg{width:18px;height:18px}
.vci-fab:hover{background:#F5F3FF;border-color:#C7D2FE}
.vci-fab .n{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;border-radius:999px;background:#4F39F6;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 5px;box-sizing:border-box}

/* workspace quick one-liner popup */
.wsq-mask{position:fixed;inset:0;background:rgba(15,23,42,.34);z-index:2147483300;display:none;align-items:center;justify-content:center}
.wsq-mask.on{display:flex}
.wsq{width:420px;max-width:92vw;background:#fff;border-radius:14px;box-shadow:0 24px 60px rgba(15,23,42,.28);padding:18px 20px 16px;animation:vciSlideIn .16s ease}
.wsq-hd{font-family:'Satoshi',system-ui,sans-serif;font-size:16px;font-weight:500;color:var(--vs-s900)}
.wsq-sub{font-size:12.5px;color:var(--vs-s500);margin:3px 0 12px}
.wsq input{width:100%;box-sizing:border-box;height:40px;border:1px solid var(--vs-s200);border-radius:9px;padding:0 12px;font-family:inherit;font-size:13.5px;color:var(--vs-s900);outline:0}
.wsq input:focus{border-color:#A3B3FF}
.wsq-ft{display:flex;gap:8px;margin-top:14px}