/* Reserve a real message viewport; auxiliary site controls must not consume it. */
html[data-page=chat] .shared-chat-screen{min-height:320px;overflow:visible}
html[data-page=chat] .shared-messages{min-height:120px;flex:1 1 120px}
html[data-page=chat] .shared-chat-screen>.small{flex:none;margin:6px 0;font-size:11px}
html[data-page=chat] .chat-rules{flex:none;font-size:12px;line-height:1.4;color:var(--muted);margin:0 0 8px}
html[data-page=chat] .chat-rules summary{cursor:pointer;padding:6px 0}
html[data-page=chat] .chat-rules p{margin:4px 0 8px;max-height:75px;overflow:auto}
html[data-page=chat] #chatReply{flex:none;max-height:68px;overflow:auto}
html[data-page=chat] .shared-message{flex-shrink:0}
@media(max-width:760px){
 html[data-page=chat] .svoi-region-bar,
 html[data-page=chat] #svoi-source-state,
 html[data-page=chat] .language-picker{display:none!important}
 html[data-page=chat] .topbar{margin:0 0 10px;min-height:48px;padding-top:0;padding-bottom:0}
 html[data-page=chat] .shared-chat-screen .feed-heading h1{font-size:24px;margin:0;line-height:1.2}
 html[data-page=chat] .shared-chat-screen .feed-heading{margin-bottom:8px}
 html[data-page=chat] .social-tabs{min-height:40px;margin-bottom:4px}
 html[data-page=chat] .social-tabs button{min-height:40px;padding:8px 6px;font-size:12px;white-space:normal}
 html[data-page=chat] .shared-chat-screen>.small{display:none}
 html[data-page=chat] .shared-chat-screen{min-height:260px;padding-bottom:4px}
 html[data-page=chat] .shared-composer{margin-top:6px}
 html[data-page=chat].chat-composing .chat-rules,
 html[data-page=chat].keyboard-open .chat-rules{display:none}
 html[data-page=chat].chat-composing .shared-chat-screen,
 html[data-page=chat].keyboard-open .shared-chat-screen{min-height:220px}
}
@media(max-width:760px){
 html[data-page=conversation] .svoi-region-bar,
 html[data-page=conversation] .language-picker{display:none!important}
 html[data-page=conversation] .conversation{background:transparent}
 html[data-page=conversation] .chat-message{max-width:100%;padding:14px}
 html[data-page=conversation] .chat-timeline{padding-bottom:12px}
 html[data-page=conversation] .chat-toolbar{display:flex;flex-wrap:wrap;gap:8px}
 html[data-page=conversation] .chat-composer{padding:12px}
 html[data-page=conversation] .chat-composer .field{margin-top:0}
}