/* ===========================================================================
   agent-dock.css — the agent queue dock on every page (agent-dock.js), in the
   look of the team page's own dock (biz-queue.js / biz-team.css): a glass
   card bottom right while you're on shift, a pill when collapsed. Scoped to
   #spfadDock so it can never touch the team page's dock, which this file
   also reaches. Self-contained: works on pages without the team CSS.
   =========================================================================== */
#spfadDock{--ink:#ECE7F7;--muted:#9A8CB8;--faint:#6B5E85;--line:rgba(147,165,255,.1);--signal:#2DD4BF;--glow:#93A5FF;
  position:fixed;right:20px;bottom:20px;z-index:2147481500;width:330px;max-width:calc(100vw - 32px);border-radius:20px;overflow:hidden;
  font-family:'Geist',system-ui,sans-serif;color:var(--ink);
  background:linear-gradient(180deg,rgba(21,27,58,.97),rgba(10,13,30,.98));border:1px solid rgba(147,165,255,.2);
  box-shadow:0 40px 100px -30px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05);animation:spfadIn .45s cubic-bezier(.16,1,.3,1)}
#spfadDock::before{content:"";position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(94,234,212,.6),transparent)}
@keyframes spfadIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
#spfadDock.ring{border-color:rgba(45,212,191,.55)}
#spfadDock .qdk-head{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--line)}
#spfadDock .qdk-live{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--signal);box-shadow:0 0 0 4px rgba(45,212,191,.16)}
#spfadDock .qdk-t{flex:1;display:flex;align-items:baseline;gap:8px}
#spfadDock .qdk-t b{font-size:14px;font-weight:600}
#spfadDock .qdk-t span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
#spfadDock .qdk-btn{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;cursor:pointer;color:var(--muted);background:none;border:1px solid transparent}
#spfadDock .qdk-btn:hover{color:var(--ink);border-color:var(--line)}
#spfadDock .qdk-btn svg{width:15px;height:15px}
#spfadDock .qdk-body{padding:4px 16px 12px;max-height:50vh;overflow-y:auto}
#spfadDock .qb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:11px 12px;border-radius:14px}
#spfadDock .qb.ring{background:linear-gradient(90deg,rgba(45,212,191,.16),rgba(45,212,191,.04));border:1px solid rgba(45,212,191,.4);animation:spfadRing 1.6s ease-in-out infinite}
#spfadDock .qb.live{background:rgba(37,99,235,.1);border:1px solid rgba(147,165,255,.35)}
@keyframes spfadRing{0%,100%{box-shadow:0 0 0 0 rgba(45,212,191,0)}50%{box-shadow:0 0 0 6px rgba(45,212,191,.12)}}
#spfadDock .qb-t{flex:1 1 100%;min-width:0}
#spfadDock .qb-t b{display:block;font-size:13.5px;font-weight:600}
#spfadDock .qb-t span{font-size:12.5px;color:var(--muted)}
#spfadDock .qdk-sum{display:flex;gap:14px;padding:12px 0 6px;font-size:12px;color:var(--muted)}
#spfadDock .qdk-sum b{color:var(--ink);font-weight:700;margin-right:3px}
#spfadDock .qr{display:flex;align-items:center;gap:10px;padding:8px 0}
#spfadDock .qr + .qr{border-top:1px solid var(--line)}
#spfadDock .qr-main{flex:1;min-width:0;display:flex;flex-direction:column}
#spfadDock .qr-main b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#spfadDock .qr-main span{font-size:12px;color:var(--glow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#spfadDock .qr-t{flex:0 0 auto;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:#FCD34D;padding:5px 8px;border-radius:8px;background:rgba(251,191,36,.08)}
#spfadDock .qdk-b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:7px 11px;border-radius:9px;cursor:pointer;
  font:600 12.5px/1 'Geist',system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#2563EB,#1D4ED8);border:1px solid transparent;box-shadow:0 8px 18px -8px rgba(37,99,235,.7)}
#spfadDock .qdk-b.ghost{color:var(--ink);background:rgba(37,99,235,.08);border-color:rgba(147,165,255,.25);box-shadow:none}
#spfadDock .qdk-b.danger{background:linear-gradient(135deg,#EF4444,#B91C1C);box-shadow:0 8px 18px -8px rgba(239,68,68,.6)}
#spfadDock .qdk-b:disabled{opacity:.45;cursor:default}
#spfadDock .qdk-more,#spfadDock .qdk-empty{font-size:12.5px;color:var(--faint);padding:8px 0 0}
#spfadDock .qdk-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--line)}
#spfadDock .qdk-link{font:600 12.5px/1 'Geist',system-ui,sans-serif;color:var(--glow);background:none;border:0;cursor:pointer;padding:4px 0;text-decoration:none}
#spfadDock .qdk-link.off{color:var(--muted)}
#spfadDock .qdk-link:hover{text-decoration:underline;text-underline-offset:3px}
#spfadDock .qx-inline{flex:1 1 100%;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted);margin-top:4px}
#spfadDock .qx-inline select{height:32px;border-radius:9px;padding:0 8px;color:var(--ink);background:rgba(5,8,20,.6);border:1px solid rgba(147,165,255,.25);font:500 12.5px 'Geist',system-ui,sans-serif}
/* collapsed: just the pill */
#spfadDock .qdk-pill{display:none}
#spfadDock.collapsed{width:auto;border-radius:100px;animation:none}
#spfadDock.collapsed > :not(.qdk-pill){display:none}
#spfadDock.collapsed .qdk-pill{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:0;background:none;cursor:pointer;color:var(--ink);font:600 13px/1 'Geist',system-ui,sans-serif}
#spfadDock.collapsed .qdk-pill.hot b{color:#FCD34D}
@media(max-width:560px){#spfadDock{right:12px;left:12px;bottom:12px;width:auto;max-width:none}#spfadDock.collapsed{left:auto}}
@media(prefers-reduced-motion:reduce){#spfadDock,#spfadDock .qb.ring{animation:none}}

.spfad-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);z-index:2147481600;
  padding:11px 18px;border-radius:11px;font-family:'Geist',system-ui,sans-serif;font-size:13.5px;
  background:rgba(14,9,24,.97);border:1px solid var(--glass-brd,rgba(37,99,235,.16));color:var(--ink,#ECE7F7);
  box-shadow:0 20px 50px -20px rgba(0,0,0,.7);opacity:0;transition:.25s;pointer-events:none;max-width:90vw;text-align:center}
.spfad-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.spfad-toast.err{border-color:rgba(248,113,113,.5)}
.spfad-toast.ok{border-color:rgba(52,211,153,.45)}