/* Each voice room shows its persistent paired chat, not a second copy of messages. */
.channel-content.voice-with-chat { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 38%); min-height: 0; overflow: hidden; }
.voice-with-chat .voice-view { min-width: 0; min-height: 0; overflow-y: auto; }
.voice-with-chat .text-view { min-width: 0; min-height: 0; height: 100%; border-left: 1px solid #202225; display: flex; flex-direction: column; }
.voice-with-chat .channel-welcome { padding: 16px 0; }
.voice-with-chat .welcome-symbol { display: none; }
.voice-with-chat .channel-welcome h1 { font-size: 18px; }
.voice-with-chat .channel-welcome p { font-size: 13px; }
.voice-with-chat .messages { padding: 12px; }
.voice-with-chat .composer { margin: 0 8px; }
.voice-with-chat .composer-tip { display: none; }
.voice-with-chat .voice-members { max-width: 100%; }
.voice-with-chat .message-heading { flex-wrap: wrap; }
@media (max-width: 1100px) {
 .channel-content.voice-with-chat { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(130px, 36%) minmax(0, 1fr); }
 .voice-with-chat .text-view { border-left: 0; border-top: 1px solid #202225; padding-bottom: 8px; }
 .voice-with-chat .voice-view { padding: 12px; justify-content: center; gap: 8px; }
 .voice-with-chat .voice-view .voice-title, .voice-with-chat #voice-title, .voice-with-chat #voice-hint, .voice-with-chat #voice-subtitle, .voice-with-chat #participant-stack, .voice-with-chat .voice-footnote, .voice-with-chat .eyebrow, .voice-with-chat .mascot { display: none; }
 .voice-with-chat .join-button { position: static; transform: none; margin: 0; min-height: 44px; max-width: 100%; }
 .voice-with-chat .voice-members { gap: 8px; padding: 0; grid-template-columns: repeat(auto-fit,minmax(100px,1fr)); }
 .voice-with-chat .voice-member { min-height: 70px; height: auto; padding: 8px; aspect-ratio: auto; }
 .voice-with-chat .voice-member .avatar { width: 40px; height: 40px; font-size: 14px; }
 .voice-with-chat .voice-member strong { font-size: 12px; }
 .voice-with-chat .voice-member small { font-size: 10px; }
 .voice-with-chat .voice-view:has(.voice-members:not(:empty)) { padding: 8px; gap: 8px; }
 .voice-with-chat .channel-welcome { padding: 8px 0; }
}
@media (max-height: 450px) and (max-width: 1100px) {
 .channel-content.voice-with-chat { grid-template-rows: minmax(68px, 25%) minmax(0, 1fr); }
 .voice-with-chat .voice-view { padding: 4px; }
 .voice-with-chat .voice-view:has(.voice-members:not(:empty)) { display: flex; flex-direction: row; justify-content: flex-start; padding: 4px; }
 .voice-with-chat .voice-view .voice-members { flex: 1; min-width: 0; overflow: auto; height: 100%; }
 .voice-with-chat .voice-view .join-button { flex-shrink: 0; font-size: 12px; padding: 8px; }
 .voice-with-chat .channel-welcome p { display: none; }
}