.phone-setting-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.phone-setting-heading h3 { font-size: 15px; margin: 0; }
.phone-setting-status { color: var(--aoe-muted, #666); font-size: 12px; min-height: 18px; }
.phone-setting-fields { display: grid; gap: 16px; margin-top: 14px; min-width: 0; }
.phone-number-settings { border-top: 1px solid var(--aoe-line, #ddd); margin-top: 16px; padding-top: 12px; display: grid; gap: 12px; min-width: 0; }
.phone-number-settings h4, .phone-number-settings p { margin: 0; }
.phone-number-settings input { width: 100%; min-width: 0; min-height: 34px; box-sizing: border-box; padding: 6px 8px; border: 1px solid var(--aoe-line, #ddd); border-radius: 4px; background: var(--aoe-surface, #fff); color: inherit; font: inherit; }
.phone-number-settings input:focus-visible { outline: 2px solid var(--aoe-primary, #2846a0); outline-offset: 2px; }
.phone-number-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.phone-number-actions button:first-child { min-width: 110px; }
.phone-number-settings [hidden] { display: none !important; }
.phone-access-code { font-variant-numeric: tabular-nums; font-size: 18px; min-height: 24px; }
.phone-mode-tabs { display: inline-grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 160px; max-width: 100%; padding: 3px; background: var(--aoe-soft, #f1f2f4); border-radius: 6px; }
.phone-mode-tab { min-width: 0; min-height: 34px; border: 0; border-radius: 4px; background: transparent; color: var(--aoe-muted, #666); font: inherit; font-size: 13px; cursor: pointer; }
.phone-mode-tab[aria-pressed="true"] { background: var(--aoe-surface, #fff); color: var(--aoe-text, #242424); box-shadow: 0 1px 3px #00000014; }
.phone-mode-tab:focus-visible { outline: 2px solid var(--aoe-primary, #2846a0); outline-offset: 2px; }
.phone-mode-tab:disabled { cursor: wait; opacity: .6; }
.phone-setting-row { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(90px, 1fr); align-items: center; gap: 12px; margin: 0 !important; font-size: 13px; }
.phone-setting-row select { width: 100%; min-width: 0; min-height: 34px; border: 1px solid var(--aoe-line, #ddd); border-radius: 4px; background: var(--aoe-surface, #fff); color: inherit; }
.phone-setting-row input[type="checkbox"] { justify-self: end; width: 18px; height: 18px; margin: 0; }
.phone-rate-control { display: grid; grid-template-columns: minmax(50px, 1fr) 46px; align-items: center; gap: 8px; }
.phone-rate-control input { width: 100%; min-width: 0; }
.phone-rate-control output { text-align: right; font-variant-numeric: tabular-nums; }
.phone-custom-voices { border-top: 1px solid var(--aoe-line, #ddd); margin-top: 16px; padding-top: 12px; min-width: 0; }
.phone-custom-voices h4 { margin: 0 0 12px; font-size: 14px; }
.phone-voice-form { display: grid; gap: 12px; }
.phone-voice-form input:not([type="checkbox"]), .phone-voice-form textarea { min-width: 0; width: 100%; box-sizing: border-box; }
.phone-voice-form textarea { resize: vertical; }
.phone-voice-action { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; border: 1px solid var(--aoe-line, #ddd); border-radius: 4px; padding: 6px 10px; background: var(--aoe-surface, #fff); color: inherit; cursor: pointer; font: inherit; font-size: 13px; }
.phone-voice-action img { width: 16px; height: 16px; }
.phone-voice-icon { width: 34px; height: 34px; padding: 8px; }
.phone-voice-list { display: grid; gap: 8px; margin-top: 12px; }
.phone-voice-item { display: grid; grid-template-columns: minmax(0, 1fr) auto 34px; gap: 8px; align-items: center; font-size: 13px; }
.phone-voice-item > span { overflow-wrap: anywhere; }
.phone-custom-voices audio { width: 100%; max-width: 100%; margin-top: 12px; }
.phone-outreach-form { display: grid; gap: 12px; min-width: 0; }
.phone-outreach-form > label { margin: 0; display: grid; gap: 6px; }
.phone-outreach-form > .phone-outreach-toggle { grid-template-columns: minmax(0, 1fr) 18px; align-items: center; min-height: 30px; }
.phone-outreach-form .phone-outreach-toggle input { width: 18px; height: 18px; padding: 0; margin: 0; }
.personal-dialog.phone-outreach-editor textarea { min-height: 70px; }
.personal-dialog.phone-outreach-editor textarea[rows="6"] { min-height: 140px; }
.phone-outreach-form input:not([type="checkbox"]), .phone-outreach-form textarea, .phone-outreach-form select { width: 100%; min-width: 0; box-sizing: border-box; }
.phone-outreach-form textarea { resize: vertical; }
.phone-outreach-form [hidden] { display: none !important; }
.phone-inbound-fields { display: grid; gap: 12px; min-width: 0; }
.phone-inbound-fields > label { display: grid; gap: 6px; margin: 0; }
.phone-inbound-fields > .phone-outreach-toggle { grid-template-columns: minmax(0, 1fr) 18px; align-items: center; min-height: 30px; }
.phone-inbound-fields .form-grid { min-width: 0; }
.phone-usage-previous img { transform: rotate(90deg); }
.phone-usage-next img { transform: rotate(-90deg); }
.phone-policy-error { margin: 0; color: var(--aoe-danger, #a92b35); }
.phone-policy-error:empty { display: none; }
.phone-outreach-editor { max-height: calc(100dvh - 32px); overflow: auto; }
.phone-outreach-transcript { max-height: 60dvh; min-height: 160px; overflow: auto; border-top: 1px solid var(--aoe-line, #ddd); margin-top: 16px; }
.phone-outreach-turn { padding: 12px 0; border-bottom: 1px solid var(--aoe-line, #ddd); }
.phone-outreach-turn p { margin: 6px 0 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.phone-outreach-turn-meta { color: var(--aoe-muted, #666); font-size: 12px; }
.phone-outreach-prompt { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 13px; }
.phone-outreach-detail audio { width: min(100%, 560px); }
.phone-outreach-summary { padding: 12px 0; }
.phone-outreach-detail h2 { min-width: 0; overflow-wrap: anywhere; }