/* Файл «ui-fixes422.css»: правила оформления и адаптивного размещения интерфейса. */
/* Локальное оформление настроек без глобальных селекторов связей. */
@layer vmesta-component-contract {
/* Оформление «html:root body #messages-root#messages-root#messages-root .messenger-room-settings-modal > section > header»: размещение и размеры. */
html:root body #messages-root#messages-root#messages-root .messenger-room-settings-modal > section > header {padding:14px 18px!important;min-height:0!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-settings-modal > section > header h2 {color:var(--theme-accent,var(--color-dynamic))!important;font-size:20px!important;line-height:1.25!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-settings-disclosure {padding:0!important;margin:0 0 12px!important;border-radius:18px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-settings-disclosure > summary {display:flex!important;align-items:center!important;gap:12px!important;padding:13px 15px!important;min-height:58px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-settings-disclosure > summary b {font-size:13px!important;line-height:1.25!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-settings-disclosure > summary small {font-size:11px!important;line-height:1.3!important;margin-top:3px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-settings-disclosure > summary > .messenger-icon {width:19px!important;height:19px!important;flex:none!important;color:var(--color-dynamic)!important;}
/* Оформление «html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-options»: размещение и размеры. */
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-options {padding:0 15px!important;margin:0 0 12px!important;gap:10px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-option {position:relative!important;padding:3px!important;border-radius:12px!important;border:2px solid transparent!important;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-option.is-current-wallpaper {border-color:var(--color-dynamic)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-option input[type=radio],html:root body #messages-root#messages-root#messages-root .messenger-room-access-type input[type=radio],html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-upload input[type=file] {position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;opacity:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-option .wallpaper-none {display:grid!important;place-items:center!important;background:var(--theme-surface-control)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-option .wallpaper-none .messenger-icon {width:24px;height:24px;opacity:.6;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-choice-mark {position:absolute!important;top:7px!important;right:7px!important;display:none!important;width:20px!important;height:20px!important;border-radius:50%!important;background:var(--color-dynamic)!important;color:var(--theme-on-accent,#fff)!important;align-items:center!important;justify-content:center!important;}
html:root body #messages-root#messages-root#messages-root .is-current-wallpaper .messenger-wallpaper-choice-mark {display:flex!important;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-choice-mark .messenger-icon {width:14px!important;height:14px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-upload {position:relative!important;display:flex!important;flex-direction:column!important;gap:7px!important;align-items:flex-start!important;margin:0!important;padding:0 15px 15px!important;cursor:pointer;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-upload-button {display:inline-flex!important;align-items:center!important;gap:8px!important;background:var(--theme-surface-control)!important;padding:10px 13px!important;border-radius:12px!important;width:auto!important;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-upload-button b {font-size:13px!important;color:var(--theme-text-primary)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-upload-button .messenger-icon {width:18px!important;height:18px!important;color:var(--color-dynamic)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-upload small,html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-file-name {font-size:11px!important;line-height:1.4!important;color:var(--theme-text-secondary)!important;overflow-wrap:anywhere;}
html:root body #messages-root#messages-root#messages-root .messenger-wallpaper-preview {max-height:160px!important;object-fit:cover!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-invite-content {padding:0 15px 15px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-access-type {margin:0 0 15px!important;padding:0!important;gap:8px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-access-type legend {font-size:12px!important;color:var(--theme-text-secondary)!important;margin-bottom:9px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-access-type label {position:relative!important;align-items:center!important;padding:12px!important;gap:10px!important;border:1px solid var(--theme-divider)!important;border-radius:13px!important;background:var(--theme-surface-nested)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-access-type label.is-room-access-selected {border-color:var(--color-dynamic)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-access-type label > .messenger-icon {flex:none!important;width:18px!important;height:18px!important;color:var(--color-dynamic)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-access-type label > span:not(.messenger-icon) {flex:1!important;min-width:0!important;gap:3px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-access-type b {font-size:13px!important;line-height:1.25!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-access-type small {font-size:11px!important;line-height:1.4!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-access-type label > i {width:14px!important;height:14px!important;flex:none!important;border-radius:50%!important;border:1px solid var(--theme-text-secondary)!important;}
/* Оформление «html:root body #messages-root#messages-root#messages-root .is-room-access-selected > i»: цвета и поверхности. */
html:root body #messages-root#messages-root#messages-root .is-room-access-selected > i {background:var(--color-dynamic)!important;box-shadow:inset 0 0 0 3px var(--theme-surface-control)!important;border-color:var(--color-dynamic)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-invite-settings {display:block!important;padding:0!important;margin:0!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-invite-link {display:grid!important;gap:6px!important;font-size:11px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-invite-link input {width:100%!important;min-width:0!important;box-sizing:border-box!important;font-size:12px!important;height:40px!important;border-radius:10px!important;padding:9px 10px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-invite-buttons {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-invite-buttons button {display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:10px 6px!important;border-radius:10px!important;background:var(--theme-surface-control)!important;color:var(--theme-text-primary)!important;font-size:11px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-invite-buttons .messenger-icon {width:14px!important;height:14px!important;color:var(--color-dynamic)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-room-invite-info {padding:0!important;margin:10px 0 0!important;font-size:11px!important;line-height:1.4!important;color:var(--theme-text-secondary)!important;}
}

@layer vmesta-component-contract {/* Оформление «html:root body .vmesta-video-gesture-feedback»: размещение и размеры, оформление текста, цвета и поверхности. */
html:root body .vmesta-video-gesture-feedback {display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:9px 13px!important;min-width:0!important;background:rgba(0,0,0,.65)!important;color:#fff!important;border-radius:24px!important;font-size:14px!important;}html:root body .vmesta-video-gesture-feedback[hidden]{display:none!important;}html:root body .vmesta-video-gesture-feedback svg {width:23px!important;height:23px!important;fill:currentColor!important;stroke:none!important;}html:root body .vmesta-video-gesture-feedback[data-direction=backward] svg {transform:rotate(180deg)!important;}html:root body .vmesta-video-neighbor {border-radius:14px!important;background:rgba(0,0,0,.5)!important;width:44px!important;height:44px!important;}html:root body .vmesta-video-neighbor svg {width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;}}

/* Регистрация ненаследуемого свойства компонента «property --vm-reaction-inset-top». */
@property --vm-reaction-inset-top {syntax:'<length>';inherits:false;initial-value:0px;}
/* Регистрация ненаследуемого свойства компонента «property --vm-reaction-inset-bottom». */
@property --vm-reaction-inset-bottom {syntax:'<length>';inherits:false;initial-value:0px;}
@layer vmesta-component-contract {/* Оформление «html:root body.messages-route #messages-root#messages-root#messages-root #messenger-message-context .messenger-reaction-picker»: переходы и анимация. */
html:root body.messages-route #messages-root#messages-root#messages-root #messenger-message-context .messenger-reaction-picker {animation:none!important;transform:none!important;clip-path:inset(var(--vm-reaction-inset-top) 0 var(--vm-reaction-inset-bottom) 0 round 16px)!important;}}

@layer vmesta-component-contract {/* Оформление «html:root body .vmesta-video-hold-setting»: размещение и размеры, оформление текста. */
html:root body .vmesta-video-hold-setting {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;font-size:13px!important;}html:root body .vmesta-video-hold-setting select {min-width:88px!important;width:auto!important;height:40px!important;padding:8px 12px!important;border-radius:12px!important;font-size:14px!important;}}

/* Слой оформления окон имеет приоритет над слоем компонентов для важных цветов. */
@layer vmesta-window-theme {
/* Оформление «html:root body #messages-root#messages-root#messages-root#messages-root#messages-root#messages-root .messenger-room-settings-modal > section >…»: цвета и поверхности. */
html:root body #messages-root#messages-root#messages-root#messages-root#messages-root#messages-root .messenger-room-settings-modal > section > header h2 {color:var(--theme-accent,var(--color-dynamic))!important;}
}
@layer vmesta-component-contract {
/* Оформление «html:root body #messages-root#messages-root#messages-root .messenger-day-inline-calendar, html:root body #messages-root#messages-root#messages…»: размещение и размеры, оформление текста. */
html:root body #messages-root#messages-root#messages-root .messenger-day-inline-calendar,
html:root body #messages-root#messages-root#messages-root .messenger-day-button {min-height:38px!important;padding:8px 14px!important;gap:8px!important;font-size:14px!important;line-height:20px!important;font-weight:700!important;}
html:root body #messages-root#messages-root#messages-root .messenger-day-inline-calendar .messenger-icon,
html:root body #messages-root#messages-root#messages-root .messenger-day-button .messenger-icon {width:18px!important;height:18px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-day-button > i {display:inline-flex!important;align-items:center!important;justify-content:center!important;}
html:root body #messages-root#messages-root#messages-root .messenger-day-calendar {font-family:inherit!important;font-size:14px!important;}
html:root body #messages-root#messages-root#messages-root .messenger-day-calendar button {font-family:inherit!important;}
/* Оформление «html:root body #messages-root#messages-root#messages-root .messenger-calendar-picker > button»: оформление текста. */
html:root body #messages-root#messages-root#messages-root .messenger-calendar-picker > button {font-size:15px!important;font-weight:700!important;text-transform:capitalize!important;}
html:root body #messages-root#messages-root#messages-root .messenger-day-calendar footer {font-size:12px!important;line-height:1.4!important;}
}

@layer vmesta-component-contract {
/* Оформление «html:root body #messages-root#messages-root#messages-root .messenger-day-inline-calendar»: цвета и поверхности. */
html:root body #messages-root#messages-root#messages-root .messenger-day-inline-calendar {pointer-events:auto!important;background:var(--theme-surface-control,#e4e7eb)!important;color:var(--theme-text-primary,#282c38)!important;border-radius:22px!important;box-shadow:0 2px 6px rgb(0 0 0 / .06)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-day-inline-calendar > .messenger-icon {color:var(--theme-accent,var(--color-dynamic))!important;}
}