.qc{--bg:#f1f5f9;--card:#fff;--soft:#f8fafc;--ink:#0f172a;--mute:#64748b;--line:#e2e8f0;--acc:#0d9488;--acc-ink:#fff;--ok:#0d9488;--warn:#d97706;--bad:#e11d48;--r:10px;--no:56px;position:relative;box-sizing:border-box;height:calc(100vh - 84px);min-height:520px;margin:-7px -7px 0;padding:12px 16px;background:var(--bg);color:var(--ink);font:13px/1.4 Inter,system-ui,Segoe UI,sans-serif;overflow:hidden}.qc.is-preview{height:100vh;margin:0;min-height:0}.qc *,.qc *:before,.qc *:after{box-sizing:border-box}.qc h1,.qc h2,.qc h3{font-family:inherit;color:inherit}.qc [hidden]{display:none!important}.qc-sp{flex:1}.qc-muted{color:var(--mute)}.qc-loading{padding:30px;color:var(--mute)}.qc-t-dark{--bg:#0b1020;--card:#131a2e;--soft:#1a2340;--ink:#e8ecf8;--mute:#8a94b2;--line:#252f52;--acc:#818cf8;--acc-ink:#0b1020;--ok:#34d399;--warn:#fbbf24;--bad:#fb7185;--no:72px;background:radial-gradient(800px 400px at 75% -10%,#312e8140,transparent),var(--bg)}.qc-t-dark .qbtn.is-ok{color:#052e1f}.qc-t-desk{--bg:#fafaf9;--soft:#f5f5f4;--ink:#1c1917;--mute:#78716c;--line:#e7e5e4;--acc:#ea580c;--ok:#16a34a;--warn:#b45309;--bad:#dc2626;--r:9px;--no:60px;padding:0}.qc-t-board{--bg:#eef2ff;--card:#ffffffd9;--soft:#f5f6fb;--ink:#111827;--mute:#6b7280;--acc:#4f46e5;--ok:#059669;--no:48px;background:linear-gradient(180deg,#e0e7ff,#f8fafc 300px)}.qbtn{height:32px;padding:0 12px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r);font-weight:600;font-size:13px;line-height:1;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:.12s}.qbtn:hover:not(:disabled){border-color:var(--acc);background:var(--soft)}.qbtn:disabled{opacity:.45;cursor:not-allowed}.qbtn.is-sm{height:28px;padding:0 10px;font-size:12px}.qbtn.is-p{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}.qbtn.is-p:hover:not(:disabled){filter:brightness(1.08);background:var(--acc)}.qbtn.is-ok{background:var(--ok);border-color:var(--ok);color:#fff}.qbtn.is-ok:hover:not(:disabled){filter:brightness(1.08);background:var(--ok)}.qbtn.is-d{color:var(--bad)}.qbtn.is-w{color:var(--warn)}.qc kbd{font:600 10px ui-monospace,monospace;background:#00000020;border-radius:4px;padding:1px 5px;box-shadow:none;color:inherit}.qbtn:not(.is-p):not(.is-ok) kbd{background:var(--soft);color:var(--mute);border:1px solid var(--line)}.qc-tk{display:flex;align-items:center;gap:14px}.qc-tk-no{font-size:var(--no);font-weight:800;letter-spacing:-1.5px;line-height:1}.qc-tk-svc{color:var(--mute);margin-top:4px}.qc-tk-timer{margin-left:auto;text-align:right;font:700 20px ui-monospace,monospace;color:var(--acc)}.qc-tk-timer small{display:block;font:11px Inter,system-ui,sans-serif;color:var(--mute)}.qc-tags{display:flex;gap:5px;flex-wrap:wrap}.qc-tag{--c:var(--mute);font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent)}.qc-tag.is-called{--c:var(--warn)}.qc-tag.is-service{--c:var(--ok)}.qc-tag.is-hold{--c:var(--mute)}.qc-tag.is-pr{--c:var(--warn)}.qc-idle{padding:26px 8px;text-align:center;color:var(--mute)}.qc-idle b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}.qc-client{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r)}.qc-av{width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--acc) 18%,transparent);color:var(--acc);display:grid;place-items:center;font-weight:700;font-size:11px;flex:none}.qc-client b{display:block;line-height:1.2}.qc-client small{color:var(--mute)}.qc-client .is-none{font-style:italic;color:var(--mute);font-weight:400}.qc-route{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px}.qc-route i{font-style:normal;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--mute)}.qc-route i.is-done{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.qc-route i.is-current{background:var(--acc);border-color:var(--acc);color:var(--acc-ink);font-weight:700}.qc-route i.is-skipped{text-decoration:line-through}.qc-route .ar{color:var(--line)}.qc-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}.qc-actions .qbtn{width:100%}.qc-actions .qbtn.is-ok,.qc-actions .qbtn.is-p{grid-column:span 2}.qc-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line)}.qc-tabs button{border:0;background:none;padding:7px 12px;font-weight:600;font-size:13px;font-family:inherit;color:var(--mute);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.qc-tabs button.is-on{color:var(--ink);border-color:var(--acc)}.qc-pane{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:8px}.qc-pane select{height:30px;padding:0 8px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--ink);min-width:140px;flex:1 1 140px}.qc .qc-pane label:not(.form-check-label):not(.custom-control-label){display:flex;align-items:center;gap:5px;margin:0;color:var(--mute);font-size:12px;font-weight:400;white-space:nowrap}.qc-pane.is-off{color:var(--mute);padding:10px 0}.qc-row{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--line)}.qc-row:last-child{border:0}.qc-row b{min-width:52px;font-size:14px}.qc-row .n{flex:1;min-width:0}.qc-row .n i{font-style:normal;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qc-row .n i.is-none{color:var(--mute);font-weight:400;font-style:italic}.qc-row .n span{font-size:11px;color:var(--mute)}.qc-row em{font:11px ui-monospace,monospace;font-style:normal;color:var(--mute)}.qc-row.is-pr{box-shadow:inset 3px 0 var(--warn)}.qc-row.is-pr b{color:var(--warn)}.qc-row.is-hold{box-shadow:inset 3px 0 var(--mute)}.qc-scroll{overflow:auto;min-height:0}.qc-scroll::-webkit-scrollbar{width:8px}.qc-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.qc-empty{padding:16px;text-align:center;color:var(--mute);font-size:12px}.qc-card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #0f172a0a}.qc-ph{margin:0;padding:10px 12px;font-size:12px;font-weight:700;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.qc-ph span{font-weight:500;color:var(--mute)}.qc-pill{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--line);color:var(--mute)}.qc-pill.is-dep{background:color-mix(in srgb,var(--acc) 15%,transparent);border-color:transparent;color:var(--acc)}.qc-callnext .qbtn{width:100%;height:38px}.qc-alert{padding:7px 12px;border-radius:var(--r);background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn);font-weight:600;margin-bottom:8px}.qc-opform{display:flex;gap:6px;margin-bottom:8px}.qc-opform input{flex:1;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--ink)}.qc-toast{position:fixed;left:50%;bottom:16px;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#111827;color:#fff;font-weight:600;box-shadow:0 8px 24px #0006;z-index:1100}.qc-toast.is-bad{background:var(--bad)}.qc-dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:#0007;display:grid;place-items:center;z-index:1090}.qc-dialog>div{width:min(460px,92vw);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 20px 50px #0006}.qc-dialog h3{margin:0 0 2px;font-size:15px}.qc-dialog textarea{width:100%;height:84px;margin:10px 0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);resize:none}.qc-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.qc-chips button{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:999px;padding:3px 10px;cursor:pointer;font-size:12px}.qc-dialog .qc-btns{display:flex;gap:6px;justify-content:flex-end}.qc-pick{height:100%;display:grid;place-items:center}.qc-pick>div{width:min(560px,92vw);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}.qc-pick h2{margin:0 0 4px;font-size:18px}.qc-pick .grp{margin-top:12px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mute)}.qc-pick .btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.lf{height:100%;display:flex;flex-direction:column;gap:10px}.lf-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lf-badge{width:36px;height:36px;border-radius:10px;background:var(--acc);color:var(--acc-ink);display:grid;place-items:center;font-weight:800;font-size:16px}.lf-head h1{font-size:16px;margin:0;line-height:1.2}.lf-head small{color:var(--mute)}.lf-main{flex:1;min-height:0;display:grid;grid-template-columns:1fr 330px;gap:12px}.lf-left{padding:16px;display:flex;flex-direction:column;gap:12px;overflow:auto}.lf-right{display:flex;flex-direction:column;gap:10px;min-height:0}.lf-q{flex:1;min-height:0;display:flex;flex-direction:column}.lf-held{max-height:150px;display:flex;flex-direction:column}.lf-left .qc-tabs{margin-top:4px}.ld{height:100%;display:flex;flex-direction:column;gap:10px}.ld-bar{display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--card);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap}.ld-led{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}.ld-bar h1{font-size:15px;margin:0}.ld-bar small{color:var(--mute)}.ld-stat{padding-left:14px;border-left:1px solid var(--line);color:var(--mute);font-size:12px}.ld-stat b{color:var(--ink);font-size:17px;margin-right:4px}.ld-main{flex:1;min-height:0;display:grid;grid-template-columns:1fr 340px;gap:12px}.ld-stage{background:linear-gradient(160deg,var(--soft),var(--card));border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;overflow:auto}.ld-stage .qc-tk{flex-direction:column;text-align:center;gap:6px}.ld-stage .qc-tk-no{background:linear-gradient(180deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}.ld-stage .qc-tags{justify-content:center}.ld-stage .qc-tk-timer{margin:0;text-align:center}.ld-stage .qc-route{justify-content:center}.ld-stage .qc-actions,.ld-stage .qc-move{max-width:640px;margin:0 auto;width:100%}.ld-stage .qc-client{max-width:420px;margin:10px auto 0}.ld-side{display:flex;flex-direction:column;gap:10px;min-height:0}.ld-panel{background:var(--card);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-height:0}.ld-panel.is-grow{flex:1}.ld-panel h3{margin:0;padding:10px 12px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--line)}.ld-held{max-height:130px}.lk{height:100%;display:grid;grid-template-columns:270px 1fr}.lk-aside{background:#1e293b;color:#e2e8f0;padding:16px 12px;display:flex;flex-direction:column;gap:12px;min-height:0;--card:#ffffff10;--soft:#ffffff10;--line:#ffffff1c;--ink:#f1f5f9;--mute:#94a3b8;--warn:#fdba74}.lk-me{display:flex;gap:10px;align-items:center}.lk-me .a{width:38px;height:38px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-weight:800;color:var(--acc-ink)}.lk-me h1{font-size:15px;margin:0;color:#fff}.lk-me small{color:#94a3b8}.lk-dept{display:inline-block;font-size:11px;background:#ffffff18;padding:1px 9px;border-radius:999px;color:#fdba74;margin-top:3px}.lk-kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lk-kpi{background:#ffffff10;border-radius:10px;padding:8px}.lk-kpi b{display:block;font-size:18px;color:#fff}.lk-kpi span{font-size:10px;color:#94a3b8}.lk-aside h3{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;margin:0}.lk-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.lk-aside .qc-row{padding:6px 8px;border-radius:8px;background:#ffffff0c;border:0;margin-bottom:6px}.lk-aside .qc-row b,.lk-aside .qc-row .n i{color:#fff}.lk-ctrl{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lk-ctrl .qbtn{background:#ffffff14;border-color:transparent;color:#e2e8f0}.lk-main{padding:16px 18px;min-width:0;display:flex;flex-direction:column;gap:10px;min-height:0}.lk-hd{margin:0;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--mute)}.lk-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:auto;box-shadow:0 10px 30px -20px #1c19174d;flex:1;min-height:0;display:flex;flex-direction:column}.lk-sec{padding:14px 20px;border-bottom:1px solid var(--line)}.lk-sec:last-child{border:0}.lk-sec:empty{display:none}.lk-held{max-height:96px;overflow:auto;border-top:1px solid var(--line);margin-top:auto}.lk-held .t{padding:8px 20px 0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mute)}.lb{height:100%;display:flex;flex-direction:column;gap:10px}.lb-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lb-nav h1{margin:0;font-size:17px}.lb-dep{background:var(--acc);color:var(--acc-ink);font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px}.lb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lb-glass{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff;border-radius:16px;box-shadow:0 8px 28px -16px #4f46e566}.lb-stat{padding:8px 14px;display:flex;align-items:baseline;gap:8px}.lb-stat b{font-size:20px}.lb-stat span{color:var(--mute);font-size:12px}.lb-cols{flex:1;min-height:0;display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:12px}.lb-col{display:flex;flex-direction:column;min-height:0;gap:8px}.lb-col h2{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mute);margin:0 4px;display:flex;justify-content:space-between}.lb-now{padding:14px;border-top:4px solid var(--ok);display:flex;flex-direction:column;gap:10px;overflow:auto;flex:1;min-height:0}.lb-now .qc-tk{flex-wrap:wrap}.lb-now .qc-tk-timer{font-size:17px}.lb-list{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.lb-heldc{flex:1;min-height:0;overflow:auto}@media (max-width:900px){.lf-main,.ld-main,.lb-cols,.lk{grid-template-columns:1fr;overflow:auto}.qc{height:auto;min-height:calc(100vh - 84px);overflow:auto}}@keyframes qc-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--acc) 55%,transparent)}50%{box-shadow:0 0 0 7px transparent}}.qc[data-hint~=next] [data-act=next]:not(:disabled),.qc[data-hint~=serve] [data-act=serve]:not(:disabled),.qc[data-hint~=recall] [data-act=recall]:not(:disabled),.qc[data-hint~=complete] [data-act=complete]:not(:disabled),.qc[data-hint~=advance] [data-act=advance]:not(:disabled),.qc[data-hint~=hold] [data-act=hold]:not(:disabled),.qc[data-hint~=resume] [data-act=resume]:not(:disabled),.qc[data-hint~=sms] [data-act=sms]:not(:disabled),.qc[data-hint~=break] [data-act=break]:not(:disabled),.qc[data-hint~=release] [data-act=release]:not(:disabled),.qc[data-hint~=transfer] [data-act=transfer]:not(:disabled),.qc[data-hint~=send-to] [data-act=send-to]:not(:disabled),.qc[data-hint~=tab-send] [data-act=tab-send]:not(:disabled),.qc[data-hint~=tab-transfer] [data-act=tab-transfer]:not(:disabled),.qc[data-hint~=skip-step] [data-act=skip-step]:not(:disabled),.qc[data-hint~=postpone] [data-act=postpone]:not(:disabled),.qc[data-hint~=cancel] [data-act=cancel]:not(:disabled){outline:2px solid var(--acc);outline-offset:2px;animation:qc-pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.qc *{animation:none!important;transition:none!important}}