/* Настройки переписки используют шрифт, нейтральные поверхности и контурные иконки VMESTA. */
@layer vmesta-component-contract {
html:root body :is(#chat-settings426-modal#chat-settings426-modal,#cover-chats-pane#cover-chats-pane) {font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif)!important;font-size:13px!important;line-height:1.45!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) :is(button,input,select,strong,b,small,p,span,label) {font-family:inherit!important;letter-spacing:normal!important;text-shadow:none!important;}
html:root body #chat-settings426-modal .chat-settings426-body {display:grid!important;align-content:start!important;gap:12px!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-settings427-profile {display:grid!important;gap:12px!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-section427 {border:0!important;border-radius:18px!important;background:var(--theme-surface-nested)!important;overflow:hidden!important;margin:0!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-section427 > summary {display:flex!important;align-items:center!important;gap:12px!important;list-style:none!important;padding:14px 16px!important;cursor:pointer!important;min-height:62px!important;box-sizing:border-box!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-section427 > summary::-webkit-details-marker {display:none!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-section427 > summary > span {display:grid!important;gap:2px!important;flex:1!important;min-width:0!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-section427 > summary strong {font-size:13px!important;font-weight:700!important;color:var(--theme-text-primary)!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-section427 > summary small {font-size:11px!important;line-height:1.35!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-section427 > summary > svg:last-child {width:16px!important;height:16px!important;transition:transform .2s ease!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-section427[open] > summary > svg:last-child {transform:rotate(180deg)!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-section427-content {padding:0 16px 14px!important;display:grid!important;gap:10px!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-settings426-toggle {gap:12px!important;font-size:13px!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-settings426-toggle > span {flex:1!important;}
/* Настоящие переключатели сохраняют доступность клавиатуры и читаемую область нажатия. */
html:root body :is(#chat-settings426-modal,#cover-chats-pane) input[type=checkbox] {appearance:none!important;width:38px!important;height:23px!important;min-width:38px!important;border:0!important;border-radius:20px!important;background:var(--theme-divider)!important;position:relative!important;cursor:pointer!important;transition:background .18s ease!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) input[type=checkbox]::after {content:''!important;display:block!important;width:17px!important;height:17px!important;border-radius:50%!important;background:var(--theme-text-primary)!important;position:absolute!important;left:3px!important;top:3px!important;transition:transform .18s ease!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) input[type=checkbox]:checked {background:var(--theme-accent)!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) input[type=checkbox]:checked::after {transform:translateX(15px)!important;background:var(--theme-on-accent,#fff)!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) :is(input,button,summary):focus-visible {outline:2px solid var(--theme-accent)!important;outline-offset:3px!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-choice427 {display:grid!important;gap:6px!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-choice427 label {display:flex!important;align-items:center!important;gap:12px!important;padding:11px 12px!important;min-height:44px!important;border-radius:12px!important;background:var(--theme-surface-control)!important;color:var(--theme-text-primary)!important;cursor:pointer!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-choice427 label span {flex:1!important;}
html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-choice427 input {appearance:auto!important;position:static!important;opacity:1!important;width:18px!important;height:18px!important;accent-color:var(--theme-accent)!important;}
html:root body #chat-settings426-modal .chat-notification-modes427 {display:flex!important;flex-wrap:wrap!important;gap:7px!important;}
html:root body #chat-settings426-modal .chat-notification-modes427 button {font:inherit!important;min-height:40px!important;padding:8px 12px!important;border:1px solid transparent!important;border-radius:12px!important;background:var(--theme-surface-control)!important;color:var(--theme-text-primary)!important;cursor:pointer!important;}
html:root body #chat-settings426-modal .chat-notification-modes427 button.is-active {border-color:var(--theme-accent)!important;background:var(--theme-surface-active)!important;color:var(--theme-accent)!important;}
html:root body #chat-settings426-modal .chat-settings426-wallpapers {margin:0!important;}
html:root body #chat-settings426-modal .chat-settings426-wall-tile {border:2px solid transparent!important;box-sizing:border-box!important;background-position:center!important;}
html:root body #chat-settings426-modal .chat-settings426-wallpapers input:checked + .chat-settings426-wall-tile,html:root body #chat-settings426-modal [data-custom-wall427].is-selected .chat-settings426-wall-tile {border-color:var(--theme-accent)!important;}
html:root body #chat-settings426-modal .chat-settings426-upload {background:var(--theme-surface-control)!important;color:var(--theme-text-primary)!important;overflow:hidden!important;}
html:root body #chat-settings426-modal [data-upload-name427] {overflow-wrap:anywhere!important;font-weight:600!important;}
html:root body #chat-settings426-modal .chat-settings426-option {margin:0!important;min-height:48px!important;font-size:13px!important;}
html:root body #chat-settings426-modal .chat-settings426-option > span {flex:1!important;}
/* Подсказка свайпа остаётся внутри одной строки; меняются только локальные transform. */
html:root body #messages-root#messages-root#messages-root .messenger-chat-row.is-swiping426::after {content:none!important;}
html:root body #messages-root#messages-root#messages-root .chat-swipe-hint427 {position:absolute!important;right:0!important;inset-block:0!important;width:100px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px!important;box-sizing:border-box!important;background:var(--theme-surface-active)!important;color:var(--theme-accent)!important;z-index:0!important;pointer-events:none!important;font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif)!important;text-align:center!important;}
html:root body #messages-root#messages-root#messages-root .chat-swipe-hint427 b {font:600 11px/1.25 var(--font-sans,ui-sans-serif,system-ui,sans-serif)!important;color:var(--theme-text-primary)!important;}
html:root body #messages-root#messages-root#messages-root :is(.chat-swipe-hint427,.messenger-archive-menu426,.archive-pull427) svg {width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
html:root body #messages-root#messages-root#messages-root .messenger-archive426 {font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif)!important;}
html:root body #messages-root#messages-root#messages-root .messenger-archive-open426 {font:inherit!important;}
html:root body #messages-root#messages-root#messages-root .archive-pull427 {display:none!important;}
@media(max-width:767px){
html:root body #messages-root#messages-root#messages-root .messenger-archive426 {display:flex!important;max-height:0!important;opacity:0!important;margin:0!important;overflow:hidden!important;visibility:hidden!important;transition:max-height .24s ease,opacity .2s ease,margin .24s ease,visibility .24s!important;pointer-events:none!important;}
html:root body #messages-root#messages-root#messages-root .messenger-archive426.is-visible {max-height:110px!important;opacity:1!important;margin:4px 0 10px!important;visibility:visible!important;pointer-events:auto!important;}
html:root body #messages-root#messages-root#messages-root .archive-pull427 {display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;height:0!important;overflow:hidden!important;opacity:0!important;color:var(--theme-text-secondary)!important;transition:height .18s ease,opacity .18s ease!important;font:11px/1.3 var(--font-sans,ui-sans-serif,system-ui,sans-serif)!important;}
html:root body #messages-root#messages-root#messages-root .archive-pull427.is-pulling {height:44px!important;opacity:1!important;}
html:root body #messages-root#messages-root#messages-root .archive-pull427 > span {position:relative!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;color:var(--theme-text-secondary)!important;}
html:root body #messages-root#messages-root#messages-root .archive-pull427 i {position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:var(--theme-accent)!important;clip-path:inset(calc((1 - var(--archive-pull427,0))*100%) 0 0)!important;}
}
/* Полоса остаётся заполненной после завершения; неопределённый размер использует нативный progress. */
html:root body .vmesta-transfer-card.vmesta-transfer-card {display:flex!important;align-items:flex-start!important;gap:8px!important;padding:14px!important;border-radius:18px!important;background:var(--theme-surface-nested)!important;border:1px solid var(--theme-divider)!important;color:var(--theme-text-primary)!important;overflow:hidden!important;font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif)!important;}
html:root body .vmesta-transfer-card .vmesta-transfer-open {display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;min-width:0!important;padding:0!important;background:none!important;border:0!important;text-align:left!important;font:inherit!important;color:inherit!important;}
html:root body .vmesta-transfer-card .vmesta-transfer-symbol {display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:none!important;border-radius:12px!important;background:var(--theme-surface-control)!important;color:var(--theme-accent)!important;}
html:root body .vmesta-transfer-card svg {width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
html:root body .vmesta-transfer-card .vmesta-transfer-copy {display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:7px!important;}
html:root body .vmesta-transfer-card strong {font:600 13px/1.4 var(--font-sans,ui-sans-serif,system-ui,sans-serif)!important;color:var(--theme-text-primary)!important;overflow-wrap:anywhere!important;}
html:root body .vmesta-transfer-card .vmesta-transfer-status {font:400 11px/1.4 var(--font-sans,ui-sans-serif,system-ui,sans-serif)!important;color:var(--theme-text-secondary)!important;}
html:root body .vmesta-transfer-card progress {display:block!important;appearance:none!important;width:100%!important;height:6px!important;min-height:6px!important;border:0!important;border-radius:6px!important;overflow:hidden!important;background:var(--theme-surface-control)!important;accent-color:var(--theme-accent)!important;}
html:root body .vmesta-transfer-card progress::-webkit-progress-bar {background:var(--theme-surface-control)!important;border-radius:6px!important;}
html:root body .vmesta-transfer-card progress::-webkit-progress-value {background:var(--theme-accent)!important;border-radius:6px!important;transition:width .2s linear!important;}
html:root body .vmesta-transfer-card progress::-moz-progress-bar {background:var(--theme-accent)!important;border-radius:6px!important;}
html:root body .vmesta-transfer-card .vmesta-transfer-dismiss {display:grid!important;place-items:center!important;flex:none!important;width:32px!important;height:32px!important;padding:5px!important;border:0!important;border-radius:10px!important;background:none!important;color:var(--theme-text-secondary)!important;}
html:root body .vmesta-transfer-card .vmesta-transfer-dismiss:hover {background:var(--theme-surface-control)!important;}
@media(prefers-reduced-motion:reduce){html:root body #messages-root#messages-root#messages-root :is(.messenger-archive426,.archive-pull427),html:root body #chat-settings426-modal input::after {transition:none!important;}}
}
@layer vmesta-component-contract {html:root body #cover-chats-pane#cover-chats-pane#cover-chats-pane.hidden {display:none!important;}}
@layer vmesta-component-contract {html:root body #chat-settings426-modal .chat-settings426-upload {height:auto!important;min-height:82px!important;box-sizing:border-box!important;}html:root body :is(#chat-settings426-modal,#cover-chats-pane) .chat-settings426-toggle {height:auto!important;min-height:48px!important;}}