.call-center-page{max-width:1440px}.call-status-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:16px 19px;border:1px solid #e4e8f2;border-radius:13px;background:#fff;box-shadow:var(--shadow)}.call-status-main{display:flex;align-items:center;gap:12px}.call-status-main>div{display:flex;flex-direction:column;gap:4px}.call-status-main strong{font-size:13px;color:#34435a}.call-status-main small{font-size:11px;color:#8b97a9;line-height:1.45}.call-status-indicator{width:11px;height:11px;border-radius:50%;background:#d8a667;box-shadow:0 0 0 5px #d8a6671a;flex:0 0 auto}.call-status-card[data-tone=ready] .call-status-indicator{background:#2dbd8e;box-shadow:0 0 0 5px #2dbd8e1a}.call-status-card[data-tone=calling] .call-status-indicator{background:#8794ff;box-shadow:0 0 0 5px #8794ff26;animation:callPulse 1s infinite}.call-status-card[data-tone=error] .call-status-indicator{background:#dc7878;box-shadow:0 0 0 5px #dc78781a}.call-center-grid{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(520px,1.22fr);gap:18px;align-items:start}.call-dialer,.call-monitor{padding:22px}.call-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px}.call-panel-heading h2{margin:0 0 5px;font:600 18px 'Space Grotesk';color:#263550}.call-panel-heading p{margin:0;color:#8995a6;font-size:11px;line-height:1.5}.call-panel-heading .button{white-space:nowrap}.call-form-label{display:flex;flex-direction:column;gap:7px;margin:14px 0 11px;color:#69778c;font-size:10px;font-weight:700}.call-form-label select,.call-phone-field input{height:41px;width:100%;border:1px solid #e2e7ef;border-radius:9px;background:#fff;color:#34435a;padding:0 12px;font:500 12px 'DM Sans';outline:0}.call-form-label select:focus,.call-phone-field input:focus{border-color:#8a97ff;box-shadow:0 0 0 3px #8794ff1c}.call-phone-field{display:flex;align-items:center;gap:8px}.call-phone-field .country-code{height:41px;display:flex;align-items:center;padding:0 10px;background:#f4f6fb;border:1px solid #e2e7ef;border-radius:9px;color:#69778c;font-size:12px}.call-phone-field input{flex:1;min-width:0;font-size:15px;letter-spacing:.4px}.call-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 18px}.call-keypad button{height:42px;border:1px solid #edf0f5;border-radius:9px;background:#fbfcfe;color:#35445a;font:600 15px 'DM Sans';cursor:pointer;transition:.16s}.call-keypad button:hover{background:#f0f2ff;border-color:#cdd2ff;color:#5d6bd7}.call-keypad button small{display:block;font-size:8px;line-height:1;color:#929dae;font-weight:500;letter-spacing:1px}.call-keypad button.call-keypad-util{font-size:11px;color:#8c97a6}.call-dialer-footer{display:flex;align-items:center;gap:12px}.call-dialer-footer .button{min-height:44px;flex:1;justify-content:center}.call-dialer-footer .button:disabled{opacity:.5;cursor:not-allowed}.call-dialer-note{margin:15px 0 0;padding:11px 12px;border:1px solid #f0e8d8;border-radius:9px;background:#fffaf1;color:#82765f;font-size:10px;line-height:1.55}.call-dialer-note strong{color:#6c604c}.call-monitor{min-height:440px}.call-list-heading{display:flex;align-items:center;gap:8px;margin:21px 0 10px}.call-list-heading h3{margin:0;font:600 13px 'Space Grotesk';color:#35435a}.call-list-heading .call-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;background:#eef0ff;border-radius:20px;color:#6574ed;font-size:10px;font-weight:700}.call-empty,.call-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:22px;text-align:center;border:1px dashed #e2e7ef;border-radius:11px;background:#fbfcfe}.call-empty>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:10px;border-radius:12px;background:#f0f2ff;color:#7683e9;font-size:18px}.call-empty strong{color:#546177;font-size:12px}.call-empty small,.call-history-empty{margin-top:5px;color:#98a2b1;font-size:10px;line-height:1.5}.call-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f4}.call-row.is-incoming{margin:0 -10px;padding:13px 10px;background:#f5fbf8;border:1px solid #d8f1e5;border-radius:10px}.call-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#eff1ff;color:#6574ed;font-size:17px;flex:0 0 auto}.call-row.is-incoming .call-avatar{background:#def6eb;color:#26a977}.call-row-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.call-row-copy strong{font-size:11px;color:#34435a}.call-row-copy span,.call-row-copy small{font-size:9px;color:#8995a6;line-height:1.45}.call-row-copy small{color:#a0a9b5}.call-row-actions{display:flex;gap:6px;flex:0 0 auto}.call-row-actions .button{min-height:31px;padding:7px 10px;font-size:9px}.call-history-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f6}.call-history-direction{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef0ff;color:#6978ea;font-size:13px}.call-history-direction.inbound{background:#e4f7ee;color:#26a977}.call-history-row>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.call-history-row strong{font-size:10px;color:#47556b}.call-history-row small,.call-history-state{font-size:9px;color:#99a3b1}.call-history-state{padding:4px 7px;border-radius:20px;background:#f4f6f9}.call-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.call-feature{display:flex;gap:9px;padding:12px;border:1px solid #eaedf3;border-radius:10px;background:#fff}.call-feature>span{color:#7481e7;font-size:14px}.call-feature div{display:flex;flex-direction:column;gap:4px}.call-feature strong{font-size:9px;color:#4d5a6e}.call-feature small{font-size:8px;color:#98a2b0;line-height:1.45}.incoming-call-dock{position:fixed;right:22px;top:84px;z-index:80;display:flex;flex-direction:column;gap:8px;width:min(430px,calc(100vw - 30px))}.incoming-call-dock[hidden]{display:none}.incoming-call-card{display:flex;align-items:center;gap:11px;padding:13px;background:#102b28;border:1px solid #39b98b;border-radius:12px;box-shadow:0 14px 38px #09251c48;color:#fff;animation:callSlideIn .2s ease}.incoming-call-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border-radius:50%;background:#2dbd8e;color:#fff;font-size:16px;animation:callPulse 1.15s infinite}.incoming-call-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.incoming-call-copy strong{font-size:11px}.incoming-call-copy span{font-size:10px;color:#b8e7d6}.incoming-call-actions{display:flex;gap:6px}.incoming-call-actions .button{min-height:32px;padding:7px 10px;font-size:9px}.incoming-call-actions .button.secondary{color:#dff7ed;background:#194238;border-color:#397160}.conversation-actions .call-from-inbox{height:31px;padding:0 10px;border-radius:8px;font-size:10px}.conversation-actions .call-from-inbox:disabled{opacity:.45;cursor:not-allowed}@keyframes callPulse{50%{box-shadow:0 0 0 9px #2dbd8e18;transform:scale(1.03)}}@keyframes callSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:1050px){.call-center-grid{grid-template-columns:1fr}.call-dialer{max-width:none}.call-monitor{min-height:0}}@media(max-width:620px){.call-status-card{align-items:flex-start}.call-panel-heading{flex-direction:column}.call-row{align-items:flex-start;flex-wrap:wrap}.call-row-actions{width:100%;padding-left:49px}.call-feature-grid{grid-template-columns:1fr}.incoming-call-dock{right:12px;top:74px}.conversation-actions .call-from-inbox{font-size:0;padding:0;width:33px}.conversation-actions .call-from-inbox::before{content:'☎';font-size:13px}}