/* BAF Customer Queue — World Class Shared UI Enhancement
   Safe overlay CSS: does not change existing PHP operations, forms or endpoints. */
:root{
  --cq-bg:#07111f; --cq-bg2:#0d1630; --cq-panel:rgba(15,25,48,.78); --cq-panel2:rgba(255,255,255,.08);
  --cq-border:rgba(255,255,255,.16); --cq-text:#f4f8ff; --cq-muted:#aab8d5;
  --cq-primary:#00d4ff; --cq-green:#21e58b; --cq-red:#ff4068; --cq-yellow:#ffd166; --cq-purple:#8b5cf6;
  --cq-radius:22px; --cq-shadow:0 22px 80px rgba(0,0,0,.38); --cq-blur:blur(18px);
}
html[data-cq-theme="light"]{--cq-bg:#f5f8ff;--cq-bg2:#eaf1ff;--cq-panel:rgba(255,255,255,.82);--cq-panel2:rgba(0,0,0,.045);--cq-border:rgba(15,23,42,.14);--cq-text:#0f172a;--cq-muted:#52627d;--cq-shadow:0 18px 55px rgba(15,23,42,.15)}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 520px at 12% 8%,rgba(0,212,255,.18),transparent 60%),radial-gradient(760px 480px at 92% 92%,rgba(33,229,139,.14),transparent 58%),radial-gradient(660px 460px at 78% 12%,rgba(139,92,246,.16),transparent 56%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px, transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 72%)}
.cq-dock{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:99990;display:flex;align-items:center;gap:8px;max-width:min(1100px,calc(100vw - 20px));padding:9px;border:1px solid var(--cq-border);background:linear-gradient(135deg,var(--cq-panel),rgba(5,11,24,.72));backdrop-filter:var(--cq-blur);-webkit-backdrop-filter:var(--cq-blur);box-shadow:var(--cq-shadow);border-radius:999px;color:var(--cq-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
html[data-cq-theme="light"] .cq-dock{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(235,242,255,.78))}
.cq-dock a,.cq-dock button{appearance:none;border:0;text-decoration:none;cursor:pointer;color:var(--cq-text);background:var(--cq-panel2);border:1px solid var(--cq-border);min-width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;font-weight:900;font-size:13px;letter-spacing:.01em;transition:.22s ease;white-space:nowrap}
.cq-dock a:hover,.cq-dock button:hover{transform:translateY(-2px);border-color:rgba(0,212,255,.55);box-shadow:0 12px 32px rgba(0,212,255,.17)}
.cq-dock .cq-brand{background:linear-gradient(135deg,#006a4e,#00a870 48%,#f42a41);color:white;border:0;box-shadow:0 12px 35px rgba(0,106,78,.25)}
.cq-dock .cq-live{position:relative}.cq-dock .cq-live::after{content:"";position:absolute;right:7px;top:7px;width:9px;height:9px;background:var(--cq-green);border-radius:50%;box-shadow:0 0 0 6px rgba(33,229,139,.16)}
.cq-toast{position:fixed;top:18px;right:18px;z-index:99991;max-width:min(420px,calc(100vw - 28px));padding:14px 16px;border:1px solid var(--cq-border);border-radius:18px;background:var(--cq-panel);color:var(--cq-text);backdrop-filter:var(--cq-blur);box-shadow:var(--cq-shadow);font:800 13px/1.45 Inter,system-ui;display:none}.cq-toast.show{display:block;animation:cqSlide .35s ease both}@keyframes cqSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.cq-status-pill{position:fixed;top:12px;right:12px;z-index:99989;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--cq-border);background:var(--cq-panel);color:var(--cq-text);border-radius:999px;backdrop-filter:var(--cq-blur);box-shadow:0 10px 35px rgba(0,0,0,.18);font:900 12px Inter,system-ui}.cq-status-pill b{color:var(--cq-primary)}
.cq-enhanced-card{border:1px solid var(--cq-border)!important;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;box-shadow:var(--cq-shadow)!important;border-radius:var(--cq-radius)!important;overflow:hidden!important}
.cq-soft-title{background:linear-gradient(90deg,var(--cq-primary),var(--cq-green),var(--cq-yellow));-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important}
.cq-hidden-mobile{display:inline-flex}
@media (max-width:760px){.cq-dock{left:8px;right:8px;bottom:8px;transform:none;overflow-x:auto;justify-content:flex-start;border-radius:22px;padding:8px}.cq-dock a,.cq-dock button{height:40px;min-width:40px;font-size:12px;padding:0 11px}.cq-dock span.label{display:none}.cq-status-pill{top:8px;right:8px;font-size:11px}.cq-hidden-mobile{display:none!important}body{padding-bottom:76px!important}}
@media print{.cq-dock,.cq-toast,.cq-status-pill{display:none!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}