:root,[data-theme=light]{--bg: #f2f5f9;--panel: #fff;--ink: #10233f;--muted: #607087;--line: #d4ddea;--soft: #eaf0f7;--accent: #102848;--accent-ink: #fff;--gold: #d9a329;--gold-ink: #10233f;--good: #d9a329;--bad: #b4232f;--warn: #9a6700;--info: #245c91;--ready: #e4edf7;--busy: #1d4b7c;--acw: #f8edcf;--break: #f8e6e2;--off: #e8edf3;--r: 7px;--not-ready: #ece8f5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font:14px/1.45 Segoe UI,Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:20px}button,.card,.kpi,.stat,.field,select,textarea,.seat,.tag,.note,.banner,.modal,.toast{border-radius:var(--r)}.login{min-height:100vh;display:grid;grid-template-columns:300px 1fr}.login-side{background:#0b1f3a;color:#fff;padding:32px 24px;display:flex;flex-direction:column;gap:14px;border-right:4px solid #d9a329}.login-side p,.login-side li{color:#d0d0d0}.login-logo{width:min(230px,100%);height:auto;margin:8px 0}.mark{width:40px;height:40px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;border-radius:var(--r)}.login-main{padding:28px 32px 48px}.row,.tabs,.legend,.cta,.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cta,.actions{align-items:center}.cta{padding:8px;border:1px solid var(--line);background:var(--panel)}.cta .btn,.actions .btn{min-height:34px}.person-grid,.kpis,.graphs,.desk,.two{display:grid;gap:12px}.person-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.kpis{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.graphs{grid-template-columns:1.2fr 1fr .9fr}.desk{grid-template-columns:minmax(240px,280px) minmax(0,1fr);align-items:start}.profile{display:grid;gap:12px}.line{display:grid;grid-template-columns:minmax(140px,1fr) 72px minmax(88px,150px) max-content;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.line.head{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.line>.link{justify-self:start;width:auto;max-width:100%;text-align:left}.line .actions{justify-self:end;flex-wrap:nowrap}.hit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.field-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.chart-scroll{overflow-x:auto}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.two{grid-template-columns:1.1fr .9fr}.card,.kpi,.person,.btn{border:1px solid var(--line);background:var(--panel)}.card,.kpi{padding:12px}.card{display:grid;gap:8px}.kpi em{display:block;font-style:normal;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.kpi b{font-size:22px}.btn,.person,.chip{padding:8px 12px;font-weight:650}.btn{color:var(--accent)}.person{text-align:left}.person b,.person span{display:block}.person span,.muted{color:var(--muted);font-size:12px}.btn.primary,.chip.on,.tabs button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.good,.btn.gold-btn{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.btn.bad{background:#b42318;color:#fff;border-color:#b42318}.btn.ghost,.tabs button,.chip{background:var(--soft);color:var(--accent);border:1px solid var(--line)}.person{color:var(--accent)}button:disabled{opacity:1;cursor:not-allowed}.btn:disabled{background:var(--soft);color:var(--muted);border-color:var(--line)}.btn.primary:disabled,.btn.good:disabled,.btn.gold-btn:disabled{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.btn.bad:disabled{background:#b42318;color:#fff;border-color:#b42318}.field,select,textarea{border:1px solid var(--line);background:var(--bg);padding:8px 10px;width:100%}.top{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:10px max(16px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{display:flex;gap:10px;align-items:center}.brand-logo{width:146px;height:auto;object-fit:contain}.brand-context{display:grid}.cockpit-title{display:none}.brand strong{display:block}.stat{background:var(--soft);border:1px solid var(--line);padding:4px 8px;font-size:12px;font-weight:700}.content{width:min(1180px,100%);margin-inline:auto;padding:14px 16px 48px;display:grid;gap:12px}.tabs{padding:8px max(16px,calc((100% - 1180px)/2)) 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--r)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:var(--soft);font-size:11px;text-transform:uppercase;color:var(--muted)}.tag{display:inline-flex;padding:2px 8px;font-size:12px;font-weight:700;background:var(--soft)}.tag.ready,.seat.ready{background:var(--ready);color:var(--good)}.tag.busy,.seat.busy{background:var(--busy);color:#fff}.tag.acw,.seat.acw{background:var(--acw);color:#fff}.tag.break,.seat.break{background:var(--break);color:#fff}.tag.not-ready,.seat.not-ready{background:var(--not-ready);color:#fff}[data-theme=light] .tag.busy{color:var(--info)}[data-theme=light] .tag.acw,[data-theme=light] .seat.acw{color:var(--warn)}[data-theme=light] .tag.break,[data-theme=light] .seat.break{color:var(--bad)}[data-theme=light] .tag.not-ready,[data-theme=light] .seat.not-ready{color:#6b21a8}.seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px}.seat{border:1px solid var(--line);padding:6px 4px;text-align:center;background:var(--soft)}.seat b,.seat span,.seat small{display:block}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.filters label{display:grid;gap:4px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}.filters select,.filters input{width:auto}.note{background:var(--acw);color:var(--warn);padding:8px 10px}.banner{background:var(--break);color:#fff;padding:8px 10px}[data-theme=light] .banner{color:var(--bad)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:20;padding:16px}.modal{width:min(560px,100%);background:var(--panel);padding:16px;display:grid;gap:10px;border:1px solid var(--line)}.toast{position:fixed;right:14px;bottom:14px;background:#111;color:#fff;padding:10px 12px;z-index:30}.seatmap{display:grid;grid-template-columns:repeat(4,42px);gap:6px}.seatmap button{height:36px;border:1px solid var(--line);background:var(--ready)}.seatmap button.sold{background:var(--off);color:var(--muted)}.seatmap button.held{background:var(--acw)}.seatmap button.pick{outline:2px solid var(--accent)}.link{border:0;background:transparent;padding:0;font-weight:700;color:var(--info);text-align:left}.chart{width:100%;height:220px;display:block}.chart text{fill:currentColor;font-size:10px;font-weight:700}.hall-wrap{width:min(1680px,100%)}.hall{display:grid;gap:14px}.hall .kpi b{font-size:48px;line-height:1.05}.hall-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}.slot{border:1px solid var(--line);border-radius:var(--r);padding:10px;background:var(--panel);display:grid;gap:2px}.slot em{font-style:normal;color:var(--muted);font-size:12px;font-weight:700}.slot b{font-size:32px;line-height:1}.slot.now{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}details summary{cursor:pointer;font-weight:700}.agent-shell{min-height:100vh;background:#071a33;color:#f3f6fb}.agent-shell .top{position:relative}.cockpit-top{min-height:68px;background:#081b34;color:#fff;border-bottom:2px solid #d9a329;padding:8px 22px}.cockpit-top .brand{gap:18px}.cockpit-top .brand-logo{width:285px;max-height:48px}.cockpit-top .cockpit-title{display:block;border-left:1px solid #708098;padding-left:18px;font-size:15px;font-weight:800;letter-spacing:.08em}.cockpit-top .brand-context{display:none}.cockpit-top .stat{color:#f3f6fb;background:#122a49;border-color:#344a66}.agent-shell .tabs{display:none}.agent-shell .content{width:min(1800px,100%);padding:18px 22px 24px}.cockpit{gap:14px}.cockpit-grid{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(440px,2fr) minmax(230px,.8fr);gap:14px;align-items:stretch}.cockpit-panel{padding:0;overflow:hidden;background:#10243d;border:1px solid #314967;color:#f3f6fb;box-shadow:0 8px 22px #0003}.cockpit-panel-title{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #314967;text-transform:uppercase;letter-spacing:.04em;font-size:13px}.cockpit-icon{color:#e6b23c;font-size:19px}.availability-panel{padding:0 16px 16px}.availability-panel .cockpit-panel-title{margin:0 -16px 14px}.availability-select{background:#d9a329;border:0;color:#10233f;font-size:16px;font-weight:850;padding:12px}.state-list{display:grid;gap:3px;margin:10px 0 14px;padding-bottom:12px;border-bottom:1px solid #314967}.state-option{display:flex;align-items:center;gap:9px;padding:7px 4px;color:#dbe5f1}.state-option b{margin-left:auto;font-size:10px;color:#e6b23c;text-transform:uppercase}.state-dot{width:10px;height:10px;border-radius:50%;background:#718198}.state-dot.ready{background:#e6b23c}.state-dot.not-ready{background:#b8a1d5}.state-dot.break{background:#eaa185}.break-toggle{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;width:100%;padding:4px 0 12px;background:transparent;border:0;border-bottom:1px solid #314967;color:#f3f6fb;text-align:left}.break-toggle>span:first-child{color:#e6b23c;font-size:20px}.toggle-pill{width:36px;height:20px;border-radius:20px;background:#586a7f;position:relative}.toggle-pill:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle-pill.enabled{background:#d9a329}.toggle-pill.enabled:after{transform:translate(16px);background:#10233f}.productivity-wrap{display:grid;justify-items:center;gap:7px;padding-top:16px}.productivity-ring{width:156px;aspect-ratio:1;padding:9px;border-radius:50%;display:grid;place-items:center}.productivity-ring>div{width:100%;height:100%;display:grid;align-content:center;justify-items:center;gap:4px;border-radius:50%;background:#10243d}.productivity-ring span{font-size:10px;letter-spacing:.08em}.productivity-ring b{font-size:21px}.call-panel{display:flex;flex-direction:column}.call-status-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:#153252;border-bottom:1px solid #314967}.call-status-bar.is-live{background:#174b78}.call-status-bar strong{letter-spacing:.06em}.call-status-bar span{color:#e6b23c;font-size:11px;font-weight:800}.call-identity{display:flex;align-items:center;gap:16px;padding:20px 18px;min-height:126px}.caller-avatar{width:72px;height:72px;flex:0 0 72px;display:grid;place-items:center;border-radius:50%;background:#1d4b7c;border:2px solid #d9a329;color:#fff;font-size:22px;font-weight:800}.caller-details{min-width:0;display:grid;gap:4px}.caller-details b{font-size:20px;overflow-wrap:anywhere}.caller-details span{color:#bfccdc}.connection-badge{margin-left:auto;padding:8px 12px;border:1px solid #d9a329;border-radius:30px;color:#e6b23c;font-size:11px;font-weight:800;white-space:nowrap}.call-actions{padding:0 18px 14px}.call-actions .btn{flex:1 1 90px;min-height:44px;text-transform:uppercase}.cockpit-disclaimer{padding:0 18px 14px}.call-disposition{display:grid;grid-template-columns:minmax(125px,.9fr) minmax(140px,1.2fr) auto;gap:10px;align-items:end;padding:14px 18px 18px;border-top:1px solid #314967;margin-top:auto}.call-disposition label{display:grid;gap:6px;color:#c6d1df;font-size:10px;font-weight:800;letter-spacing:.04em}.call-disposition select,.call-disposition textarea{background:#0b1d34;color:#f3f6fb;border-color:#526882;min-height:38px}.call-disposition .btn{min-height:40px;white-space:nowrap;text-transform:uppercase;font-size:11px}.customer-panel{padding-bottom:14px}.customer-tier{margin:14px;padding:12px;border-radius:6px;background:#18395d;color:#f3f6fb;font-weight:750}.customer-fact{display:grid;gap:4px;margin:0 14px;padding:12px 0;border-bottom:1px solid #314967}.customer-fact span{color:#aebdd0;font-size:11px}.customer-fact b{overflow-wrap:anywhere}.history-button{margin:14px;border-color:#d9a329!important;color:#f3f6fb}.booking-tools{margin:0 14px;padding-top:12px;border-top:1px solid #314967}.booking-tools summary{color:#e6b23c}.booking-tools>*:not(summary){margin-top:10px}.booking-tools select{background:#0b1d34;color:#f3f6fb;border-color:#526882}.booking-tools .seatmap{grid-template-columns:repeat(5,minmax(30px,1fr))}.booking-tools .seatmap button{width:100%}.booking-tools .seatmap button:not(.sold){background:#18395d;color:#fff;border-color:#526882}.cockpit-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#0d2340;border:1px solid #314967;border-radius:8px;overflow:hidden}.cockpit-kpi{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border-right:1px solid #314967}.cockpit-kpi:last-child{border:0}.cockpit-kpi-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#1a3b5f;color:#e6b23c;font-size:19px}.cockpit-kpi>div{min-width:0;display:grid;gap:2px}.cockpit-kpi em{color:#b9c6d6;font-size:10px;font-style:normal;font-weight:750;text-transform:uppercase}.cockpit-kpi b{font-size:20px;white-space:nowrap}.agent-shell .muted{color:#b1bfd0}.agent-shell .note{background:#3b3426;color:#f1d48b}.agent-shell .banner{background:#4a2d37;color:#ffd3d3}@media(max-width:980px){.login,.desk,.graphs,.two,.field-row{grid-template-columns:1fr}.cockpit-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.customer-panel{grid-column:1 / -1}.cockpit-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.cockpit-kpi:nth-child(3){border-right:0}.cockpit-kpi:nth-child(-n+3){border-bottom:1px solid #314967}}@media(max-width:640px){.line{grid-template-columns:minmax(0,1fr) max-content}.line>span:nth-child(2),.line>span:nth-child(3),.line.head>span:nth-child(2),.line.head>span:nth-child(3){display:none}.cockpit-top{padding:8px 12px}.cockpit-top .brand{gap:10px}.cockpit-top .brand-logo{width:170px}.cockpit-top .cockpit-title{padding-left:10px;font-size:11px}.cockpit-top .row{width:100%;justify-content:space-between}.agent-shell .content{padding:12px}.cockpit-grid{grid-template-columns:1fr}.customer-panel{grid-column:auto}.call-disposition{grid-template-columns:1fr}.call-identity{gap:10px;padding:14px}.caller-avatar{width:52px;height:52px;flex-basis:52px;font-size:17px}.caller-details b{font-size:16px}.connection-badge{padding:6px;font-size:9px}.cockpit-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-kpi{padding:10px;border-bottom:1px solid #314967}.cockpit-kpi:nth-child(odd){border-right:1px solid #314967}.cockpit-kpi:nth-child(2n){border-right:0}.cockpit-kpi:nth-last-child(-n+2){border-bottom:0}}.runtime-alerts{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--gold);border-left:5px solid var(--gold);border-radius:var(--r);background:#fff8e7;color:#10233f}.runtime-alert-heading,.fm-report-title{display:flex;align-items:center;gap:10px}.runtime-alert-heading img{width:96px;height:auto}.runtime-alert-row{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,2fr) max-content;gap:10px;align-items:center;padding-top:5px;border-top:1px solid #e8d8ae}.runtime-alert-row small{font-weight:800;color:#735300}.runtime-alerts.error-alert{border-color:var(--bad);background:var(--break);color:var(--ink)}.fm-kpi-card{border-top:3px solid var(--gold)}.kpi-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px 14px}.kpi-breakdown-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.kpi-breakdown-row span{color:var(--muted);text-align:right}.scheduled-breaks{display:grid;gap:6px;padding-top:10px;border-top:1px solid #314967}.scheduled-break-row{display:grid;gap:2px;font-size:12px}.scheduled-break-row small{color:#bfccdc}.break-form{align-items:end}.break-form label{min-width:150px;flex:1}.csat-report{border-top:3px solid var(--gold)}.fm-report-title img{width:116px;height:auto}.report-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.report-visual-card{min-width:0;align-content:start}.report-visual-card h3,.csat-rating-visual h3{font-size:14px}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:14px;min-height:150px}.report-donut{width:142px;height:142px;flex:0 0 142px}.donut-value{fill:var(--ink);font-size:22px;font-weight:800}.donut-caption{fill:var(--muted);font-size:9px}.report-legend{display:grid;gap:7px;color:var(--muted);font-size:12px}.report-legend span{display:flex;align-items:center;gap:7px}.report-legend b{color:var(--ink);margin-left:auto}.report-legend i{width:9px;height:9px;display:inline-block;border-radius:50%}.gold-dot{background:var(--gold)}.bad-dot{background:var(--bad)}.info-dot{background:var(--info)}.muted-dot{background:var(--muted)}.report-sla-value{font-size:34px;line-height:1.1;font-weight:800}.report-sla-value small{margin-left:2px;font-size:16px}.report-stacked-bar,.report-bar-track,.score-bar-track,.rating-bar-track{overflow:hidden;border-radius:99px;background:var(--soft)}.report-stacked-bar{display:flex;height:16px}.report-stacked-bar span{height:100%}.sla-within,.report-bar-answered,.score-bar-track i{background:var(--gold)}.sla-late,.report-bar-abandoned{background:var(--info)}.sla-abandoned{background:var(--bad)}.report-bars{display:grid;gap:10px}.report-bar-row,.score-bar-row,.rating-bar-row{display:grid;grid-template-columns:minmax(74px,.9fr) minmax(70px,2fr) 34px;gap:9px;align-items:center;font-size:12px}.report-bar-row>span,.score-bar-row>span,.rating-bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-bar-row>b,.score-bar-row>b,.rating-bar-row>b{text-align:right}.report-bar-track{display:flex;height:12px}.report-bar-track i{display:block;height:100%}.report-bar-track .report-bar-abandoned{opacity:.8}.score-bar-track,.rating-bar-track{height:12px}.score-bar-track i,.rating-bar-track i{display:block;height:100%;border-radius:inherit}.rating-bar-track i{background:var(--info)}.score-bar-row{grid-template-columns:minmax(110px,.8fr) minmax(90px,2fr) 42px}.rating-bar-row{grid-template-columns:48px minmax(80px,1fr) 34px}.csat-rating-visual{margin:8px 0}.mobile-call-card{border-top:3px solid var(--gold)}.mobile-call-card .fm-report-title img{width:92px}.mobile-call-card .filters label{min-width:220px;flex:1}.error-alert{color:var(--bad)}.operations-page{display:grid;gap:12px}.operations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;align-items:end}.operations-grid label,.reason-field{display:grid;gap:4px;font-size:12px;font-weight:650}.operations-days{display:flex;flex-wrap:wrap;gap:10px 16px;border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}.operations-days legend{padding:0 5px;font-weight:700}.operations-days label,.inline-control{display:inline-flex;gap:7px;align-items:center}.operations-days input,.inline-control input{width:auto}.reason-field{grid-column:1 / -1}.reason-field textarea{min-height:76px;resize:vertical}.issued-password code{display:block;padding:10px;border-radius:var(--r);background:var(--soft);color:var(--accent);font-size:16px;font-weight:800;overflow-wrap:anywhere}.password-change-card{width:min(460px,calc(100% - 32px));margin:10vh auto}.password-change-card .login-logo{max-width:180px}.shift-editor{display:grid;gap:8px}@media(max-width:640px){.runtime-alert-row{grid-template-columns:1fr;gap:2px}.runtime-alert-heading img{width:76px}.fm-report-title img{width:84px}.mobile-call-card .fm-report-title img{width:74px}.kpi-breakdown-row{display:grid}.kpi-breakdown-row span{text-align:left}.report-visual-grid{grid-template-columns:1fr}.donut-wrap{justify-content:flex-start}.operations-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.password-change-card{margin:16px auto}}