.voice-coordinator { width: min(600px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow: auto; padding: 18px; border: 1px solid var(--border, #303744); border-radius: 16px; background: var(--panel, #171c24); color: var(--text, #eef0f4); box-sizing: border-box; }
.voice-coordinator::backdrop { background: #0008; }
.vc-header, .vc-selectors, .vc-controls, .vc-text { display: flex; gap: 8px; align-items: center; }
.vc-header { justify-content: space-between; } .vc-header h2 { margin: 0; font-size: 19px; }
.vc-header button { min-width: 40px; font-size: 23px; }
.vc-selectors > * { min-width: 0; flex: 1; width: 50%; }
.vc-note, .vc-consent { color: var(--muted, #9ba7b6); font-size: 13px; line-height: 1.45; }
.vc-consent { display: flex; gap: 9px; margin: 12px 0; align-items: flex-start; } .vc-consent input { flex: 0 0 auto; margin-top: 3px; }
.vc-controls { flex-wrap: wrap; margin: 12px 0; }
.vc-transcript { max-height: 32dvh; overflow: auto; margin: 12px 0; overscroll-behavior: contain; }
.vc-line { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.5; margin: 8px 0; }
.vc-user strong { color: var(--muted, #9ba7b6); }
.vc-draft { padding: 12px; border: 1px solid var(--border, #303744); border-radius: 10px; margin: 12px 0; }
.vc-draft-text { white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; font-size: 14px; max-height: 24dvh; overflow: auto; }
.vc-text input { min-width: 0; flex: 1; width: 100%; } .vc-text { margin-top: 12px; }
.voice-coordinator [hidden] { display: none !important; }
.voice-coordinator button, .voice-coordinator select, .voice-coordinator input[type=text] { min-height: 40px; }
@media (pointer: coarse) { .voice-coordinator button, .voice-coordinator select, .voice-coordinator input[type=text] { min-height: 44px; } }
@media (max-width: 480px) { .voice-coordinator { padding: 12px; } .vc-controls button { flex: 1 1 auto; font-size: 13px; } .vc-selectors { flex-direction: column; align-items: stretch; } .vc-selectors > * { width: 100%; } }