body.agent-page{height:100dvh;overflow:hidden}.agent-page .client-shell{height:100dvh;max-width:1280px;padding:20px 24px;display:flex;flex-direction:column}#workspace:not(.hidden){flex:1;min-height:0;display:flex;flex-direction:column}.agent-page .agent-header{margin:0 0 10px;gap:16px}.agent-heading{min-width:0}.agent-header h1{font-size:25px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#agent-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}#agent-header-actions .theme-toggle{position:static}#message{font-size:13px;margin:0 0 8px}#message:empty{display:none}.client-columns{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);gap:20px}.agent-page .client-shell .panel{margin:0;padding:18px;min-height:0}.dialer-panel{display:flex;flex-direction:column}.dialer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}#dialer-status{font-size:11px;text-align:right;color:var(--muted)}.call-state{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}#call-status{margin:5px 0;font-size:13px}#call-time{font-size:12px;font-variant-numeric:tabular-nums}#dialer-pad{flex:1;min-height:0;position:relative}#dialer-inputs{display:flex;flex-direction:column;height:100%}#dialer-inputs label{margin:5px 0 10px}#dial-number{text-align:center;font-size:22px;padding:10px}.dialer-keypad{flex:1;min-height:120px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,minmax(28px,1fr));gap:7px}.dialer-keypad button{min-height:28px;padding:5px;font-size:22px}.dialer-actions{display:flex;gap:10px;margin:12px 0 0}#call-button{flex:1;min-height:60px;font-size:20px;border-radius:11px}#call-button.hangup{background:#b53838;color:#fff}#call-button.hangup:hover{background:#952929}#mute-call{min-width:70px}.dialer-help{font-size:11px;margin:10px 0 0}#play-audio{margin-top:8px}.messages-column{display:flex;min-height:0;min-width:0}.messages-panel{flex:1;display:flex;flex-direction:column}.messages-panel header{margin:0 0 10px;gap:12px;flex-wrap:wrap}.message-actions{display:flex;gap:7px;flex-wrap:wrap}#messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sms-card:first-child{margin-top:0}.mobile-switch{display:none}#incoming-overlay{position:absolute;inset:0;z-index:2;background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.incoming-icon{font-size:46px;color:var(--green);margin-bottom:10px}#incoming-title{margin:12px 0 4px;font-size:22px}#incoming-caller{margin:8px 0 20px;font-size:20px;color:var(--text);overflow-wrap:anywhere}.incoming-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.incoming-actions button{min-height:52px;font-size:16px}#enable-ringtone{margin-top:12px}#sms-dialog{padding:24px;width:min(560px,94vw)}#sms-dialog form{padding:0}#sms-dialog textarea{font-family:inherit;font-size:14px;min-height:120px}.sms-dialog-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.sms-dialog-heading h2{margin:0;font-size:22px}#sms-status{color:#a14343}#access-lock{max-width:460px;padding:30px;text-align:center}@media (max-width:740px){.agent-page .client-shell{padding:14px}.agent-header h1{font-size:19px}#agent-header-actions .secondary{padding:9px;font-size:11px}.client-columns{display:block}.dialer-panel,.messages-column{height:100%}.mobile-switch{display:flex;gap:8px;margin:0 0 10px}.mobile-switch button{flex:1}.mobile-switch .active{background:var(--green);color:#fff}[data-mobile-view=dialer] .messages-column,[data-mobile-view=messages] .dialer-panel{display:none}}@media (max-height:650px){.agent-page .client-shell{padding-top:10px;padding-bottom:10px}.agent-page .client-shell .panel{padding:12px}.dialer-help{display:none}.dialer-keypad{min-height:100px}#dial-number{padding:6px;font-size:19px}#call-button{min-height:50px}}