.verify-gate .vg-ic svg{width:26px;height:26px}
  .verify-gate b{display:block;font-size:16px;font-weight:800;margin-bottom:8px;color:var(--ink)}
  .verify-gate p{font-size:13px;color:var(--muted);line-height:1.55;max-width:34ch;margin:0 auto 18px}
  .vg-btn{background:var(--blue);color:#fff;font-weight:700;font-size:13.5px;padding:11px 20px;border-radius:11px}
  .vg-btn:hover{background:var(--blue-d)}
  .vg-ok{display:flex;align-items:center;gap:7px;margin-top:14px;padding:9px 12px;border-radius:10px;
    background:var(--green-soft);color:var(--green);font-size:12px;font-weight:700}
  .vg-ok svg{width:15px;height:15px}
  /* ===== live SLA timer ===== */
  .sla-timer{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:6px;white-space:nowrap}
  .sla-timer.ok{background:var(--green-soft);color:var(--green)}
  .sla-timer.warn{background:var(--orange-soft);color:var(--orange)}
  .sla-timer.breached{background:var(--red-soft);color:var(--red)}
  /* ===== ticket escalate button ===== */
  /* ===== internal team channels ===== */
  .chat-handover{font-size:11px;font-weight:800;color:var(--blue);background:var(--blue-soft);padding:6px 11px;border-radius:8px;margin-left:auto;margin-right:8px}
  .chat-handover:hover{background:var(--blue);color:#fff}
  .chat-chans{display:flex;gap:6px;padding:9px 12px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0}
  .chat-chans::-webkit-scrollbar{height:0}
  .chan-chip{font-size:11.5px;font-weight:700;color:var(--ink-2);background:var(--card);border:1px solid var(--line-2);
    padding:6px 11px;border-radius:20px;white-space:nowrap;transition:.15s}
  .chan-chip:hover{border-color:var(--blue)}
  .chan-chip.on{background:var(--nav);color:#fff;border-color:var(--nav)}
  .chat-note{font-size:11.5px;color:var(--muted);background:var(--bg);border:1px dashed var(--line-2);border-radius:10px;
    padding:10px 12px;margin:4px 2px 8px;line-height:1.5}
  .ract button.esc-btn{background:var(--orange-soft);color:var(--orange)}
  .ract button.esc-btn:hover{background:var(--orange);color:#fff}
  tbody tr:hover .ract button.esc-btn{background:var(--orange-soft)}
  tbody tr:hover .ract button.esc-btn:hover{background:var(--orange)}
  @media(max-width:420px){.ph{width:100%}}

  /* ============================================================
     VISUAL REFINEMENT LAYER — polished modern SaaS pass
     ============================================================ */
  body{letter-spacing:-.11px}
  /* softer, cleaner app background */
  body{background:
    radial-gradient(1200px 520px at 88% -10%,rgba(59,110,245,.06),transparent 55%),
    radial-gradient(1000px 460px at -5% 2%,rgba(34,197,94,.055),transparent 50%),
    var(--bg);background-attachment:fixed}
  body.dark{background:
    radial-gradient(1200px 520px at 88% -10%,rgba(59,110,245,.14),transparent 55%),
    radial-gradient(1000px 460px at -5% 2%,rgba(20,80,60,.16),transparent 50%),
    var(--bg);background-attachment:fixed}

  /* cards: crisper, universal gentle hover lift */
  .card.pad,.pg-2col .card,.set-grid .card,.lc-list-card,.lc-thread-card{transition:box-shadow .26s ease,border-color .26s ease,transform .26s ease}
  .card.pad:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--line-2) 70%,transparent)}
  .sec-h h3{letter-spacing:-.4px}

  /* stat tiles: accent sheen + tighter type */
  .mini{position:relative;overflow:hidden;padding:18px 18px}
  .mini::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;
    background:linear-gradient(90deg,var(--blue),var(--green));opacity:0;transition:opacity .25s}
  .mini:hover::before{opacity:.9}
  .mini .mic{border-radius:13px}
  .mini .mv{font-size:23px;letter-spacing:-.7px}
  .mini .ml{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.7px}
  .mini .mf{font-size:11px}

  /* topbar: refined, slightly translucent, soft depth */
  .topbar{height:64px;background:color-mix(in srgb,var(--card) 88%,transparent);
    backdrop-filter:saturate(1.15) blur(8px);-webkit-backdrop-filter:saturate(1.15) blur(8px);
    border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
  .pg-h b{font-size:19px;letter-spacing:-.5px}
  .tb-ic{border-radius:12px}
  .tb-ic:hover{background:var(--bg);color:var(--ink)}

  /* search bar refinement */
  .search{border-radius:13px;transition:box-shadow .18s,border-color .18s}
  .search:focus-within{border-color:var(--blue);box-shadow:var(--ring)}
  .tsearch{border-radius:12px;transition:box-shadow .18s,border-color .18s}
  .tsearch:focus-within{border-color:var(--blue);box-shadow:var(--ring)}

  /* sidebar: deeper gradient, refined nav items + active state */
  .sidebar{background:linear-gradient(178deg,var(--nav) 0%,var(--nav-2) 78%,#070c1e 100%);
    box-shadow:inset -1px 0 0 rgba(255,255,255,.04)}
  .nav-i{border-radius:11px;padding:10px 12px;transition:background .16s,color .16s,box-shadow .16s}
  .nav-i:hover{background:rgba(255,255,255,.06);color:#eaf0ff}
  .nav-i.active{background:linear-gradient(135deg,var(--blue),#5b86ff);color:#fff;
    box-shadow:0 8px 20px -8px rgba(59,110,245,.65),inset 0 1px 0 rgba(255,255,255,.18)}
  .nav-i.active svg{opacity:1}
  .nav-cap{font-size:9.5px;letter-spacing:1.3px;color:var(--nav-txt-dim)}
  .bpo-brand{border-radius:13px;background:rgba(255,255,255,.055)}
  .side-user{border-radius:14px;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}

  /* tables: header band, softer separators, calmer hover */
  thead th{padding:12px 14px 11px;background:color-mix(in srgb,var(--bg) 55%,transparent)}
  tbody td{border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);padding:13px 14px}
  tbody td:nth-child(2){font-weight:700}
  tbody tr:hover{background:color-mix(in srgb,var(--blue-soft) 45%,transparent)}
  .tuser .ta{border-radius:10px;box-shadow:0 4px 10px -5px rgba(23,35,63,.4)}

  /* badges & chips: softer, rounder */
  .badge{border-radius:8px;padding:3px 10px;letter-spacing:.2px}
  .fchip{border-radius:10px}
  .fchip.on{box-shadow:0 6px 14px -8px rgba(59,110,245,.7)}

  /* primary buttons: subtle depth + press feedback */
  .btn-add,.m-save,.lf-btn{box-shadow:0 8px 18px -9px rgba(59,110,245,.55);transition:transform .12s,box-shadow .18s,background .18s}
  .btn-add:hover,.m-save:hover{box-shadow:0 10px 22px -8px rgba(59,110,245,.6)}
  .btn-add:active,.m-save:active,.fchip:active,.tb-ic:active{transform:translateY(1px)}
  .btn-add{border-radius:11px}

  /* ===== Product Update Bulletin bar ===== */
  #bulletinBar:empty{display:none}
  .bulletin{margin:0;background:linear-gradient(90deg,color-mix(in srgb,var(--orange) 16%,var(--card)),var(--card));
    border-bottom:1px solid var(--line);border-left:4px solid var(--orange);padding:13px 26px;display:flex;gap:16px;align-items:flex-start;animation:bulSlide .3s ease}
  @keyframes bulSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .bulletin .bul-ic{width:34px;height:34px;border-radius:9px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;flex-shrink:0}
  .bulletin .bul-ic svg{width:18px;height:18px}
  .bulletin .bul-body{flex:1;min-width:0}
  .bulletin .bul-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:3px}
  .bulletin .bul-id{font-family:ui-monospace,monospace;font-size:11px;font-weight:700;color:var(--orange);background:var(--orange-soft);padding:2px 7px;border-radius:5px}
  .bulletin .bul-title{font-weight:800;font-size:14px;color:var(--ink)}
  .bulletin .bul-eff{font-size:11px;color:var(--muted);font-weight:600}
  .bulletin p{margin:2px 0;font-size:13px;color:var(--ink-2);line-height:1.45}
  .bulletin p b{color:var(--ink)}
  .bulletin .bul-verify{font-size:12px;color:var(--blue);font-weight:700;margin-top:4px}
  .bulletin .bul-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;flex-wrap:wrap}
  .bulletin .bul-ack{font-size:12.5px;font-weight:800;color:#fff;background:var(--orange);border:0;border-radius:9px;padding:9px 15px;cursor:pointer;white-space:nowrap}
  .bulletin .bul-ack:hover{filter:brightness(1.05)}
  .bulletin .bul-more{font-size:11.5px;color:var(--muted);font-weight:700}
  @media(max-width:720px){.bulletin{flex-wrap:wrap;padding:12px 16px}.bulletin .bul-actions{width:100%}}

  /* ===== Rate Card ===== */
  .rc-cat{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--brand,var(--blue));margin:22px 0 10px}
  .rc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
  .rc-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 16px;position:relative}
  .rc-card .rc-name{font-weight:750;font-size:14.5px;color:var(--ink);margin-bottom:2px;padding-right:60px}
  .rc-card .rc-price{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.3px}
  .rc-card .rc-price small{font-size:12px;font-weight:600;color:var(--muted)}
  .rc-card .rc-tat{font-size:12px;color:var(--blue);font-weight:700;margin-top:3px}
  .rc-card .rc-inc{font-size:12px;color:var(--ink-2);margin-top:7px;line-height:1.45}
  .rc-card .rc-exc{font-size:11.5px;color:var(--muted);margin-top:4px}
  .rc-card .rc-edit{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;color:var(--muted);background:var(--bg);border:1px solid var(--line-2);border-radius:7px;padding:4px 9px;cursor:pointer}
  .rc-card .rc-edit:hover{border-color:var(--blue);color:var(--blue)}
  .rc-card .rc-eff{font-size:10.5px;color:var(--muted);margin-top:8px;border-top:1px dashed var(--line);padding-top:7px}

  /* ===== Ticket SLA board ===== */
  .tb-lv{font-family:ui-monospace,monospace;font-size:11px;font-weight:800;padding:2px 7px;border-radius:5px;white-space:nowrap}
  .tb-L1{background:color-mix(in srgb,var(--blue) 13%,transparent);color:var(--blue)}
  .tb-L2{background:var(--orange-soft);color:var(--orange)}
  .tb-L3{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}
  .sla-cd{font-family:ui-monospace,monospace;font-weight:700;font-size:12.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
  .sla-cd.risk{color:var(--orange)}
  .sla-cd.breach{color:var(--red);font-weight:800}
  .sla-cd.done{color:var(--muted);font-weight:600}
  .tb-act{font-size:11.5px;font-weight:700;border:1px solid var(--line-2);background:var(--bg);border-radius:7px;padding:5px 10px;cursor:pointer;margin-right:5px;transition:.14s}
  .tb-esc:hover{border-color:var(--orange);color:var(--orange)}
  .tb-res:hover{border-color:var(--green);color:var(--green)}

  /* ===== Escalation ladder ===== */
  .dir-ladder{display:flex;flex-direction:column;gap:2px;max-width:520px}
  .dir-rung{display:flex;align-items:center;gap:11px;padding:11px 14px;background:var(--bg);border:1px solid var(--line-2);border-radius:10px;font-size:13.5px;font-weight:650;color:var(--ink)}
  .dir-rung .dir-n{width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}
  .dir-arrow{color:var(--muted);text-align:center;font-size:14px;line-height:1;margin:1px 0 1px 24px}

  /* ===== QA scorecard ===== */
  .qa-secs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
  .qa-sec{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:9px 12px}
  .qa-sec label{font-size:13px;font-weight:600;color:var(--ink-2)}
  .qa-max{color:var(--muted);font-weight:700;font-size:11px}
  .qa-in{width:62px;border:1px solid var(--line-2);border-radius:8px;padding:6px 8px;text-align:center;font-weight:700;background:var(--card);color:var(--ink);font-variant-numeric:tabular-nums}
  .qa-total{font-family:ui-monospace,monospace;font-weight:800;font-size:14px;padding:4px 11px;border-radius:8px;background:var(--bg);color:var(--ink)}
  .qa-total.pass{color:var(--green);background:var(--green-soft)}
  .qa-total.fail{color:var(--orange);background:var(--orange-soft)}
  .qa-total.void{color:#fff;background:var(--red)}
  .qa-h{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2);margin:16px 0 8px}
  .qa-rls{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .qa-rl{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:8px 10px;cursor:pointer}
  .qa-rl b{font-family:ui-monospace,monospace;color:var(--ink)}
  @media(max-width:640px){.qa-secs,.qa-rls{grid-template-columns:1fr}}

  /* ===== Appointment slots ===== */
  .ap-slots{display:flex;flex-wrap:wrap;gap:7px}
  .ap-slot{font-family:ui-monospace,monospace;font-size:12.5px;font-weight:700;color:var(--green);background:var(--green-soft);border:1px solid transparent;border-radius:8px;padding:7px 12px;cursor:pointer;transition:.14s}
  .ap-slot:hover{filter:brightness(.97)}
  .ap-slot.sel{background:var(--blue);color:#fff}
  .ap-slot.taken{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent);cursor:not-allowed;text-decoration:line-through}

  /* ===== Ambulance dispatch ===== */
  .amb-dispatch{border-left:4px solid var(--red)}
  .amb-btn{font-size:14px;font-weight:800;color:#fff;background:var(--red);border:0;border-radius:11px;padding:12px 22px;cursor:pointer;box-shadow:0 8px 18px -9px var(--red)}
  .amb-btn:hover{filter:brightness(1.05)}
  .amb-clock{font-family:ui-monospace,monospace;font-weight:800;font-size:13px;color:var(--red);font-variant-numeric:tabular-nums}
  .amb-note{font-size:12px;color:var(--muted);margin-top:10px}
  .amb-note b{color:var(--ink-2)}

  /* inputs: consistent focus ring */
  .set-field input,.set-field select,.mfield input,.mfield select{transition:border-color .16s,box-shadow .16s}
  .set-field input:focus,.set-field select:focus,.mfield input:focus,.mfield select:focus{border-color:var(--blue);box-shadow:var(--ring);outline:none}

  /* backend connection badge */
  .conn-badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.2px;
    padding:5px 10px;border-radius:20px;white-space:nowrap}
  .conn-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
  .conn-badge.on{background:var(--green-soft);color:var(--green)}
  .conn-badge.off{background:var(--orange-soft);color:var(--orange)}
  @media(max-width:900px){.conn-badge{display:none}}
  /* profile: compact avatar + chevron drop button (name lives in the dropdown) */
  .prof-meta{display:none}
  .prof{gap:5px;padding:5px 7px 5px 5px;border-radius:13px;transition:background .15s}
  .prof:hover{background:var(--bg)}
  .prof .ava{width:34px;height:34px;border-radius:10px;font-size:12.5px}
  .prof .chev{width:15px}

  /* scrollbars */
  ::-webkit-scrollbar-thumb{background:#c3ccdd}
  body.dark ::-webkit-scrollbar-thumb{background:#2b3550}
  .nav-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12)}

  /* ===== floating windows (multi-task) ===== */
  .floatwin{position:fixed;width:340px;max-width:calc(100vw - 20px);background:var(--card);
    border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow-hover);
    display:flex;flex-direction:column;max-height:72vh;overflow:hidden;animation:winPop .16s ease}
  @keyframes winPop{from{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}
  .floatwin.minned{display:none}
  .floatwin.dragging{opacity:.95}
  .fw-head{display:flex;align-items:center;gap:9px;padding:10px 11px 10px 13px;
    background:linear-gradient(135deg,var(--nav),var(--nav-2));color:#fff;cursor:grab;user-select:none;flex-shrink:0}
  .fw-head:active{cursor:grabbing}
  .fw-head b{font-size:13px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fw-ic{display:flex;opacity:.85}.fw-ic svg{width:16px;height:16px}
  .fw-btns{display:flex;gap:4px}
  .fw-btns button{width:26px;height:26px;border-radius:7px;color:#cdd7ef;background:rgba(255,255,255,.09);
    display:grid;place-items:center;font-size:15px;line-height:1;transition:.14s}
  .fw-btns button:hover{background:rgba(255,255,255,.22);color:#fff}
  .fw-btns .fw-x:hover{background:var(--red);color:#fff}
  .fw-body{padding:14px 16px;overflow-y:auto}
  .fw-body .drow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
  .fw-body .drow:last-child{border-bottom:none}
  .fw-body .dk{color:var(--muted);font-weight:600}.fw-body .dv{color:var(--ink);font-weight:700;text-align:right}
  .fw-call{margin-top:13px;width:100%;background:var(--green);color:#fff;font-weight:700;font-size:13px;
    padding:11px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px}
  .fw-call svg{width:16px;height:16px}.fw-call:hover{background:#16a34a}
  .fw-note{width:100%;min-height:200px;border:none;outline:none;resize:vertical;background:none;
    color:var(--ink);font-family:var(--font);font-size:13.5px;line-height:1.55}