/* Telefonia comercial uses the portal's existing theme and compact mobile controls. */
.voip-account{display:flex;align-items:center;gap:14px;padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:18px}
.voip-mark,.voip-call-symbol{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:var(--gold-tint);color:var(--gold)}
.voip-account>div{display:flex;flex-direction:column;gap:6px}.voip-account strong{font-size:14px}.voip-account span{font-size:12px;color:var(--muted)}
.voip-service-state{display:flex;gap:6px;align-items:center;margin-left:auto;white-space:nowrap}.voip-service-state.connected{color:var(--c-ok-2)}.voip-service-state .icon{width:16px;height:16px}
.voip-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.voip-layout>aside{min-width:0}.voip-dialer{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:grid;gap:15px}
.voip-dialer h2,.voip-history h2{font:600 17px var(--font-body,Inter,sans-serif);margin:0}.voip-dialer>p,.voip-history header p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.voip-modes{display:flex;gap:10px;flex-wrap:wrap;border:0;padding:0;margin:0}.voip-modes legend{font-size:11px;color:var(--muted);margin-bottom:8px}.voip-modes label{display:flex;gap:6px;align-items:center;font-size:11px;padding:8px;border:1px solid var(--line);border-radius:8px}
.voip-modes input{width:15px;height:15px;min-height:0;margin:0;padding:0;accent-color:var(--gold)}.voip-direct-fields,.voip-lead-fields{display:grid;gap:14px}.voip-direct-fields[hidden],.voip-lead-fields[hidden]{display:none}
.voip-dialer label{font-size:12px}.voip-dialer input,.voip-dialer select{width:100%;min-width:0}.voip-modes input{width:15px}.voip-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.voip-keypad button{border:1px solid var(--line);border-radius:10px;padding:13px;background:var(--surface-2);color:var(--text);font-size:19px;cursor:pointer}.voip-keypad button:hover:not(:disabled){background:var(--gold-tint);border-color:var(--gold-line)}.voip-keypad button:disabled{opacity:.4;cursor:default}
.voip-dial-note{font-size:10px;color:var(--muted);line-height:1.65}.voip-form-error:empty,.voip-notice:empty,.voip-tones:empty{display:none}.voip-form-error,.voip-call-error{font-size:12px;line-height:1.6;color:var(--c-danger-5)}
.voip-tones{text-align:center;color:var(--dim);font-size:12px;letter-spacing:3px;overflow-wrap:anywhere}.voip-history{padding:0;overflow:hidden;min-width:0}.voip-history>header{padding:22px 24px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.voip-history header p{margin-top:5px}
.voip-history-search{display:flex;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line)}.voip-history-search input{min-width:0;flex:1;font-size:12px}.voip-history-search select{width:145px;font-size:11px}.voip-history-search .icon-btn{flex-shrink:0;margin:auto 0}
.voip-history-row{display:flex;gap:14px;align-items:center;padding:19px 22px;border-bottom:1px solid var(--line);min-width:0}.voip-history-row:last-child{border-bottom:0}.voip-history-symbol{color:var(--gold);flex-shrink:0}.voip-history-contact{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.voip-history-contact>strong{font-size:13px;overflow-wrap:anywhere}.voip-history-contact small,.voip-history-result small{font-size:10px;color:var(--muted);line-height:1.5}
.voip-history-lead{display:flex;gap:5px;align-items:center;align-self:start;background:none;border:0;padding:0;color:var(--dim);font-size:10px;text-align:left;cursor:pointer}.voip-history-lead .icon{width:12px;height:12px;flex-shrink:0}.voip-history-result{display:flex;flex-direction:column;gap:5px;max-width:140px}.voip-result{background:var(--gold-tint);border:1px solid var(--gold-line);color:var(--gold);border-radius:7px;padding:5px 8px;font-size:10px;white-space:nowrap;align-self:start}.voip-result.finished{background:var(--surface-2);border-color:var(--line);color:var(--dim)}
.voip-history-time{display:flex;flex-direction:column;gap:6px;text-align:right;flex-shrink:0}.voip-history-time strong{font-size:12px;font-variant-numeric:tabular-nums}.voip-history-time time{font-size:10px;line-height:1.5;color:var(--muted)}.voip-empty{padding:48px 24px;text-align:center;font-size:13px;color:var(--muted)}.voip-notice{padding:12px 22px;font-size:12px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line)}
.voip-current{background:var(--surface);border:1px solid var(--gold-line);border-radius:16px;padding:18px;margin-bottom:16px}.voip-current-heading{display:flex;gap:10px;align-items:center}.voip-current-heading>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.voip-current-heading strong{font-size:13px;overflow-wrap:anywhere}.voip-current-heading small{font-size:10px;color:var(--muted)}.voip-call-symbol{width:35px;height:35px}.voip-call-symbol .icon{width:18px;height:18px}.voip-live-duration{font-size:17px;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.voip-current-state{margin:14px 0;font-size:11px;color:var(--dim);line-height:1.6}
.voip-call-controls{display:flex;flex-wrap:wrap;gap:8px}.voip-call-controls .btn{flex:1;justify-content:center;font-size:11px;padding:10px 8px}.voip-hangup{color:#fff;background:#a63330;border:1px solid #b8423d}.voip-hangup:hover{background:#ba3a35}.voip-open,.voip-audio-retry{width:100%;background:none;border:0;color:var(--gold);font-size:11px;padding:7px 0;cursor:pointer}.voip-audio-retry{margin-top:8px;font-size:10px}
#voip-active-root{position:fixed;z-index:85;right:24px;bottom:90px;width:330px;max-width:calc(100vw - 32px)}#voip-active-root:empty{display:none}#voip-active-root .voip-current{margin:0;box-shadow:0 8px 35px #0006}.voip-has-active #desiree-assistant-container{bottom:20px}#voip-remote-audio{display:none}
@media(max-width:1100px){.voip-layout{grid-template-columns:290px minmax(0,1fr);gap:16px}.voip-dialer{padding:18px}.voip-history-row{padding:16px 18px;gap:10px}.voip-history-time{max-width:85px}}
@media(max-width:850px){.voip-layout{grid-template-columns:minmax(0,1fr)}.voip-layout>aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.voip-layout>aside>#voip-current:empty{display:none}.voip-layout>aside:not(:has(.voip-current)){display:block}.voip-dialer{max-width:500px;margin:0 auto;width:100%}.voip-account{flex-wrap:wrap}.voip-account .voip-service-state{flex-basis:100%;margin-left:58px}.voip-current{margin-bottom:0}#voip-active-root{right:16px;bottom:16px}.voip-has-active #desiree-assistant-container{display:none}}
@media(max-width:560px){.voip-layout>aside{display:flex;flex-direction:column}.voip-history-search{flex-wrap:wrap;padding:12px}.voip-history-search select{width:100%}.voip-history-row{flex-wrap:wrap;padding:16px 12px;gap:10px}.voip-history-contact{flex-basis:calc(100% - 35px)}.voip-history-result{margin-left:30px;flex:1}.voip-history-time{max-width:none}.voip-history>header{padding:18px}.voip-account{padding:15px}.voip-account span{font-size:11px}.voip-dialer{padding:18px}.voip-keypad button{padding:12px}.voip-current .voip-call-controls{flex-wrap:nowrap}.voip-current .voip-call-controls .btn{min-width:0}.voip-live-duration{font-size:16px}}