.telephony-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px}.telephony-card{padding:20px}.telephony-card h2{margin:0 0 5px;font-size:18px}.telephony-card>p{margin:0 0 18px;color:var(--mix-muted,#667085)}.telephony-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.telephony-span-2{grid-column:1/-1}.telephony-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.telephony-list{display:grid;gap:9px}.telephony-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--mix-border,#e3e7ef);border-radius:14px}.telephony-row small{display:block;color:var(--mix-muted,#667085);margin-top:3px}.telephony-history{grid-column:1/-1}.telephony-call-audio{width:min(100%,420px);height:38px;margin-top:8px}.telephony-transcript{margin-top:8px;padding:10px;border-radius:10px;background:rgba(36,87,214,.06);white-space:pre-wrap}.telephony-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(36,87,214,.09);font-size:12px;font-weight:700}.telephony-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:180px;overflow:auto}.telephony-member-grid label{display:flex;gap:7px;align-items:center}
@media(max-width:900px){.telephony-grid,.telephony-form-grid{grid-template-columns:1fr}.telephony-span-2,.telephony-history{grid-column:auto}.mix-telephony-dock{right:14px;bottom:14px}}

/* Header telephone: local composition of the canonical preview and controls. */
.mix-telephony-dock { position: fixed; top: 76px; right: 92px; z-index: 190; width: min(360px, calc(100vw - 24px)); color: var(--mix-ink); }
.mix-telephony-dock[hidden] { display: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock .mix-preview-window { position: relative; inset: auto; width: 100%; max-height: calc(100dvh - 96px); overflow: hidden; box-sizing: border-box; padding: 20px; animation: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock .mix-preview-window__header { padding-right: 65px; grid-template-columns: auto minmax(0, 1fr); }
html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock .mix-preview-window__body { max-height: calc(100dvh - 210px); overflow: auto; padding: 0; border: 0; background: none; margin-top: 18px; }
.mix-telephony-window-tools { position: absolute; top: 16px; right: 12px; display: flex; gap: 2px; }
.mix-telephony-status-line { display: flex; align-items: center; gap: 9px; font-size: 13px; margin-bottom: 20px; }
.mix-telephony-status-line time { margin-left: auto; font-variant-numeric: tabular-nums; }
.mix-telephony-live { width: 9px; height: 9px; border-radius: 50%; background: var(--mix-muted); flex: 0 0 auto; }
.mix-telephony-live.is-ready { background: var(--mix-green, #16843c); }
.mix-telephony-dock label { display: block; font-size: 13px; margin-bottom: 8px; }
.mix-telephony-number-row { display: flex; align-items: center; gap: 4px; }
.mix-telephony-number-row input { min-width: 0; width: 100%; height: 48px; font-size: 17px; }
.mix-telephony-dock form > small { display: block; margin-top: 8px; font-size: 11px; line-height: 1.5; color: var(--mix-muted); }
.mix-telephony-keypad { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: 16px 0; }
html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock .mix-telephony-key { display: flex; flex-direction: column !important; gap: 2px !important; height: auto !important; min-height: 61px !important; padding: 8px !important; font-size: 24px !important; border-radius: 13px; }
.mix-telephony-key .mix-button__icon { order: 2 !important; height: 12px !important; min-height: 0 !important; }
.mix-telephony-key .mix-button__label { font-size: inherit !important; line-height: 1.15; }
.mix-telephony-key small { font-size: 10px; font-weight: 400; color: var(--mix-muted); }
.mix-telephony-dock__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.mix-telephony-error { color: var(--mix-danger, #a43b3b); font-size: 13px; line-height: 1.5; }
.mix-telephony-remote { overflow-wrap: anywhere; font-weight: 600; }
.mix-telephony-footer { display: flex; align-items: center; gap: 8px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--mix-border); color: var(--mix-muted); font-size: 12px; }
.mix-telephony-footer svg { width: 17px; height: 17px; }
.mix-telephony-dock.is-minimized { width: 290px; }
.mix-telephony-dock.is-minimized .mix-telephony-status-line { margin-bottom: 8px; }
body:has(#workspace-floating-conversation-portal:not([hidden])) .mix-telephony-dock { right: 502px; }
@media (max-width: 900px) {
  .mix-telephony-dock, body:has(#workspace-floating-conversation-portal:not([hidden])) .mix-telephony-dock { top: 72px; right: 12px; }
  body:has(#workspace-floating-conversation-portal:not([hidden])) .mix-telephony-dock:not(.is-minimized) { right: auto; left: 12px; }
}
@media (max-height: 720px) { html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock .mix-telephony-key { min-height: 48px !important; font-size: 22px !important; } }

@media (max-width: 900px) {
  .mix-telephony-dock.is-minimized { top: auto; bottom: 16px; left: 12px; right: auto; }
}

html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock.is-minimized .mix-preview-window__body { min-height: 0; margin-bottom: 0; }
@media (max-width: 900px) {
  body:has(#workspace-floating-conversation-portal:not([hidden])) .mix-telephony-dock.is-minimized { top: auto; bottom: 16px; left: 12px; right: auto; }
}

html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock.is-minimized .mix-preview-window { padding: 12px; }
.mix-telephony-dock.is-minimized .mix-preview-window__identity small { display: none; }
.mix-telephony-dock.is-minimized .mix-telephony-window-tools { top: 9px; }
html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock.is-minimized .mix-preview-window__body { margin-top: 8px; }
.mix-telephony-dock.is-minimized .mix-preview-window__body > span { display: none; }
.mix-telephony-dock.is-minimized .mix-telephony-status-line { margin-bottom: 0; }
.mix-telephony-dock.is-minimized .mix-preview-window__body > button { position: absolute; right: 12px; bottom: 9px; }
.mix-telephony-dock.is-minimized .mix-telephony-status-line { padding-right: 85px; font-size: 11px; }
.mix-telephony-dock.is-minimized .mix-telephony-status-line time { display: none; }
html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock.is-minimized:has([data-telephony-hangup]) .mix-preview-window { min-height: 112px; }
.template-header-dialer[aria-expanded="true"] { outline: 2px solid var(--mix-blue, #1470b8); outline-offset: 2px; }
@media (max-height: 720px) {
  html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock .mix-telephony-key { min-height: 40px !important; padding: 3px !important; font-size: 20px !important; gap: 0 !important; }
  .mix-telephony-key .mix-button__icon { height: 9px !important; }
  .mix-telephony-key small { font-size: 8px; }
  .mix-telephony-keypad { gap: 6px; margin: 10px 0; }
  .mix-telephony-number-row input { height: 40px; }
  .mix-telephony-dock label { margin-bottom: 4px; }
  .mix-telephony-dock form > small { font-size: 10px; margin-top: 5px; }
  .mix-telephony-status-line { margin-bottom: 10px; }
  .mix-telephony-error { font-size: 12px; line-height: 1.4; margin: 8px 0; }
  .mix-telephony-footer { margin-top: 10px; padding-top: 8px; }
  .mix-telephony-dock__actions { margin-top: 8px; }
}

html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock .mix-telephony-origin { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 8px; margin: 0 0 12px; }
.mix-telephony-dock .mix-telephony-origin > label { margin: 0; font-size: 11px; color: var(--mix-muted); }
html[data-mix-theme="mix-fiscal-default"] .mix-telephony-dock .mix-telephony-origin select { width: 100%; min-width: 0; min-height: 32px; height: 32px; font-size: 11px; padding-block: 4px; }