/* Файл «ui-fixes423.css»: правила оформления и адаптивного размещения интерфейса. */
/* На телефоне рабочие окна групп и каналов занимают весь экран.
   Короткие подтверждения, безопасность аккаунта, календарь и меню сохраняют собственный размер. */
@layer vmesta-component-contract {
/* Условное оформление для размера экрана или возможностей устройства «media (max-width:767px)». */
@media (max-width:767px) {
/* Оболочка окна заполняет видимую область, включая режим установленного приложения. */
html:root body #messages-root#messages-root#messages-root :is(.messenger-room-panel-layer,.messenger-room-settings-modal,.messenger-room-analytics-modal,.messenger-room-tags-dialog,#messenger-new-modal,#messenger-poll-modal,[data-vm-room-window="true"]),
html:root body :is(#achievements-modal#achievements-modal,#achievement-showcase-modal#achievement-showcase-modal)[data-vm-room-window="true"] {
position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:0!important;box-sizing:border-box!important;transform:none!important;align-items:stretch!important;justify-content:stretch!important;overflow:hidden!important;
}
/* Само содержимое растягивается независимо от прежней ширины и анимации малого окна. */
html:root body #messages-root#messages-root#messages-root :is(.messenger-room-settings-modal,.messenger-room-analytics-modal,.messenger-room-tags-dialog,#messenger-new-modal,#messenger-poll-modal,[data-vm-room-window="true"]) > section,
html:root body #messages-root#messages-root#messages-root .messenger-room-panel,
html:root body :is(#achievements-modal#achievements-modal,#achievement-showcase-modal#achievement-showcase-modal)[data-vm-room-window="true"] > section {
position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:0!important;box-sizing:border-box!important;transform:none!important;overflow:hidden!important;
}
/* Шапка и нижние действия остаются на месте; прокручивается только рабочая часть. */
html:root body #messages-root#messages-root#messages-root :is(.messenger-room-settings-modal,.messenger-room-analytics-modal,.messenger-room-tags-dialog,#messenger-new-modal,#messenger-poll-modal,[data-vm-room-window="true"]) > section > header,
html:root body :is(#achievements-modal#achievements-modal,#achievement-showcase-modal#achievement-showcase-modal)[data-vm-room-window="true"] > section > header {
flex:0 0 auto!important;padding:calc(14px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 14px max(16px,env(safe-area-inset-left,0px))!important;
}
html:root body #messages-root#messages-root#messages-root :is(.messenger-room-settings-form,.messenger-room-create-form,#messenger-poll-modal > section > form) {display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-settings-form {overflow:hidden!important;}
html:root body #messages-root#messages-root#messages-root :is(.messenger-room-settings-scroll,.messenger-room-analytics-scroll,.messenger-room-tags-list,.messenger-forward-list,.messenger-attachment-list),
html:root body :is(#achievements-modal#achievements-modal,#achievement-showcase-modal#achievement-showcase-modal)[data-vm-room-window="true"] :is(.achievements-dialog-body,.achievement-showcase-dialog-body) {flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain!important;scroll-padding-bottom:20px!important;}
html:root body #messages-root#messages-root#messages-root :is(.messenger-room-settings-form,.messenger-room-create-form) > footer,
html:root body #messages-root#messages-root#messages-root .messenger-room-tags-dialog > section > footer,
html:root body :is(#achievements-modal#achievements-modal,#achievement-showcase-modal#achievement-showcase-modal)[data-vm-room-window="true"] > section > footer {flex:0 0 auto!important;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;}
/* Вложенное управление участниками перекрывает родительские настройки целиком. */
html:root body #messages-root#messages-root#messages-root .messenger-room-members-overlay {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important;padding:0!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-members-overlay:not([hidden]) {display:flex!important;flex-direction:column!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-members-overlay > header {flex:none!important;padding-top:calc(14px + env(safe-area-inset-top,0px))!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-members-overlay-body {flex:1!important;min-height:0!important;max-height:none!important;overflow:auto!important;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;}
/* Карточка сообщества имеет собственную прокрутку и не наследует ширину настольной панели. */
html:root body #messages-root#messages-root#messages-root .messenger-room-panel {overflow:auto!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-panel-profile {flex:none!important;padding-top:calc(18px + env(safe-area-inset-top,0px))!important;}
/* Короткий редактор тега остаётся частью большого окна с доступными нижними действиями. */
html:root body #messages-root#messages-root#messages-root .messenger-room-tag-editor > section > form {display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:auto!important;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px))!important;}
}
}

@layer vmesta-component-contract {
@media (max-width:767px) {
/* Галерея вложений занимает оставшееся место под шапкой и фильтрами. */
html:root body #messages-root#messages-root#messages-root .messenger-attachments-modal[data-vm-room-window="true"] > section > .messenger-shared-attachments {flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain!important;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;}
/* Кнопки редактора тега остаются внизу доступной области. */
html:root body #messages-root#messages-root#messages-root .messenger-room-tag-editor > section > form > footer {margin-top:auto!important;padding-top:18px!important;}
}
}