.s30-communications .comms-boundary.ready{border-color:rgba(39,174,96,.35);background:linear-gradient(135deg,rgba(39,174,96,.08),rgba(28,147,189,.05))}
.s30-communications .comms-boundary.ready .comms-boundary-mark{background:#198754;color:#fff}
.s30-communications .comms-local-chip.ready{border-color:rgba(39,174,96,.45);color:#198754;background:rgba(39,174,96,.08)}
.s30-comms-tools{display:flex;flex-direction:column;gap:12px}
.s30-comms-card{border:1px solid var(--border,#dfe3ea);border-radius:14px;background:var(--surface,#fff);padding:14px;box-shadow:0 4px 18px rgba(28,36,50,.04)}
.s30-comms-card.attention{border-color:rgba(230,126,34,.42);background:linear-gradient(160deg,rgba(230,126,34,.07),var(--surface,#fff) 62%)}
.s30-comms-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.s30-comms-card>header>div{min-width:0}
.s30-comms-card h3{font-size:15px;line-height:1.2;margin:5px 0 0;color:var(--text,#222936)}
.s30-channel-tag{display:inline-flex;font-size:9px;line-height:1;letter-spacing:.13em;font-weight:800;color:#596275}
.s30-channel-tag.sms{color:#166c74}.s30-channel-tag.voice{color:#6646a8}.s30-channel-tag.after{color:#a45212}.s30-channel-tag.inbound{color:#2e6889}
.s30-state{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 8px;border:1px solid var(--border,#dfe3ea);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#687184;white-space:nowrap}
.s30-state.ready{border-color:rgba(39,174,96,.35);color:#198754;background:rgba(39,174,96,.07)}
.s30-state.busy{border-color:rgba(230,126,34,.35);color:#9a4e11;background:rgba(230,126,34,.08)}
.s30-comms-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.s30-comms-form.compact{margin-top:10px}.s30-comms-form label{display:flex;flex-direction:column;gap:5px;min-width:0}.s30-comms-form label>span{font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#687184}
.s30-comms-form select,.s30-comms-form input,.s30-comms-form textarea,.s30-keypad input{width:100%;border:1px solid var(--border,#dfe3ea);border-radius:9px;background:var(--surface,#fff);color:var(--text,#222936);padding:9px 10px;font:inherit;font-size:12px;outline:none}
.s30-comms-form textarea{min-height:86px;resize:vertical}.s30-comms-form select:focus,.s30-comms-form input:focus,.s30-comms-form textarea:focus,.s30-keypad input:focus{border-color:#7557c8;box-shadow:0 0 0 3px rgba(117,87,200,.11)}
.s30-comms-form .wide,.s30-sms-manual,.s30-sms-preview,.s30-form-action{grid-column:1/-1}
.s30-sms-preview{display:flex;flex-direction:column;gap:3px;border-radius:10px;background:var(--surface-muted,#f5f6f9);padding:10px 11px;font-size:11px;line-height:1.45;color:#687184;white-space:pre-wrap;overflow-wrap:anywhere}
.s30-sms-preview strong{font-size:12px;color:var(--text,#222936);font-weight:650}
.s30-form-action{display:flex;align-items:center;justify-content:space-between;gap:10px}.s30-form-action>span{font-size:10px;line-height:1.35;color:#687184}
.s30-basis{margin-top:12px;border-top:1px solid var(--border,#dfe3ea);padding-top:10px}.s30-basis summary{cursor:pointer;font-size:11px;font-weight:750;color:#6646a8}
.s30-phone-controls{display:flex;margin-bottom:10px}.s30-call-live{display:flex;flex-direction:column;gap:7px;border:1px solid rgba(117,87,200,.25);border-radius:11px;background:rgba(117,87,200,.06);padding:11px;margin-bottom:10px}.s30-call-live.incoming{border-color:rgba(28,147,189,.35);background:rgba(28,147,189,.07)}
.s30-call-live>span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#687184}.s30-call-live>strong{font-size:14px}.s30-call-live>div{display:flex;gap:7px;flex-wrap:wrap}
.s30-call-error{border-radius:9px;background:rgba(198,54,54,.08);color:#9f2e2e;padding:9px 10px;font-size:11px;line-height:1.4;margin-bottom:10px}
.s30-keypad{display:flex;gap:7px}.s30-keypad input{min-width:0;flex:1}
.s30-queue-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;border:0;border-top:1px solid var(--border,#dfe3ea);background:transparent;color:inherit;text-align:left;padding:10px 2px;cursor:pointer}.s30-queue-row:first-of-type{border-top:0}.s30-queue-row.static{cursor:default;align-items:flex-start}
.s30-queue-row span{display:flex;flex-direction:column;min-width:0;gap:3px}.s30-queue-row strong{font-size:11px}.s30-queue-row small{font-size:10px;color:#687184}.s30-queue-row em{font-size:11px;font-style:normal;color:#4e5769;overflow-wrap:anywhere}.s30-queue-row b{font-size:10px;color:#6646a8;white-space:nowrap}
.s30-queue-actions{display:flex!important;flex-direction:row!important;gap:7px!important;flex-wrap:wrap;margin-top:5px}.comms-text-action.danger{color:#a93030}
.s30-empty-compact{border-radius:10px;background:var(--surface-muted,#f5f6f9);padding:11px;font-size:11px;line-height:1.45;color:#687184}
.comms-btn.danger{border-color:rgba(198,54,54,.35);color:#a93030;background:rgba(198,54,54,.06)}
@media(max-width:1180px){.s30-comms-form{grid-template-columns:1fr}.s30-comms-form>*{grid-column:1!important}}
@media(max-width:760px){.s30-form-action{align-items:stretch;flex-direction:column}.s30-form-action .comms-btn{width:100%}}

#global-phone-root[hidden]{display:none!important}
#global-phone-root{position:fixed;left:var(--s31-phone-left);top:var(--s31-phone-top);z-index:2147483000;width:var(--s31-phone-width,150px);font-family:inherit;color:var(--text,#222936);pointer-events:none}
#global-phone-root .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.s31-phone-anchor{display:block;flex:0 0 150px;width:150px;height:42px}
.s31-global-phone{position:relative;width:100%}
.s31-phone-header-control{width:100%;height:42px;display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid var(--border,#dfe3ea);border-radius:10px;background:var(--surface,#fff);color:var(--text,#222936);padding:0 11px;font:inherit;cursor:default;pointer-events:auto;box-shadow:0 2px 8px rgba(19,25,38,.06);transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}
button.s31-phone-header-control{cursor:pointer}
button.s31-phone-header-control:hover:not(:disabled){border-color:#7557c8;box-shadow:0 4px 12px rgba(64,38,112,.14)}
button.s31-phone-header-control:focus-visible{outline:3px solid rgba(117,87,200,.25);outline-offset:2px}
button.s31-phone-header-control:disabled{cursor:not-allowed;opacity:.58}
.s31-phone-label{font-size:10px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.s31-phone-status{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:4px 9px;border:1px solid var(--border,#dfe3ea);border-radius:999px;background:var(--surface,#fff);font-size:10px;font-weight:850;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
.s31-phone-status i{width:8px;height:8px;border-radius:50%;background:#8b93a4;box-shadow:0 0 0 3px rgba(139,147,164,.12)}
.s31-global-phone.available .s31-phone-header-control{border-color:#642b8c;background:#642b8c;color:#fff;box-shadow:0 5px 15px rgba(100,43,140,.2)}
.s31-global-phone.available .s31-phone-status{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1)}.s31-global-phone.available .s31-phone-status i{background:#4bd181;box-shadow:0 0 0 3px rgba(75,209,129,.18)}
.s31-global-phone.ringing .s31-phone-status{color:#14647d;border-color:rgba(28,147,189,.38)}.s31-global-phone.ringing .s31-phone-status i{background:#1c93bd;box-shadow:0 0 0 3px rgba(28,147,189,.16);animation:s31-phone-pulse 1.25s ease-in-out infinite}
.s31-global-phone.in-call .s31-phone-status{color:#6547a7;border-color:rgba(117,87,200,.36)}.s31-global-phone.in-call .s31-phone-status i{background:#7557c8;box-shadow:0 0 0 3px rgba(117,87,200,.15)}
.s31-global-phone.connecting .s31-phone-status{color:#6547a7;border-color:rgba(117,87,200,.36)}.s31-global-phone.connecting .s31-phone-status i{background:#7557c8;box-shadow:0 0 0 3px rgba(117,87,200,.15)}
.s31-phone-live-panel{position:absolute;right:0;top:calc(100% + 10px);overflow:hidden;width:min(390px,calc(100vw - 32px));border:1px solid rgba(68,75,91,.22);border-radius:18px;background:var(--surface,#fff);box-shadow:0 18px 52px rgba(19,25,38,.22),0 3px 12px rgba(19,25,38,.11);pointer-events:auto}
.s31-phone-live-panel.ringing{border-color:rgba(28,147,189,.55);box-shadow:0 18px 52px rgba(19,25,38,.22),0 0 0 4px rgba(28,147,189,.12)}
.s31-phone-live-panel.in-call,.s31-phone-live-panel.connecting{border-color:rgba(117,87,200,.48)}
.s31-phone-live-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid var(--border,#dfe3ea);background:linear-gradient(135deg,rgba(117,87,200,.07),rgba(28,147,189,.04))}
.s31-phone-live-panel>header>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.s31-phone-live-panel>header strong{font-size:13px;line-height:1.2}.s31-phone-live-panel>header small{font-size:10px;color:#687184}
.s31-phone-body{display:flex;flex-direction:column;gap:11px;padding:14px 15px}
.s31-phone-standby,.s31-phone-protected{display:flex;flex-direction:column;gap:3px;color:#687184;font-size:11px;line-height:1.4}.s31-phone-protected strong{color:var(--text,#222936);font-size:14px}
.s31-phone-context{position:relative;display:flex;flex-direction:column;gap:9px;border:1px solid rgba(28,147,189,.25);border-radius:12px;background:rgba(28,147,189,.06);padding:11px 12px}.s31-phone-context>strong{padding-right:72px;font-size:15px;overflow-wrap:anywhere}.s31-phone-context dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.s31-phone-context dl>div{display:flex;flex-direction:column;gap:2px;min-width:0}.s31-phone-context dt{font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#687184}.s31-phone-context dd{margin:0;font-size:11px;font-weight:700;overflow-wrap:anywhere}
.s31-phone-link{align-self:flex-start;border:0;background:transparent;color:#6242b4;padding:0;font:inherit;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.s31-phone-context>.s31-phone-link{position:absolute;top:11px;right:12px}
.s31-phone-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.s31-phone-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--border,#dfe3ea);border-radius:10px;background:var(--surface,#fff);color:var(--text,#222936);padding:7px 12px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.s31-phone-button:not(:disabled),.s31-phone-link,.s31-phone-keypad input:not(:disabled){pointer-events:auto}.s31-phone-button:hover:not(:disabled){border-color:#7557c8;color:#6646a8}.s31-phone-button.primary{border-color:#7557c8;background:#7557c8;color:#fff}.s31-phone-button.danger{border-color:rgba(198,54,54,.35);background:rgba(198,54,54,.06);color:#a93030}.s31-phone-button:disabled{cursor:not-allowed;opacity:.5}.s31-phone-button:focus-visible,.s31-phone-link:focus-visible,.s31-phone-keypad input:focus-visible{outline:3px solid rgba(117,87,200,.25);outline-offset:2px}
.s31-phone-keypad{display:flex;align-items:center;gap:8px}.s31-phone-keypad label{min-width:0;flex:1}.s31-phone-keypad input{width:100%;min-height:36px;border:1px solid var(--border,#dfe3ea);border-radius:10px;background:var(--surface,#fff);color:var(--text,#222936);padding:7px 10px;font:inherit;font-size:12px;outline:0}
.s31-phone-error{border-radius:10px;background:rgba(198,54,54,.08);color:#9f2e2e;padding:9px 10px;font-size:11px;line-height:1.4}
.s31-realtime-slot:empty{display:none}.s31-job-dial .s30-empty-compact{margin-bottom:10px}.s31-job-dial .s30-form-action strong{color:#6646a8}
.s31-recordings{margin:16px 18px;border:1px solid var(--border,#dfe3ea);border-radius:14px;background:var(--surface,#fff);padding:15px}.s31-recordings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.s31-recordings-head h3{margin:4px 0 0;font-size:16px;color:var(--text,#222936)}.s31-recordings-head p{margin:4px 0 0;font-size:11px;line-height:1.45;color:#687184}
.s31-recording-item{border-top:1px solid var(--border,#dfe3ea);padding:16px 0}.s31-recording-item:first-of-type{border-top:0;padding-top:2px}.s31-recording-item:last-of-type{padding-bottom:2px}.s31-recording-item>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.s31-recording-item h4{margin:4px 0 0;font-size:14px;color:var(--text,#222936)}
.s31-recording-facts{display:grid;grid-template-columns:1fr .55fr 1.45fr;gap:10px;margin:12px 0}.s31-recording-facts>div{display:flex;flex-direction:column;gap:3px;min-width:0}.s31-recording-facts dt{font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#687184}.s31-recording-facts dd{display:flex;flex-direction:column;gap:2px;margin:0;font-size:11px;font-weight:700;color:var(--text,#222936)}.s31-recording-facts code{font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#687184;overflow-wrap:anywhere}.s31-recording-item audio{display:block;width:100%;height:38px;margin:0 0 13px}
.s31-recording-download{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;border-radius:11px;background:var(--surface-muted,#f5f6f9);padding:11px}.s31-recording-warning{display:flex;flex-direction:column;gap:3px;margin:0;border-left:3px solid #e67e22;padding-left:9px;color:#687184;font-size:10px;line-height:1.4}.s31-recording-warning strong{font-size:11px;color:#91470e}.s31-recording-download label{display:flex;flex-direction:column;gap:5px}.s31-recording-download label>span{font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#687184}.s31-recording-download textarea{width:100%;min-height:64px;resize:vertical;border:1px solid var(--border,#dfe3ea);border-radius:9px;background:var(--surface,#fff);color:var(--text,#222936);padding:9px 10px;font:inherit;font-size:11px;outline:0}.s31-recording-download textarea:focus{border-color:#7557c8;box-shadow:0 0 0 3px rgba(117,87,200,.11)}.s31-recording-download textarea:disabled{opacity:.72;cursor:not-allowed}.s31-recording-page-note{margin:10px 0 0;font-size:10px;color:#687184}
.s31-operations-alerts>header p{margin:4px 0 0;font-size:11px;line-height:1.45;color:#687184}.s31-operations-alert{border-top:1px solid var(--border,#dfe3ea);padding:13px 2px}.s31-operations-alert:first-of-type{border-top:0;padding-top:2px}.s31-operations-alert>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.s31-operations-alert>header>div{display:flex;flex-direction:column;gap:3px;min-width:0}.s31-operations-alert>header strong{font-size:12px;color:var(--text,#222936)}.s31-operations-alert>header span,.s31-operations-alert p{font-size:10px;line-height:1.45;color:#687184}.s31-operations-alert p{margin:7px 0}.s31-operations-alert.open{border-left:3px solid #e67e22;padding-left:10px}.s31-operations-alert dl{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0}.s31-operations-alert dl>div{display:flex;align-items:baseline;gap:5px}.s31-operations-alert dt{font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#687184}.s31-operations-alert dd{margin:0;font-size:10px;font-weight:700;color:var(--text,#222936)}.s31-operations-alert .s30-queue-actions{margin-top:8px}
@keyframes s31-phone-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.62}}
@media(max-width:760px){.s31-phone-anchor{flex-basis:96px;width:96px}.s31-phone-header-control{padding:0 8px}.s31-phone-label{display:none}.s31-phone-live-panel{position:fixed;top:calc(var(--topbar,61px) + 8px);right:12px;width:calc(100vw - 24px)}.s31-phone-context dl{grid-template-columns:1fr 1fr}.s31-recordings{margin:12px}.s31-recording-facts{grid-template-columns:1fr 1fr}.s31-recording-facts .deadline{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.s31-global-phone.ringing .s31-phone-status i{animation:none}}
.comms-job-history{display:grid;gap:14px;align-content:start;min-width:0}
.s31-recordings.s31-voicemails{margin:0;border-top:3px solid #7557c8}
.s31-voicemails .s31-recordings-head h3{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.s31-voicemail-count{padding:3px 8px;border-radius:20px;background:rgba(117,87,200,.1);color:#6646a8;font-size:11px;font-weight:700;white-space:nowrap}
.s31-voicemails .s31-recording-list{max-height:380px;overflow:auto;scrollbar-gutter:stable;padding-right:5px}
.s31-voicemail-download{margin-top:6px}.s31-voicemail-download>summary{width:fit-content;padding:7px 0;cursor:pointer;color:#6646a8;font-size:11px;font-weight:700}.s31-voicemail-download>summary:focus-visible{outline:3px solid rgba(117,87,200,.35);outline-offset:3px}.s31-voicemail-download[open]>summary{margin-bottom:5px}
