/**
 * mobile-chat-pc-look — перенос ПК-хрома чата на телефон.
 *
 * Включает: body.mobile-chat-pc-look (ставит app.20260614-02.js)
 * Storage:  localStorage.xam_mobile_chat_pc_look = "1" | "0"
 * Откат:   localStorage.setItem('xam_mobile_chat_pc_look','0'); location.reload()
 *          или window.setMobileChatPcLook(false)
 * Полный откат кода: убрать этот файл из index.html + вызовы applyMobileChatPcLook.
 *
 * Scope: обои чата, верхние панели (#chat-top-overlay), нижний composer,
 * список чатов (ПК-шапка / #212121 / FAB), настройки pc-sidebar-settings.
 * Стекло / blur → сплошной #212121 как на ПК.
 */

@media (max-width: 768px) {
    body.mobile-chat-pc-look {
        --mobile-chat-pc-chrome: #212121;
        --mobile-chat-pc-chrome-hover: #262626;
        --mobile-chat-pc-accent: var(--xam-ui-accent, #8774E1);
        /* WebView: компактный отступ под status bar (без лишнего «пола») */
        --mobile-pc-settings-safe-top: max(
            8px,
            var(--xam-safe-top, 0px),
            env(safe-area-inset-top, 0px)
        );
    }

    /* ─── Обои: паттерн-градиент как на ПК (вместо tiled fon.png) ─── */
    body.mobile-chat-pc-look .chat-area {
        background: var(--theme-bg-base, #000) !important;
    }

    body.mobile-chat-pc-look .chat-area::before {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        pointer-events: none !important;
        background-color: transparent !important;
        background-image: var(--theme-bg-pattern-gradient) !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        background-position: center center !important;
        opacity: var(--theme-bg-pattern-opacity, 0.5) !important;
        animation: none !important;
        -webkit-mask-image: var(--theme-bg-pattern) !important;
        mask-image: var(--theme-bg-pattern) !important;
        -webkit-mask-repeat: repeat !important;
        mask-repeat: repeat !important;
        -webkit-mask-size: var(--theme-bg-pattern-size, 480px auto) !important;
        mask-size: var(--theme-bg-pattern-size, 480px auto) !important;
        -webkit-mask-position: 0 0 !important;
        mask-position: 0 0 !important;
    }

    body.mobile-chat-pc-look .chat-area > * {
        position: relative;
        z-index: 1;
    }

    body.mobile-chat-pc-look .chat-view,
    body.mobile-chat-pc-look .messages-container {
        background: transparent !important;
    }

    body.mobile-chat-pc-look .chat-view > .messages-container {
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    /* Низ: без отдельного fade; верх — мягкий blur только под шапкой */
    body.mobile-chat-pc-look .chat-view::after {
        display: none !important;
        content: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: -1 !important;
        background: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Лёгкий tint + frosted blur только под шапкой/закрепом */
    body.mobile-chat-pc-look .chat-view::before {
        display: block !important;
        content: '' !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
        z-index: 11 !important;
        height: calc(96px + env(safe-area-inset-top, 0px)) !important;
        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.38) 0%,
            rgba(0, 0, 0, 0.14) 52%,
            rgba(0, 0, 0, 0) 100%
        ) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.mobile-chat-pc-look .chat-view > .chat-view-top-blur,
    body.mobile-chat-pc-look .chat-view-top-blur {
        display: block !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        content: normal !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
        z-index: 10 !important;
        height: calc(72px + env(safe-area-inset-top, 0px)) !important;
        backdrop-filter: blur(12px) saturate(1.1) !important;
        -webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
        background: linear-gradient(
            to bottom,
            rgba(18, 18, 18, 0.28) 0%,
            rgba(18, 18, 18, 0.1) 55%,
            rgba(18, 18, 18, 0) 100%
        ) !important;
        -webkit-mask-image: linear-gradient(
            to bottom,
            #000 0%,
            rgba(0, 0, 0, 0.88) 34%,
            rgba(0, 0, 0, 0.42) 68%,
            transparent 100%
        ) !important;
        mask-image: linear-gradient(
            to bottom,
            #000 0%,
            rgba(0, 0, 0, 0.88) 34%,
            rgba(0, 0, 0, 0.42) 68%,
            transparent 100%
        ) !important;
    }

    body.mobile-chat-pc-look .chat-view.chat-view--has-pinned::before {
        height: calc(148px + env(safe-area-inset-top, 0px)) !important;
    }

    body.mobile-chat-pc-look .chat-view.chat-view--has-pinned > .chat-view-top-blur {
        height: calc(112px + env(safe-area-inset-top, 0px)) !important;
    }

    body.mobile-chat-pc-look .chat-view.hidden .chat-view-top-blur,
    body.mobile-chat-pc-look .chat-view.hidden > .chat-view-top-blur {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    body.mobile-chat-pc-look.theme-light .chat-view::before {
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.32) 0%,
            rgba(255, 255, 255, 0.12) 48%,
            rgba(255, 255, 255, 0) 100%
        ) !important;
    }

    body.mobile-chat-pc-look .chat-view.hidden::before {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    body.mobile-chat-pc-look.theme-light .chat-view > .chat-view-top-blur,
    body.mobile-chat-pc-look.theme-light .chat-view-top-blur {
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.46) 0%,
            rgba(255, 255, 255, 0.18) 58%,
            rgba(255, 255, 255, 0) 100%
        ) !important;
    }

    /* ─── Верхние панели: сплошной хром ─── */
    body.mobile-chat-pc-look #chat-top-overlay .mobile-top-pill-btn,
    body.mobile-chat-pc-look #chat-top-overlay .mobile-top-nick-pill,
    body.mobile-chat-pc-look #chat-top-overlay .chat-top-overlay-nick-pill,
    body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill,
    body.mobile-chat-pc-look #chat-top-overlay #chat-back-btn-mobile {
        background: var(--mobile-chat-pc-chrome) !important;
        border: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill.is-call-live {
        background: #23a559 !important;
        box-shadow: none !important;
    }

    body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill #chat-top-avatar-btn {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    body.mobile-chat-pc-look #chat-top-overlay .mobile-top-pill-btn:active,
    body.mobile-chat-pc-look #chat-top-overlay .chat-top-overlay-nick-pill:active {
        background: var(--mobile-chat-pc-chrome-hover) !important;
    }

    /* Плашка ника: между «назад» и правой пилюлей (звонок+аватар) */
    body.mobile-chat-pc-look #chat-top-overlay.chat-top-overlay,
    body.mobile-chat-pc-look #chat-top-overlay.mobile-top-nick-pill-wrap {
        grid-template-columns: var(--mobile-top-btn-size, 46px) minmax(0, 1fr) auto !important;
        column-gap: 8px !important;
    }

    body.mobile-chat-pc-look #chat-top-overlay .chat-top-overlay-nick-pill,
    body.mobile-chat-pc-look #chat-top-overlay #chat-top-overlay-info-pill {
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        box-sizing: border-box !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.mobile-chat-pc-look #chat-top-overlay .chat-top-overlay-nick-stack {
        width: 100% !important;
        max-width: 100% !important;
        align-items: center !important;
    }

    body.mobile-chat-pc-look #chat-top-overlay .chat-top-overlay-nick-pill .mobile-top-nick-pill-track {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.mobile-chat-pc-look #chat-top-overlay .chat-top-overlay-nick-pill .mobile-top-nick-pill-text,
    body.mobile-chat-pc-look #chat-top-overlay #chat-user-name-mobile-text,
    body.mobile-chat-pc-look #chat-top-overlay .chat-top-overlay-status {
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Закреп / автоперевод — сплошные */
    body.mobile-chat-pc-look .chat-view #pinned-messages-bar:not(.hidden),
    body.mobile-chat-pc-look .chat-view > .pinned-messages-bar:not(.hidden),
    body.mobile-chat-pc-look .chat-view .chat-auto-translate-bar:not(.hidden) {
        background: #212121 !important;
        background-color: #212121 !important;
        border: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        opacity: 1 !important;
        z-index: 13 !important;
        isolation: isolate;
    }

    /* Закреплённые — чуть компактнее исходной, но не слишком узко */
    body.mobile-chat-pc-look .chat-view #pinned-messages-bar:not(.hidden),
    body.mobile-chat-pc-look .chat-view > .pinned-messages-bar:not(.hidden) {
        min-height: 42px !important;
        height: 42px !important;
        padding: 5px 12px 5px 0 !important;
        gap: 8px !important;
        align-items: center !important;
    }

    body.mobile-chat-pc-look .chat-view #pinned-messages-bar .pinned-messages-bar-accent,
    body.mobile-chat-pc-look .chat-view > .pinned-messages-bar .pinned-messages-bar-accent {
        display: none !important;
    }

    body.mobile-chat-pc-look .chat-view #pinned-messages-bar .pinned-messages-bar-icon,
    body.mobile-chat-pc-look .chat-view > .pinned-messages-bar .pinned-messages-bar-icon {
        width: 32px !important;
        margin-left: 10px !important;
        color: var(--xam-ui-accent, #8774E1) !important;
    }

    body.mobile-chat-pc-look .chat-view #pinned-messages-bar .pinned-messages-bar-icon svg,
    body.mobile-chat-pc-look .chat-view > .pinned-messages-bar .pinned-messages-bar-icon svg {
        width: 15px !important;
        height: 15px !important;
    }

    body.mobile-chat-pc-look .chat-view #pinned-messages-bar .pinned-messages-bar-body,
    body.mobile-chat-pc-look .chat-view > .pinned-messages-bar .pinned-messages-bar-body {
        gap: 1px !important;
    }

    body.mobile-chat-pc-look .chat-view #pinned-messages-bar .pinned-messages-bar-title,
    body.mobile-chat-pc-look .chat-view > .pinned-messages-bar .pinned-messages-bar-title {
        font-size: 12px !important;
        line-height: 1.15 !important;
    }

    body.mobile-chat-pc-look .chat-view #pinned-messages-bar .pinned-messages-bar-text,
    body.mobile-chat-pc-look .chat-view > .pinned-messages-bar .pinned-messages-bar-text {
        font-size: 12px !important;
        line-height: 1.15 !important;
    }

    body.mobile-chat-pc-look .chat-view #pinned-messages-bar .pinned-messages-bar-count,
    body.mobile-chat-pc-look .chat-view > .pinned-messages-bar .pinned-messages-bar-count {
        font-size: 11px !important;
        padding-right: 2px !important;
    }

    body.mobile-chat-pc-look .chat-view.chat-view--has-pinned .messages-container {
        padding-top: 52px !important;
        scroll-padding-top: calc(44px + var(--mobile-top-btn-size, 46px) + 52px) !important;
    }

    /* ─── Нижняя панель: одна сплошная пилюля, выровненные иконки ─── */
    body.mobile-chat-pc-look .message-input-container {
        --composer-chip-bg: var(--mobile-chat-pc-chrome);
        --composer-chip-border: transparent;
        --composer-chip-shadow: none;
        --composer-btn-size: 42px;
        --composer-send-w: 52px;
        --composer-pill-min-h: 42px;
        --composer-row-gap: 0px;
    }

    body.mobile-chat-pc-look .message-input-container:not(.voice-inline-mode):not(.voice-recording-mode):not(.voice-preview-mode) .input-attach-buttons {
        display: contents !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.mobile-chat-pc-look .input-panel > .composer-main-row {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-end !important;
        gap: 0 !important;
        min-height: 48px !important;
        height: auto !important;
        padding: 3px 3px 3px 4px !important;
        border-radius: var(--composer-bar-radius, 999px) !important;
        background: var(--mobile-chat-pc-chrome) !important;
        box-shadow: none !important;
        border: none !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        transition: border-radius 0.18s ease !important;
    }

    body.mobile-chat-pc-look .composer-main-row .message-input-pill,
    body.mobile-chat-pc-look .message-input-container .message-input-pill {
        order: 2;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border-radius: 0 !important;
        min-height: 42px !important;
        height: auto !important;
        padding: 0 2px !important;
        /* Не stretch: иначе при росте строк сверху появляется пустота */
        align-self: flex-end !important;
        display: flex !important;
        align-items: center !important;
        filter: none !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    body.mobile-chat-pc-look .composer-main-row .message-input-pill.message-input-pill--compact {
        height: 42px !important;
        min-height: 42px !important;
        align-items: center !important;
        padding: 0 2px !important;
    }

    body.mobile-chat-pc-look .composer-main-row.composer-main-row--multiline .message-input-pill {
        height: auto !important;
        min-height: 0 !important;
        align-self: flex-end !important;
        align-items: flex-end !important;
        padding: 2px 2px 2px !important;
    }

    body.mobile-chat-pc-look .composer-main-row .message-input {
        /* Высоту задаёт JS (!important), field-sizing отключаем — иначе раздувает панель */
        field-sizing: fixed !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 120px !important;
        padding: 8px 2px !important;
        line-height: 1.3 !important;
        font-size: 16px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        align-self: center !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
        vertical-align: middle !important;
    }

    /* Пустое поле: плейсхолдер по центру, без обрезания */
    body.mobile-chat-pc-look .composer-main-row .message-input-pill.message-input-pill--compact .message-input {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        padding: 0 2px !important;
        line-height: 36px !important;
        overflow: hidden !important;
    }

    body.mobile-chat-pc-look .composer-main-row .message-input::placeholder,
    body.mobile-chat-pc-look .composer-main-row .message-input-pill .message-input::placeholder {
        color: #AAAAAA !important;
        opacity: 1 !important;
        font-weight: 500 !important;
        line-height: inherit !important;
        position: static !important;
        top: auto !important;
        transform: none !important;
    }

    body.mobile-chat-pc-look .composer-main-row.composer-main-row--multiline .message-input {
        padding: 2px 2px 2px !important;
        line-height: 1.3 !important;
        align-self: stretch !important;
        overflow-y: auto !important;
        max-height: 120px !important;
    }

    body.mobile-chat-pc-look .composer-main-row.composer-main-row--multiline > .btn-file:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .composer-main-row.composer-main-row--multiline > .btn-emoji:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .composer-main-row.composer-main-row--multiline > .btn-webapp:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .composer-main-row.composer-main-row--multiline > .btn-scheduled:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .composer-main-row.composer-main-row--multiline .voice-send-slot {
        align-self: flex-end !important;
    }

    /* Файл / смайл — одна высота с полем, иконки по центру.
       Не трогаем .hidden / [hidden] — иначе всплывают webapp/scheduled. */
    body.mobile-chat-pc-look .composer-main-row > .btn-file:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .composer-main-row > .btn-emoji:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .composer-main-row > .btn-webapp:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .composer-main-row > .btn-scheduled:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .input-attach-buttons .btn-file:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .input-attach-buttons .btn-emoji:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .input-attach-buttons .btn-webapp:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .input-attach-buttons .btn-scheduled:not(.hidden):not([hidden]) {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        color: #AAAAAA !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: flex-end !important;
        flex-shrink: 0 !important;
        pointer-events: auto !important;
        -webkit-tap-highlight-color: transparent;
    }

    body.mobile-chat-pc-look .composer-main-row > .btn-webapp.hidden,
    body.mobile-chat-pc-look .composer-main-row > .btn-webapp[hidden],
    body.mobile-chat-pc-look .composer-main-row > .btn-scheduled.hidden,
    body.mobile-chat-pc-look .composer-main-row > .btn-scheduled[hidden],
    body.mobile-chat-pc-look .input-attach-buttons .btn-webapp.hidden,
    body.mobile-chat-pc-look .input-attach-buttons .btn-webapp[hidden],
    body.mobile-chat-pc-look .input-attach-buttons .btn-scheduled.hidden,
    body.mobile-chat-pc-look .input-attach-buttons .btn-scheduled[hidden],
    body.mobile-chat-pc-look .composer-main-row > .btn-file.hidden,
    body.mobile-chat-pc-look .composer-main-row > .btn-emoji.hidden,
    body.mobile-chat-pc-look .input-attach-buttons .btn-file.hidden,
    body.mobile-chat-pc-look .input-attach-buttons .btn-emoji.hidden {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    body.mobile-chat-pc-look .composer-main-row > .btn-file:not(.hidden) svg,
    body.mobile-chat-pc-look .composer-main-row > .btn-emoji:not(.hidden) svg,
    body.mobile-chat-pc-look .composer-main-row > .btn-webapp:not(.hidden) svg,
    body.mobile-chat-pc-look .composer-main-row > .btn-scheduled:not(.hidden) svg,
    body.mobile-chat-pc-look .input-attach-buttons .btn-file:not(.hidden) svg,
    body.mobile-chat-pc-look .input-attach-buttons .btn-emoji:not(.hidden) svg,
    body.mobile-chat-pc-look .input-attach-buttons .btn-webapp:not(.hidden) svg,
    body.mobile-chat-pc-look .input-attach-buttons .btn-scheduled:not(.hidden) svg,
    body.mobile-chat-pc-look .message-input-container .input-attach-buttons .btn-file svg,
    body.mobile-chat-pc-look .message-input-container .input-attach-buttons .btn-emoji svg,
    body.mobile-chat-pc-look .message-input-container .input-attach-buttons .btn-webapp svg,
    body.mobile-chat-pc-look .message-input-container .input-attach-buttons .btn-scheduled svg {
        width: 24px !important;
        height: 24px !important;
        color: #AAAAAA !important;
        stroke: currentColor !important;
        fill: none !important;
    }

    body.mobile-chat-pc-look .message-input-container .input-attach-buttons .btn-file,
    body.mobile-chat-pc-look .message-input-container .input-attach-buttons .btn-emoji,
    body.mobile-chat-pc-look .message-input-container .input-attach-buttons .btn-webapp,
    body.mobile-chat-pc-look .message-input-container .input-attach-buttons .btn-scheduled,
    body.mobile-chat-pc-look .message-input-container .composer-main-row > .btn-file,
    body.mobile-chat-pc-look .message-input-container .composer-main-row > .btn-emoji,
    body.mobile-chat-pc-look .message-input-container .composer-main-row > .btn-webapp,
    body.mobile-chat-pc-look .message-input-container .composer-main-row > .btn-scheduled {
        color: #AAAAAA !important;
    }

    /* Смайл: только одна иконка (смайл ИЛИ клава), не обе сразу */
    body.mobile-chat-pc-look .btn-emoji .emoji-icon {
        width: 24px !important;
        height: 24px !important;
        color: #AAAAAA !important;
        stroke: currentColor !important;
    }

    body.mobile-chat-pc-look .btn-emoji .emoji-icon--kbd,
    body.mobile-chat-pc-look .message-input-container .btn-emoji .emoji-icon--kbd,
    body.mobile-chat-pc-look .composer-main-row > .btn-emoji .emoji-icon--kbd,
    body.mobile-chat-pc-look .input-attach-buttons .btn-emoji .emoji-icon--kbd {
        display: none !important;
    }

    body.mobile-chat-pc-look .btn-emoji .emoji-icon--emoji,
    body.mobile-chat-pc-look .message-input-container .btn-emoji .emoji-icon--emoji {
        display: block !important;
    }

    body.mobile-chat-pc-look .btn-emoji.is-emoji-open .emoji-icon--emoji,
    body.mobile-chat-pc-look .message-input-container .btn-emoji.is-emoji-open .emoji-icon--emoji {
        display: none !important;
    }

    body.mobile-chat-pc-look .btn-emoji.is-emoji-open .emoji-icon--kbd,
    body.mobile-chat-pc-look .message-input-container .btn-emoji.is-emoji-open .emoji-icon--kbd {
        display: block !important;
    }

    body.mobile-chat-pc-look .input-attach-buttons .btn-file:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .input-attach-buttons .btn-webapp:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .input-attach-buttons .btn-scheduled:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .composer-main-row > .btn-file:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .composer-main-row > .btn-webapp:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .composer-main-row > .btn-scheduled:not(.hidden):not([hidden]) {
        order: 1;
    }

    body.mobile-chat-pc-look .input-attach-buttons .btn-emoji:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .composer-main-row > .btn-emoji:not(.hidden):not([hidden]) {
        order: 3;
    }

    /* ГС / отправка — акцентная пилюля 52×42 (как было) */
    body.mobile-chat-pc-look .voice-send-slot {
        order: 5;
        position: relative !important;
        width: 52px !important;
        min-width: 52px !important;
        height: 42px !important;
        flex: 0 0 52px !important;
        flex-shrink: 0 !important;
        align-self: flex-end !important;
        margin: 0 !important;
        pointer-events: auto !important;
        overflow: visible !important;
        background: transparent !important;
        z-index: 2;
    }

    body.mobile-chat-pc-look .message-input-container .voice-send-slot .btn-voice:not(.recording):not(.is-recording-active):not(.btn-hidden),
    body.mobile-chat-pc-look .message-input-container .voice-send-slot .btn-send:not(.btn-hidden),
    body.mobile-chat-pc-look .message-input-container .voice-send-slot.composer-has-text .btn-send:not(.btn-hidden),
    body.mobile-chat-pc-look.xam-liquid-glass-enabled .message-input-container .voice-send-slot .btn-voice:not(.recording):not(.is-recording-active):not(.btn-hidden),
    body.mobile-chat-pc-look.xam-liquid-glass-enabled .message-input-container .voice-send-slot .btn-send:not(.btn-hidden) {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        width: 52px !important;
        height: 42px !important;
        min-width: 52px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 999px !important;
        background: var(--xam-ui-accent, #8774E1) !important;
        background-color: var(--xam-ui-accent, #8774E1) !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        color: #fff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.mobile-chat-pc-look .voice-send-slot .btn-voice.btn-hidden,
    body.mobile-chat-pc-look .voice-send-slot .btn-send.btn-hidden {
        display: none !important;
        pointer-events: none !important;
    }

    body.mobile-chat-pc-look .voice-send-slot .btn-voice svg,
    body.mobile-chat-pc-look .voice-send-slot .btn-send svg {
        display: block !important;
        color: #fff !important;
    }

    body.mobile-chat-pc-look .voice-send-slot .btn-voice svg {
        width: 22px !important;
        height: 22px !important;
        fill: currentColor !important;
        stroke: none !important;
        overflow: visible !important;
    }

    body.mobile-chat-pc-look .voice-send-slot .btn-voice.is-vnote-mode svg,
    body.mobile-chat-pc-look .voice-send-slot .btn-voice.is-vnote-recording svg {
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    body.mobile-chat-pc-look .voice-send-slot .btn-send svg {
        width: 22px !important;
        height: 18px !important;
        fill: none !important;
        stroke: currentColor !important;
    }

    body.mobile-chat-pc-look .voice-send-slot .btn-voice:active:not(.btn-hidden),
    body.mobile-chat-pc-look .voice-send-slot .btn-send:active:not(.btn-hidden) {
        background: var(--xam-ui-accent-hover, #9585e6) !important;
        background-color: var(--xam-ui-accent-hover, #9585e6) !important;
    }

    body.mobile-chat-pc-look .input-panel > .reply-preview:not(.hidden),
    body.mobile-chat-pc-look .input-panel > .edit-preview:not(.hidden) {
        background: var(--mobile-chat-pc-chrome) !important;
        border: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    /* Ответ / правка — стыкуются сверху к той же пилюле (та же ширина, без подъёма) */
    body.mobile-chat-pc-look .message-input-container.has-active-reply:not(.voice-inline-mode):not(.voice-recording-mode):not(.voice-preview-mode) .input-panel,
    body.mobile-chat-pc-look .message-input-container.has-active-edit:not(.voice-inline-mode):not(.voice-recording-mode):not(.voice-preview-mode) .input-panel {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        /* как обычно: боковые inset’ы, без лишнего padding — иначе пилюля шире и «прыгает» */
        margin: 8px 0 !important;
        padding: 0 max(10px, env(safe-area-inset-right, 0px)) 0 max(10px, env(safe-area-inset-left, 0px)) !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        transform: none !important;
    }

    body.mobile-chat-pc-look .message-input-container.has-active-reply .input-panel > .composer-main-row,
    body.mobile-chat-pc-look .message-input-container.has-active-edit .input-panel > .composer-main-row {
        background: var(--mobile-chat-pc-chrome) !important;
        background-color: var(--mobile-chat-pc-chrome) !important;
        border-radius: 0 0 26px 26px !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.mobile-chat-pc-look .message-input-container.has-active-reply .input-panel:has(.composer-main-row--multiline) > .composer-main-row,
    body.mobile-chat-pc-look .message-input-container.has-active-edit .input-panel:has(.composer-main-row--multiline) > .composer-main-row {
        border-radius: 0 0 22px 22px !important;
    }

    body.mobile-chat-pc-look .message-input-container.has-active-reply .input-panel > .reply-preview:not(.hidden),
    body.mobile-chat-pc-look .message-input-container.has-active-edit .input-panel > .edit-preview:not(.hidden),
    body.mobile-chat-pc-look .message-input-container.has-active-reply .input-panel > .edit-preview:not(.hidden),
    body.mobile-chat-pc-look .message-input-container.has-active-edit .input-panel > .reply-preview:not(.hidden) {
        display: flex !important;
        background: var(--mobile-chat-pc-chrome) !important;
        background-color: var(--mobile-chat-pc-chrome) !important;
        border: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        border-radius: 26px 26px 0 0 !important;
        padding: 10px 14px 6px !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        flex: 0 0 auto !important;
        align-self: stretch !important;
        box-sizing: border-box !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
        pointer-events: auto !important;
    }

    body.mobile-chat-pc-look .message-input-container.has-active-reply .input-panel:has(.composer-main-row--multiline) > .reply-preview:not(.hidden),
    body.mobile-chat-pc-look .message-input-container.has-active-edit .input-panel:has(.composer-main-row--multiline) > .edit-preview:not(.hidden),
    body.mobile-chat-pc-look .message-input-container.has-active-reply .input-panel:has(.composer-main-row--multiline) > .edit-preview:not(.hidden),
    body.mobile-chat-pc-look .message-input-container.has-active-edit .input-panel:has(.composer-main-row--multiline) > .reply-preview:not(.hidden) {
        border-radius: 22px 22px 0 0 !important;
    }

    body.mobile-chat-pc-look .message-input-container.has-active-reply .input-panel > .reply-preview:not(.hidden) .reply-preview-info,
    body.mobile-chat-pc-look .message-input-container.has-active-edit .input-panel > .edit-preview:not(.hidden) .reply-preview-info {
        position: relative !important;
        padding-left: 0 !important;
        gap: 2px !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    body.mobile-chat-pc-look .message-input-container.has-active-reply .input-panel > .reply-preview:not(.hidden) .reply-preview-info::before,
    body.mobile-chat-pc-look .message-input-container.has-active-edit .input-panel > .edit-preview:not(.hidden) .reply-preview-info::before {
        display: none !important;
        content: none !important;
    }

    body.mobile-chat-pc-look .message-input-container.has-active-reply .input-panel > .reply-preview:not(.hidden) .reply-preview-label,
    body.mobile-chat-pc-look .message-input-container.has-active-edit .input-panel > .edit-preview:not(.hidden) .reply-preview-label {
        color: var(--xam-ui-accent, #8774E1) !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
    }

    body.mobile-chat-pc-look .message-input-container.has-active-reply .input-panel > .reply-preview:not(.hidden) .reply-preview-text,
    body.mobile-chat-pc-look .message-input-container.has-active-edit .input-panel > .edit-preview:not(.hidden) .reply-preview-text {
        color: rgba(255, 255, 255, 0.95) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
    }

    body.mobile-chat-pc-look .message-input-container.has-active-reply .input-panel > .reply-preview:not(.hidden) .reply-preview-close,
    body.mobile-chat-pc-look .message-input-container.has-active-edit .input-panel > .edit-preview:not(.hidden) .reply-preview-close {
        color: rgba(255, 255, 255, 0.92) !important;
        width: 28px !important;
        height: 28px !important;
        font-size: 22px !important;
        line-height: 1 !important;
        margin-top: -2px !important;
        align-self: flex-start !important;
    }

    body.mobile-chat-pc-look .message-input-container.has-active-reply .composer-main-row .message-input-pill,
    body.mobile-chat-pc-look .message-input-container.has-active-edit .composer-main-row .message-input-pill {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    body.mobile-chat-pc-look #scroll-to-bottom-btn {
        background: var(--mobile-chat-pc-chrome) !important;
        border: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    /* Reply-клавиатура бота: сплошной #212121, без обводки/тени */
    body.mobile-chat-pc-look .bot-reply-keyboard-btn,
    body.mobile-chat-pc-look .message-input-container .bot-reply-keyboard-btn,
    body.mobile-chat-pc-look .message-input-container.composer-focused.has-bot-reply-keyboard .bot-reply-keyboard-btn,
    body.mobile-chat-pc-look .message-input-container.keyboard-open.has-bot-reply-keyboard .bot-reply-keyboard-btn {
        background: var(--mobile-chat-pc-chrome) !important;
        background-color: var(--mobile-chat-pc-chrome) !important;
        border: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    body.mobile-chat-pc-look .bot-reply-keyboard-btn:hover,
    body.mobile-chat-pc-look .bot-reply-keyboard-btn:active,
    body.mobile-chat-pc-look .message-input-container .bot-reply-keyboard-btn:hover,
    body.mobile-chat-pc-look .message-input-container .bot-reply-keyboard-btn:active {
        background: var(--mobile-chat-pc-chrome-hover) !important;
        background-color: var(--mobile-chat-pc-chrome-hover) !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Перебить liquid-glass на хроме чата (НЕ на кнопке ГС/отправки) */
    body.mobile-chat-pc-look.xam-liquid-glass-enabled .message-input-container .message-input-pill,
    body.mobile-chat-pc-look.xam-liquid-glass-enabled .message-input-container .input-attach-buttons,
    body.mobile-chat-pc-look.xam-liquid-glass-enabled .message-input-container .input-panel > .reply-preview:not(.hidden),
    body.mobile-chat-pc-look.xam-liquid-glass-enabled .message-input-container .input-panel > .edit-preview:not(.hidden),
    body.mobile-chat-pc-look.xam-liquid-glass-enabled .message-input-container.has-active-reply .input-panel > .composer-main-row,
    body.mobile-chat-pc-look.xam-liquid-glass-enabled .message-input-container.has-active-edit .input-panel > .composer-main-row,
    body.mobile-chat-pc-look.xam-liquid-glass-enabled #chat-top-overlay #chat-back-btn-mobile,
    body.mobile-chat-pc-look.xam-liquid-glass-enabled #chat-top-overlay .chat-top-overlay-nick-pill,
    body.mobile-chat-pc-look.xam-liquid-glass-enabled #chat-top-overlay #chat-top-end-pill,
    body.mobile-chat-pc-look.xam-liquid-glass-enabled .chat-view #pinned-messages-bar:not(.hidden),
    body.mobile-chat-pc-look.xam-liquid-glass-enabled .chat-view .chat-auto-translate-bar:not(.hidden),
    body.mobile-chat-pc-look.xam-liquid-glass-enabled #scroll-to-bottom-btn {
        background: var(--mobile-chat-pc-chrome) !important;
        border: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    body.mobile-chat-pc-look.xam-liquid-glass-enabled #chat-top-overlay #chat-top-end-pill.is-call-live {
        background: #23a559 !important;
        box-shadow: none !important;
    }

    body.mobile-chat-pc-look.xam-liquid-glass-enabled .message-input-container.has-active-reply .input-panel,
    body.mobile-chat-pc-look.xam-liquid-glass-enabled .message-input-container.has-active-edit .input-panel {
        background: transparent !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }

    /* ─── Список чатов: верхняя панель как на ПК (меню · поиск · аватар) ─── */
    body.mobile-chat-pc-look .sidebar > .sidebar-header,
    body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        /* Как при папках: без нижнего «хвоста» под слотом Flow — иначе в конце close список прыгает */
        padding: calc(10px + env(safe-area-inset-top, 0px)) 14px 0 !important;
        gap: 0 !important;
        box-sizing: border-box !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        position: relative !important;
        z-index: 40 !important;
        flex: 0 0 auto !important;
        overflow: visible !important;
        isolation: isolate !important;
    }

    /* Мобилка: тень под шапкой — только overlay, НЕ в потоке (раньше height:32px давал барьер) */
    body.mobile-chat-pc-look .sidebar .chats-section {
        position: relative !important;
    }
    body.mobile-chat-pc-look .sidebar .chats-section::before {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: none !important;
        z-index: 25 !important;
        opacity: var(--sidebar-scroll-shade, 0) !important;
        background: linear-gradient(
            to bottom,
            rgba(33, 33, 33, 0.96) 0%,
            rgba(33, 33, 33, 0.45) 40%,
            rgba(33, 33, 33, 0) 100%
        ) !important;
    }

    body.mobile-chat-pc-look.theme-light .sidebar .chats-section::before {
        background: linear-gradient(
            to bottom,
            rgba(245, 245, 247, 0.96) 0%,
            rgba(245, 245, 247, 0.42) 42%,
            rgba(245, 245, 247, 0) 100%
        ) !important;
    }

    body.mobile-chat-pc-look #chat-folders-bar.chat-folders-bar,
    body.mobile-chat-pc-look .sidebar > #chat-folders-bar,
    body.mobile-chat-pc-look .sidebar-chats-row > #chat-folders-bar,
    body.mobile-chat-pc-look .sidebar-header > .chat-folders-bar {
        display: none !important;
        position: relative !important;
        /* style.css ставит fixed + top:calc(44+54) — при relative top НЕ сбрасывался → папки уезжали вниз на чаты */
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        inset: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 2px 2px !important;
        background: transparent !important;
        pointer-events: none !important;
        z-index: 1 !important;
        transform: none !important;
        flex: 0 0 auto !important;
    }

    body.mobile-chat-pc-look.xam-chat-folders-bar-on #chat-folders-bar.chat-folders-bar:not(.hidden),
    body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar > #chat-folders-bar:not(.hidden),
    body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar-chats-row > #chat-folders-bar:not(.hidden),
    body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar-header > .chat-folders-bar:not(.hidden) {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        left: auto !important;
        right: auto !important;
    }

    body.mobile-chat-pc-look .sidebar-chats-row {
        flex-direction: column !important;
    }

    /* Ближе к строке поиска */
    body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar > .sidebar-header,
    body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar > .sidebar-main-stack > .sidebar-header {
        padding-bottom: 0 !important;
        gap: 0 !important;
    }

    body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar-top-bar,
    body.mobile-chat-pc-look.xam-chat-folders-bar-on #sidebar-top-bar {
        margin-bottom: 0 !important;
    }

    body.mobile-chat-pc-look.xam-chat-folders-bar-on #flow-stories-slot:not(.is-active):not(.is-open-static) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        height: 0 !important;
    }

    body.mobile-chat-pc-look .chat-folders-bar-scroll {
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        pointer-events: auto !important;
        position: relative !important;
    }

    body.mobile-chat-pc-look .chat-folders-indicator {
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        height: 3px !important;
        width: 0;
        border-radius: 3px 3px 0 0 !important;
        background: var(--xam-ui-accent, #8774E1) !important;
        pointer-events: none !important;
        z-index: 2 !important;
        will-change: transform, width;
        transform: translate3d(0, 0, 0);
        transition:
            transform 280ms cubic-bezier(0.32, 0.72, 0, 1),
            width 280ms cubic-bezier(0.32, 0.72, 0, 1),
            opacity 160ms ease;
    }

    body.mobile-chat-pc-look .chat-folders-chip {
        min-height: 30px !important;
        padding: 7px 16px 5px !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: rgba(255, 255, 255, 0.42) !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        box-shadow: none !important;
    }

    body.mobile-chat-pc-look .chat-folders-chip:first-child {
        padding-left: 2px !important;
    }

    body.mobile-chat-pc-look .chat-folders-chip.is-active {
        background: transparent !important;
        color: #ffffff !important;
    }

    body.mobile-chat-pc-look .chat-folders-chip.is-active::after,
    body.mobile-chat-pc-look .chat-folders-chip:first-child.is-active::after {
        display: none !important;
        content: none !important;
    }

    body.mobile-chat-pc-look.desktop-search-mode #chat-folders-bar,
    body.mobile-chat-pc-look.xam-mobile-chats-search-active #chat-folders-bar {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.mobile-chat-pc-look.xam-chat-folders-bar-on #chats-list,
    body.mobile-chat-pc-look.xam-chat-folders-bar-on #chats-list.chats-list--drum {
        padding-top: 2px !important;
        margin-top: 0 !important;
    }

    body.mobile-chat-pc-look .xam-chat-folder-empty {
        padding: 64px 24px 40px !important;
    }

    body.mobile-chat-pc-look .xam-chat-folder-empty-title {
        font-size: 16px !important;
        color: rgba(255, 255, 255, 0.42) !important;
    }

    body.mobile-chat-pc-look .sidebar > .sidebar-header > .user-info,
    body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header > .user-info,
    body.mobile-chat-pc-look .sidebar > .sidebar-header > .header-actions,
    body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header > .header-actions,
    body.mobile-chat-pc-look .sidebar > .sidebar-header > .sidebar-search-bar,
    body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header > .sidebar-search-bar {
        display: none !important;
    }

    body.mobile-chat-pc-look .sidebar > .sidebar-header > .sidebar-top-bar,
    body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header > .sidebar-top-bar,
    body.mobile-chat-pc-look #sidebar-top-bar.desktop-only,
    body.mobile-chat-pc-look #sidebar-top-bar {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        position: relative !important;
    }

    /* Старую мобильную шапку списка прячем (чат-оверлей не трогаем) */
    body.mobile-chat-pc-look #mobile-top-nick-pill-wrap:not(.chat-top-overlay) {
        display: none !important;
    }

    body.mobile-chat-pc-look #chats-list {
        padding-top: 8px !important;
        /* Скролл списка: меньше композитинга/перерисовок во время листания */
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-y: contain !important;
        transform: translateZ(0);
    }

    body.mobile-chat-pc-look.chats-list-scrolling #chats-list .chat-name .chat-name-text.is-marquee {
        animation-play-state: paused !important;
    }

    body.mobile-chat-pc-look.chats-list-scrolling #chats-list .chat-item,
    body.mobile-chat-pc-look.chats-list-scrolling #chats-list .chat-item-shell {
        transition: none !important;
    }

    body.mobile-chat-pc-look .sidebar-menu-btn {
        position: relative !important;
        flex: 0 0 auto !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: none !important;
        border-radius: 50% !important;
        background: transparent !important;
        color: rgba(255, 255, 255, 0.88) !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent;
    }

    body.mobile-chat-pc-look .sidebar-menu-btn:active,
    body.mobile-chat-pc-look .sidebar-menu-btn[aria-expanded="true"] {
        background: rgba(255, 255, 255, 0.1) !important;
    }

    body.mobile-chat-pc-look .sidebar-menu-btn svg {
        width: 22px !important;
        height: 22px !important;
    }

    body.mobile-chat-pc-look .sidebar-search-input-wrapper {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        background: #181818 !important;
        border-radius: 999px !important;
        padding: 0 10px 0 16px !important;
        gap: 10px !important;
        height: 42px !important;
        box-sizing: border-box !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.mobile-chat-pc-look .sidebar-search-input-wrapper.has-flow-stories {
        padding-right: 8px !important;
    }

    /* Flow stories (тест): стек в поиске + раскрытие оттяжкой вниз */
    body.mobile-chat-pc-look .flow-stories-stack {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        margin-left: auto !important;
        padding-left: 4px !important;
        height: 28px !important;
        pointer-events: auto !important;
    }

    body.mobile-chat-pc-look .flow-stories-stack.hidden,
    body.mobile-chat-pc-look .flow-stories-stack[hidden] {
        display: none !important;
    }

    body.mobile-chat-pc-look .flow-stories-stack-btn {
        width: 28px !important;
        height: 28px !important;
        border-radius: 50% !important;
        border: 2px solid #181818 !important;
        padding: 0 !important;
        margin: 0 0 0 -10px !important;
        overflow: hidden !important;
        cursor: pointer !important;
        background: #333 !important;
        flex-shrink: 0 !important;
        position: relative !important;
        -webkit-tap-highlight-color: transparent;
    }

    body.mobile-chat-pc-look .flow-stories-stack-btn:first-child {
        margin-left: 0 !important;
        z-index: 1 !important;
    }

    body.mobile-chat-pc-look .flow-stories-stack-btn:nth-child(2) {
        z-index: 2 !important;
    }

    body.mobile-chat-pc-look .flow-stories-stack-btn:nth-child(3) {
        z-index: 3 !important;
    }

    body.mobile-chat-pc-look .flow-stories-stack-btn .flow-stories-avatar-inner,
    body.mobile-chat-pc-look .flow-stories-stack-btn .flow-stories-avatar-inner img {
        width: 100% !important;
        height: 100% !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        display: block !important;
    }

    body.mobile-chat-pc-look .flow-stories-stack-btn .flow-stories-avatar-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #fff !important;
    }

    body.mobile-chat-pc-look.flow-stories-open .flow-stories-stack {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* В поиске стек аватаров прячем */
    body.mobile-chat-pc-look .sidebar-search-input-wrapper:focus-within .flow-stories-stack,
    body.mobile-chat-pc-look.desktop-search-mode .flow-stories-stack,
    body.mobile-chat-pc-look.xam-mobile-chats-search-active .flow-stories-stack {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Только в поиске: сторис в затемнённой панели как у «Недавних» */
    body.mobile-chat-pc-look.desktop-search-mode .flow-stories-slot.is-open-static,
    body.mobile-chat-pc-look.desktop-search-mode.flow-stories-open .flow-stories-slot {
        display: block !important;
        /* header padding 14px, панель поиска ~10px; правый край чуть короче — тянем сильнее */
        margin: 6px -8px 0 -4px !important;
        width: calc(100% + 12px) !important;
        max-width: none !important;
        padding: 10px 8px 8px !important;
        box-sizing: border-box !important;
        background: #191919 !important;
        border-radius: 20px !important;
        line-height: normal !important;
        font-size: inherit !important;
    }

    body.mobile-chat-pc-look.desktop-search-mode .flow-stories-expanded.is-open:not(.is-pulling) {
        padding: 0 !important;
        background: transparent !important;
    }

    body.mobile-chat-pc-look.desktop-search-mode .flow-stories-spacer {
        background: transparent !important;
    }

    /* ─── Flow stories slot: spacer толкает список, expanded вне потока ─── */
    body.mobile-chat-pc-look .flow-stories-slot {
        position: relative !important;
        display: none !important; /* закрыто — не занимает место в шапке */
        width: 100% !important;
        flex: 0 0 auto !important;
        min-height: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        z-index: 5 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        line-height: 0 !important;
        font-size: 0 !important;
    }

    /* Без папок тоже: закрытый слот = 0 высоты (раньше так было только с xam-chat-folders-bar-on) */
    body.mobile-chat-pc-look #flow-stories-slot:not(.is-active):not(.is-open-static) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
    }

    body.mobile-chat-pc-look .flow-stories-slot.is-active,
    body.mobile-chat-pc-look .flow-stories-slot.is-open-static,
    body.mobile-chat-pc-look.flow-stories-open .flow-stories-slot {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        /* Не line-height:normal — иначе в конце close остаётся ~1em и список прыгает */
        line-height: 0 !important;
        font-size: 0 !important;
        overflow: visible !important;
    }

    body.mobile-chat-pc-look .flow-stories-spacer {
        display: block !important;
        width: 100% !important;
        height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        flex-shrink: 0 !important;
        line-height: 0 !important;
        font-size: 0 !important;
        background: transparent !important;
    }

    body.mobile-chat-pc-look .flow-stories-slot.is-active .flow-stories-spacer {
        height: var(--flow-stories-pull-h, 0px) !important;
        max-height: var(--flow-stories-pull-h, 0px) !important;
    }

    body.mobile-chat-pc-look .flow-stories-expanded {
        display: none !important;
        position: relative !important;
        z-index: 6 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
        max-height: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        transition: none !important;
    }

    /* Открыто окончательно — обычный поток; spacer не нужен */
    body.mobile-chat-pc-look.flow-stories-open .flow-stories-expanded:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look .flow-stories-expanded.is-open:not(.is-pulling) {
        display: block !important;
        position: relative !important;
        max-height: none !important;
        height: auto !important;
        opacity: 1 !important;
        margin: 0 !important;
        overflow: visible !important;
        padding: 4px 0 0 !important;
    }

    /* Close: аватарки absolute поверх шапки (не под поиск), список держит spacer */
    body.mobile-chat-pc-look.flow-stories-collapsing .sidebar-top-bar,
    body.mobile-chat-pc-look.flow-stories-collapsing #sidebar-top-bar {
        z-index: 1 !important;
    }

    body.mobile-chat-pc-look.flow-stories-collapsing .flow-stories-slot,
    body.mobile-chat-pc-look.flow-stories-collapsing .flow-stories-expanded,
    body.mobile-chat-pc-look.flow-stories-collapsing .flow-stories-expanded.is-pulling {
        z-index: 80 !important;
        overflow: visible !important;
    }

    body.mobile-chat-pc-look.flow-stories-collapsing .flow-stories-expanded-avatar,
    body.mobile-chat-pc-look.flow-stories-collapsing .flow-stories-expanded-name,
    body.mobile-chat-pc-look.flow-stories-collapsing .flow-stories-expanded-btn {
        z-index: 90 !important;
        position: relative !important;
    }

    /* Пока Flow открыт — только #chats-list, не settings / не .chats-section */
    body.mobile-chat-pc-look.flow-stories-scroll-locked:not(.desktop-search-mode):not(.xam-mobile-chats-search-active):not(.xam-settings-submodal-open):not(:has(.sidebar.sidebar--settings-open)):not(:has(#chat-folders-modal:not(.hidden))) #chats-list,
    body.mobile-chat-pc-look.flow-stories-scroll-locked:not(.desktop-search-mode):not(.xam-mobile-chats-search-active):not(.xam-settings-submodal-open):not(:has(.sidebar.sidebar--settings-open)):not(:has(#chat-folders-modal:not(.hidden))) #chats-list.chats-list--drum,
    body.mobile-chat-pc-look.flow-stories-scroll-locked:not(.desktop-search-mode):not(.xam-mobile-chats-search-active):not(.xam-settings-submodal-open):not(:has(.sidebar.sidebar--settings-open)):not(:has(#chat-folders-modal:not(.hidden))) #chats-list .chats-drum-viewport,
    body.mobile-chat-pc-look.flow-stories-open:not(.desktop-search-mode):not(.xam-mobile-chats-search-active):not(.xam-settings-submodal-open):not(:has(.sidebar.sidebar--settings-open)):not(:has(#chat-folders-modal:not(.hidden))) #chats-list,
    body.mobile-chat-pc-look.flow-stories-open:not(.desktop-search-mode):not(.xam-mobile-chats-search-active):not(.xam-settings-submodal-open):not(:has(.sidebar.sidebar--settings-open)):not(:has(#chat-folders-modal:not(.hidden))) #chats-list.chats-list--drum,
    body.mobile-chat-pc-look.flow-stories-open:not(.desktop-search-mode):not(.xam-mobile-chats-search-active):not(.xam-settings-submodal-open):not(:has(.sidebar.sidebar--settings-open)):not(:has(#chat-folders-modal:not(.hidden))) #chats-list .chats-drum-viewport {
        overflow: hidden !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        overscroll-behavior: none !important;
        touch-action: pan-x !important;
    }

    /* Close без spacer/absolute: высота в потоке → список едет без рывка на старте */
    body.mobile-chat-pc-look .flow-stories-expanded.is-open.is-collapsing {
        display: block !important;
        position: relative !important;
        height: var(--flow-stories-collapse-h, 0px) !important;
        max-height: var(--flow-stories-collapse-h, 0px) !important;
        opacity: 1 !important;
        margin: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.mobile-chat-pc-look .flow-stories-slot.is-open-static .flow-stories-spacer {
        display: none !important;
        height: 0 !important;
        max-height: 0 !important;
    }

    /*
     * Pull: expanded абсолютный — НЕ влияет на высоту шапки.
     * Список двигает только spacer. Padding как у in-flow — без рывка на старте close.
     */
    body.mobile-chat-pc-look .flow-stories-expanded.is-pulling {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 4px 0 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        z-index: 6 !important;
        pointer-events: auto !important;
        background: transparent !important;
    }

    /* Больше не трогаем padding шапки/списка при open — лишний отступ на старте close */
    /*
    body.mobile-chat-pc-look.flow-stories-open .sidebar > .sidebar-header,
    body.mobile-chat-pc-look .flow-stories-slot.is-active ~ .user-info,
    body.mobile-chat-pc-look:has(.flow-stories-slot.is-active) .sidebar > .sidebar-header,
    body.mobile-chat-pc-look:has(.flow-stories-slot.is-open-static) .sidebar > .sidebar-header {
        padding-bottom: 6px !important;
    }

    body.mobile-chat-pc-look.flow-stories-open #chats-list,
    body.mobile-chat-pc-look:has(.flow-stories-slot.is-active) #chats-list,
    body.mobile-chat-pc-look:has(.flow-stories-slot.is-open-static) #chats-list {
        padding-top: 8px !important;
    }
    */

    body.mobile-chat-pc-look .flow-stories-expanded.is-pulling .flow-stories-expanded-inner {
        position: relative !important;
        padding: 0 !important;
        overflow: visible !important;
        z-index: 6 !important;
    }

    body.mobile-chat-pc-look .flow-stories-expanded-inner {
        display: flex !important;
        align-items: flex-start !important;
        gap: 14px !important;
        padding: 0 2px !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 6 !important;
        line-height: normal !important;
        font-size: 12px !important;
    }

    body.mobile-chat-pc-look .flow-stories-expanded-avatar {
        will-change: transform;
        position: relative !important;
        z-index: 6 !important;
    }

    body.mobile-chat-pc-look .flow-stories-expanded-name {
        will-change: transform, opacity;
    }

    body.mobile-chat-pc-look .chats-section,
    body.mobile-chat-pc-look #chats-list {
        position: relative !important;
        z-index: 1 !important;
    }

    body.mobile-chat-pc-look .flow-stories-expanded-btn {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
        width: 64px !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        cursor: pointer !important;
        flex-shrink: 0 !important;
        -webkit-tap-highlight-color: transparent;
    }

    body.mobile-chat-pc-look .flow-stories-expanded-avatar {
        width: 58px !important;
        height: 58px !important;
        border-radius: 50% !important;
        border: 2px solid var(--xam-ui-accent, #8774E1) !important;
        padding: 2px !important;
        box-sizing: border-box !important;
        background: #181818 !important;
        overflow: hidden !important;
    }

    body.mobile-chat-pc-look .flow-stories-expanded-avatar .flow-stories-avatar-inner,
    body.mobile-chat-pc-look .flow-stories-expanded-avatar .flow-stories-avatar-inner img {
        width: 100% !important;
        height: 100% !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        display: block !important;
    }

    body.mobile-chat-pc-look .flow-stories-expanded-avatar .flow-stories-avatar-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #fff !important;
        height: 100% !important;
    }

    body.mobile-chat-pc-look .flow-stories-expanded-name {
        max-width: 64px !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        color: rgba(255, 255, 255, 0.82) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-align: center !important;
        line-height: 1.2 !important;
    }

    /* Тест: быстрые кнопки только в открытом поиске (pull/Flow снаружи не трогаем) */
    body.mobile-chat-pc-look.desktop-search-mode .flow-stories-expanded-inner.search-quick-actions,
    body.mobile-chat-pc-look.desktop-search-mode .flow-stories-expanded-inner:has(.search-quick-action-btn) {
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 2px 4px 4px !important;
    }

    body.mobile-chat-pc-look.desktop-search-mode .search-quick-action-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 44px !important;
        padding: 10px 8px !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent;
        transition: opacity 0.15s ease, transform 0.12s ease;
    }

    body.mobile-chat-pc-look.desktop-search-mode .search-quick-action-btn:active {
        background: transparent !important;
        opacity: 0.75;
        transform: scale(0.985);
    }

    body.mobile-chat-pc-look.desktop-search-mode .search-quick-action-btn svg {
        width: 22px !important;
        height: 22px !important;
        flex-shrink: 0 !important;
        color: var(--xam-ui-accent, #8774E1) !important;
    }

    body.mobile-chat-pc-look.desktop-search-mode .search-support-btn-text,
    body.mobile-chat-pc-look.desktop-search-mode .search-meet-btn-text {
        color: #fff !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.mobile-chat-pc-look .sidebar-search-icon {
        color: #aaaaaa !important;
        flex-shrink: 0 !important;
        width: 18px !important;
        height: 18px !important;
        pointer-events: none !important;
    }

    body.mobile-chat-pc-look .sidebar-search-loading-spinner {
        width: 22px !important;
        height: 22px !important;
        flex-shrink: 0 !important;
        background: none !important;
        mask: none !important;
        -webkit-mask: none !important;
        animation: none !important;
        color: #aaaaaa !important;
    }

    body.mobile-chat-pc-look .sidebar-search-loading-spinner svg {
        width: 22px !important;
        height: 22px !important;
        display: block !important;
    }

    body.mobile-chat-pc-look .sidebar-search-input-wrapper.is-chats-loading .sidebar-search-icon {
        display: none !important;
    }

    body.mobile-chat-pc-look .sidebar-search-input-desktop,
    body.mobile-chat-pc-look input.sidebar-search-input-desktop[type="text"] {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        color: #ffffff !important;
        font-size: 16px !important; /* iOS: без зума */
        line-height: 1.3 !important;
        font-weight: 400 !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }

    body.mobile-chat-pc-look .sidebar-search-input-desktop::placeholder {
        color: #aaaaaa !important;
        opacity: 1 !important;
    }

    /* Подсказка «Встряхни» вместо placeholder, пока архив ещё не открыт тряской */
    body.mobile-chat-pc-look .sidebar-search-archive-shake-hint {
        position: absolute !important;
        left: 44px !important; /* 16 pad + 18 icon + 10 gap */
        right: 12px !important;
        top: 0 !important;
        bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        color: #aaaaaa !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.3 !important;
        pointer-events: none !important;
        z-index: 2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        opacity: 1 !important;
        transition: opacity 0.32s ease !important;
    }

    body.mobile-chat-pc-look .sidebar-search-input-wrapper.has-flow-stories .sidebar-search-archive-shake-hint {
        right: 100px !important;
    }

    body.mobile-chat-pc-look .sidebar-search-archive-shake-hint.is-fading,
    body.mobile-chat-pc-look .sidebar-search-archive-shake-hint.hidden,
    body.mobile-chat-pc-look .sidebar-search-archive-shake-hint[hidden] {
        opacity: 0 !important;
    }

    body.mobile-chat-pc-look .sidebar-search-archive-shake-hint.hidden,
    body.mobile-chat-pc-look .sidebar-search-archive-shake-hint[hidden] {
        display: none !important;
    }

    body.mobile-chat-pc-look .sidebar-search-input-wrapper.has-archive-shake-hint .sidebar-search-input-desktop::placeholder {
        color: transparent !important;
        opacity: 0 !important;
    }

    body.mobile-chat-pc-look.xam-archive-folder-open .sidebar-search-archive-shake-hint,
    body.mobile-chat-pc-look.desktop-search-mode .sidebar-search-archive-shake-hint {
        display: none !important;
        opacity: 0 !important;
    }

    @media (prefers-reduced-motion: reduce) {
        body.mobile-chat-pc-look .sidebar-search-archive-shake-hint {
            transition: none !important;
        }
    }

    body.mobile-chat-pc-look .sidebar-header-stories {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        margin-left: 2px !important;
    }

    body.mobile-chat-pc-look .sidebar-stories-avatar--peer {
        display: none !important;
    }

    body.mobile-chat-pc-look .sidebar-stories-avatar--user,
    body.mobile-chat-pc-look #sidebar-header-user-btn {
        width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 50% !important;
        overflow: hidden !important;
        background: #ffffff !important;
        cursor: pointer !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #212121 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        -webkit-tap-highlight-color: transparent;
    }

    body.mobile-chat-pc-look.xam-archive-folder-open #sidebar-header-user-btn {
        width: 40px !important;
        height: 40px !important;
        background: transparent !important;
        color: #aaaaaa !important;
        overflow: visible !important;
        cursor: default !important;
        pointer-events: none !important;
        box-shadow: none !important;
    }

    body.mobile-chat-pc-look.xam-archive-folder-open .sidebar-search-input-wrapper {
        pointer-events: none !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        justify-content: center !important;
        min-height: 42px !important;
        height: 42px !important;
    }

    body.mobile-chat-pc-look.xam-archive-folder-open .sidebar-search-icon,
    body.mobile-chat-pc-look.xam-archive-folder-open #flow-stories-stack {
        display: none !important;
    }

    body.mobile-chat-pc-look.xam-archive-folder-open #sidebar-search-input-desktop {
        color: #ffffff !important;
        font-weight: 700 !important;
        font-size: 20px !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
    }

    body.mobile-chat-pc-look.xam-archive-folder-open #sidebar-search-input-desktop::placeholder {
        color: #ffffff !important;
        opacity: 1 !important;
        font-weight: 700 !important;
        font-size: 20px !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
    }

    body.mobile-chat-pc-look.xam-archive-folder-open .sidebar-top-bar {
        align-items: center !important;
        gap: 8px !important;
    }

    body.mobile-chat-pc-look.xam-archive-folder-open .sidebar-menu-btn {
        width: 40px !important;
        height: 40px !important;
        flex: 0 0 40px !important;
        color: #aaaaaa !important;
        background: transparent !important;
    }

    body.mobile-chat-pc-look.xam-archive-folder-open #sidebar-header-user-btn {
        width: 40px !important;
        height: 40px !important;
        background: transparent !important;
        color: #aaaaaa !important;
        box-shadow: none !important;
        cursor: default !important;
        pointer-events: none !important;
    }

    body.mobile-chat-pc-look.xam-archive-folder-open .sidebar-compose-fab-wrap,
    body.mobile-chat-pc-look.xam-archive-folder-open #fab-new-chat-desktop,
    body.mobile-chat-pc-look.xam-archive-folder-open #pc-compose-flyout {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }

    body.mobile-chat-pc-look .xam-archive-empty {
        padding: 64px 28px 48px !important;
        gap: 10px !important;
    }

    body.mobile-chat-pc-look .xam-archive-empty-title {
        font-size: 17px !important;
        color: rgba(255, 255, 255, 0.72) !important;
    }

    body.mobile-chat-pc-look .xam-archive-empty-sub {
        font-size: 14px !important;
        color: rgba(255, 255, 255, 0.38) !important;
    }

    body.mobile-chat-pc-look .sidebar-stories-avatar-inner,
    body.mobile-chat-pc-look .sidebar-stories-avatar-inner img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 50% !important;
        display: block !important;
    }

    /* Flyout меню как на ПК */
    body.mobile-chat-pc-look .pc-sidebar-flyout {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 0 !important;
        z-index: 80 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        width: 176px !important;
        min-width: 0 !important;
        padding: 4px !important;
        border-radius: 24px !important;
        background: #212121 !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22) !important;
        border: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        opacity: 0;
        transform: translateY(-8px) scale(0.94);
        transform-origin: top left;
        pointer-events: none;
        visibility: hidden;
        transition:
            opacity 0.18s ease,
            transform 0.2s cubic-bezier(0.22, 1, 0.36, 1),
            visibility 0s linear 0.2s;
    }

    body.mobile-chat-pc-look .pc-sidebar-flyout.hidden {
        display: flex !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-flyout.is-open {
        display: flex !important;
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
        pointer-events: auto !important;
        visibility: visible !important;
        transition:
            opacity 0.18s ease,
            transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
            visibility 0s linear 0s !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-flyout-item {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 36px !important;
        padding: 0 10px !important;
        border: none !important;
        border-radius: 14px !important;
        background: transparent !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-align: left !important;
        cursor: pointer !important;
        box-shadow: none !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-flyout-item:active {
        background: rgba(255, 255, 255, 0.08) !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-flyout-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 20px !important;
        height: 20px !important;
        flex-shrink: 0 !important;
        color: rgba(255, 255, 255, 0.9) !important;
    }

    body.mobile-chat-pc-look .pc-unread-badge,
    body.mobile-chat-pc-look .pc-unread-badge.show {
        display: none !important;
    }

    /* Настройки из flyout — как на ПК, внутри сайдбара.
       Важно: список чатов в .sidebar-chats-row (не прямой .chats-section) —
       без скрытия ряда настройки «висят» снизу поверх/под чатами. */
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-header,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .sidebar-header,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-chats-row,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .sidebar-chats-row,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .chats-section,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .chats-section,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > #search-results,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > #search-results,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-compose-fab-wrap,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .sidebar-compose-fab-wrap,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .mobile-top-nick-pill-wrap,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .mobile-top-nick-pill-wrap,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .mobile-chats-top-row,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .mobile-chats-top-row,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .chats-bottom-pill,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > #chats-bottom-pill,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .chats-bottom-pill,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > #chats-bottom-pill,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-bottom-dock,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .sidebar-bottom-dock,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > #chat-folders-bar,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .chat-folders-bar {
        display: none !important;
    }

    body.mobile-chat-pc-look .sidebar.sidebar--settings-open {
        position: relative !important;
    }

    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .pc-sidebar-settings,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .pc-sidebar-settings {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: calc(2px + var(--mobile-pc-settings-safe-top, 8px)) 12px 18px !important;
        box-sizing: border-box !important;
        color: #fff !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 40 !important;
        background: #212121 !important;
        overflow: hidden !important;
    }
}

/* ─── Список: фон #212121, без нижнего дока, FAB-карандаш ─── */
@media (max-width: 768px) {
    body.mobile-chat-pc-look .sidebar,
    body.mobile-chat-pc-look .sidebar.sidebar--chats-drum {
        background: #212121 !important;
        background-color: #212121 !important;
        --chats-drum-panel: #212121;
        --chats-drum-panel-rgb: 33, 33, 33;
        --chats-drum-pill: #181818;
    }

    body.mobile-chat-pc-look .sidebar::before,
    body.mobile-chat-pc-look .sidebar::after {
        background: #212121 !important;
        opacity: 1 !important;
    }

    body.mobile-chat-pc-look .chats-section,
    body.mobile-chat-pc-look .chats-section.chats-section--drum,
    body.mobile-chat-pc-look #chats-list,
    body.mobile-chat-pc-look .chats-list,
    body.mobile-chat-pc-look #chats-list.chats-list--drum,
    body.mobile-chat-pc-look #chats-list.chats-list--drum .chats-drum-viewport,
    body.mobile-chat-pc-look #chats-list.chats-list--drum .chats-drum-track,
    body.mobile-chat-pc-look .sidebar .sidebar-tabs {
        background: #212121 !important;
        background-color: #212121 !important;
    }

    body.mobile-chat-pc-look #chats-list .chat-item,
    body.mobile-chat-pc-look #chats-list .chat-item-shell,
    body.mobile-chat-pc-look #chats-list.chats-list--drum .chat-item,
    body.mobile-chat-pc-look #chats-list .chat-item:nth-child(even),
    body.mobile-chat-pc-look #chats-list .chat-item.active,
    body.mobile-chat-pc-look #chats-list .chat-item.active:hover,
    body.mobile-chat-pc-look #chats-list .chat-item:hover {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        border: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.mobile-chat-pc-look #chats-bottom-pill,
    body.mobile-chat-pc-look .chats-bottom-pill.mobile-only {
        display: none !important;
    }

    body.mobile-chat-pc-look .sidebar-compose-fab-wrap.desktop-only,
    body.mobile-chat-pc-look .sidebar-compose-fab-wrap {
        display: block !important;
        position: absolute !important;
        right: 18px !important;
        bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
        z-index: 25 !important;
        width: auto !important;
        height: 56px !important;
        pointer-events: auto !important;
    }

    body.mobile-chat-pc-look .sidebar-compose-duo {
        display: inline-flex !important;
        align-items: center !important;
        height: 56px !important;
        padding: 0 0 0 4px !important;
        border-radius: 999px !important;
        background: #171717 !important;
        box-shadow: none !important;
        border: none !important;
        transform-origin: 70% 50%;
        will-change: transform;
        touch-action: manipulation;
    }

    body.mobile-chat-pc-look .sidebar-compose-fab-wrap.is-jelly-dragging,
    body.mobile-chat-pc-look .sidebar-compose-duo.is-jelly-dragging {
        touch-action: none !important;
        z-index: 30 !important;
    }

    body.mobile-chat-pc-look .sidebar-compose-duo.is-jelly-dragging {
        transition: none !important;
    }

    body.mobile-chat-pc-look .sidebar-compose-duo-flow {
        appearance: none !important;
        width: 48px !important;
        height: 56px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: rgba(255, 255, 255, 0.92) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent;
    }

    body.mobile-chat-pc-look .sidebar-compose-duo-flow:active {
        background: rgba(255, 255, 255, 0.1) !important;
        transform: scale(0.98);
    }

    body.mobile-chat-pc-look .sidebar-compose-duo.is-jelly-dragging .sidebar-compose-duo-flow:active,
    body.mobile-chat-pc-look .sidebar-compose-duo.is-jelly-dragging #fab-new-chat-desktop:active {
        transform: none !important;
        background: transparent !important;
    }

    body.mobile-chat-pc-look .sidebar-compose-duo-flow svg {
        width: 22px !important;
        height: 22px !important;
        fill: currentColor !important;
        stroke: none !important;
        color: rgba(255, 255, 255, 0.92) !important;
    }

    body.mobile-chat-pc-look .sidebar-compose-fab.desktop-only,
    body.mobile-chat-pc-look #fab-new-chat-desktop {
        display: inline-flex !important;
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 2 !important;
        width: 56px !important;
        height: 56px !important;
        border: none !important;
        border-radius: 50% !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        color: #fff !important;
        background: var(--xam-ui-accent, #8774E1) !important;
        box-shadow: none !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        -webkit-tap-highlight-color: transparent;
    }

    body.mobile-chat-pc-look #fab-new-chat-desktop:active {
        transform: scale(0.96);
        background: var(--xam-ui-accent-hover, #9585e8) !important;
    }

    body.mobile-chat-pc-look #fab-new-chat-desktop svg {
        width: 24px !important;
        height: 24px !important;
    }

    body.mobile-chat-pc-look .pc-compose-flyout {
        position: absolute !important;
        top: auto !important;
        bottom: calc(100% + 10px) !important;
        left: auto !important;
        right: 0 !important;
        width: 196px !important;
        transform-origin: bottom right !important;
    }

    body.mobile-chat-pc-look .pc-compose-flyout.hidden {
        transform: translateY(8px) scale(0.94) !important;
    }

    body.mobile-chat-pc-look .pc-compose-flyout.is-open {
        transform: translateY(0) scale(1) !important;
    }

    body.mobile-chat-pc-look #chats-list {
        padding-bottom: 96px !important;
    }

    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-compose-fab-wrap,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .sidebar-compose-fab-wrap,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > #chats-bottom-pill,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > #chats-bottom-pill {
        display: none !important;
    }
}

@media (max-width: 768px) {
        body.mobile-chat-pc-look .pc-sidebar-settings {
            display: none;
            flex-direction: column;
            flex: 1 1 auto;
            min-height: 0;
            width: 100%;
            padding: 8px 14px 18px;
            box-sizing: border-box;
            background: transparent;
            color: #fff;
            position: relative;
            overflow: hidden;
        }

        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-header,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .sidebar-header,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-chats-row,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .sidebar-chats-row,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .chats-section,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .chats-section,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > #search-results,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > #search-results,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-compose-fab-wrap,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .sidebar-compose-fab-wrap,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .mobile-top-nick-pill-wrap,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .mobile-top-nick-pill-wrap,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .mobile-chats-top-row,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .mobile-chats-top-row,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .chats-bottom-pill,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > #chats-bottom-pill,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .chats-bottom-pill,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > #chats-bottom-pill,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-bottom-dock,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .sidebar-bottom-dock,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > #chat-folders-bar,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .chat-folders-bar {
            display: none !important;
        }

        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .pc-sidebar-settings,
        body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .pc-sidebar-settings {
            display: flex !important;
            position: absolute !important;
            inset: 0 !important;
            z-index: 40 !important;
            height: 100% !important;
            background: #212121 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings.hidden {
            display: none !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-header {
            display: grid;
            grid-template-columns: 40px 1fr 40px;
            align-items: center;
            min-height: 48px;
            margin-bottom: 8px;
            flex: 0 0 auto;
            transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.32s ease;
            will-change: transform, opacity;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-close {
            width: 40px;
            height: 40px;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: none;
            border-radius: 50%;
            background: transparent;
            color: #fff;
            cursor: pointer;
            transition: background 0.15s ease;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-close:hover {
            background: rgba(255, 255, 255, 0.08);
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-title {
            margin: 0;
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            color: #fff;
            letter-spacing: 0.01em;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-header-spacer {
            width: 40px;
            height: 40px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-scroll {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
            overflow-x: hidden;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: 14px;
            padding: 4px 2px 8px;
            scrollbar-width: thin;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-avatar {
            width: 112px;
            height: 112px;
            margin: 6px auto 2px;
            border-radius: 50%;
            background: #3a3a3a;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 42px;
            font-weight: 700;
            color: #fff;
            flex: 0 0 auto;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card {
            background: #181818;
            border-radius: 22px;
            padding: 14px 16px;
            box-sizing: border-box;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--profile {
            display: flex;
            flex-direction: column;
            gap: 8px;
            border-radius: 28px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--accounts {
            display: flex;
            flex-direction: column;
            gap: 6px;
            border-radius: 28px;
            padding: 12px 14px 10px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-accounts-head {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 10px;
            padding: 0 2px 2px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-accounts-title {
            font-size: 12px;
            font-weight: 600;
            color: rgba(255, 255, 255, 0.55);
            line-height: 1.2;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-accounts-hint {
            font-size: 11px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.32);
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-accounts-list {
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--accounts .account-settings-accounts-item {
            padding: 10px 4px;
            border-radius: 0;
            gap: 10px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--accounts .account-settings-accounts-item + .account-settings-accounts-item {
            border-top: 1px solid rgba(255, 255, 255, 0.06);
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--accounts .account-settings-accounts-item.is-current {
            background: transparent;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--accounts .account-settings-accounts-item:hover:not(.is-current) {
            background: rgba(255, 255, 255, 0.05);
            border-radius: 12px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--accounts .account-settings-accounts-name {
            font-size: 14px;
            font-weight: 700;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--accounts .account-settings-accounts-username {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.45);
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--accounts .account-settings-accounts-badge {
            margin-left: auto;
            font-size: 10px;
            font-weight: 700;
            color: #5fd653;
            background: rgba(95, 214, 83, 0.12);
            border-radius: 999px;
            padding: 3px 8px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-accounts-add {
            margin-top: 2px;
            width: 100%;
            border: none;
            border-radius: 14px;
            background: transparent;
            color: rgba(255, 255, 255, 0.72);
            font-size: 13px;
            font-weight: 600;
            font-family: inherit;
            text-align: left;
            padding: 10px 6px 6px;
            cursor: pointer;
            border-top: 1px solid rgba(255, 255, 255, 0.06);
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-accounts-add:hover {
            color: #fff;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-field {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-label {
            font-size: 12px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.55);
            line-height: 1.2;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-value {
            font-size: 16px;
            font-weight: 700;
            color: #fff;
            line-height: 1.25;
            word-break: break-word;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--nav {
            display: flex;
            flex-direction: column;
            gap: 0;
            padding: 8px 12px;
            border-radius: 28px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--scan-qr {
            padding: 4px 12px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-card--scan-qr .pc-sidebar-settings-item {
            min-height: 48px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-item {
            display: flex;
            align-items: center;
            width: 100%;
            min-height: 44px;
            padding: 12px 10px;
            border: none;
            border-radius: 0;
            background: transparent;
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            text-align: left;
            cursor: pointer;
            transition: background 0.12s ease;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-item-icon {
            width: 24px;
            height: 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: rgba(255, 255, 255, 0.9);
            flex: 0 0 auto;
            margin-right: 12px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-item-icon svg {
            width: 24px;
            height: 24px;
            display: block;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-item-text {
            flex: 1;
            min-width: 0;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-item + .pc-sidebar-settings-item {
            border-top: 1px solid rgba(255, 255, 255, 0.06);
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-item:hover {
            background: transparent;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-item:active {
            background: transparent;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-home {
            display: flex;
            flex-direction: column;
            flex: 1 1 auto;
            min-height: 0;
            transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.32s ease;
            will-change: transform, opacity;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-home.hidden {
            display: none !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-header.hidden {
            display: none !important;
        }

        /* Home уезжает влево, пока секция выезжает справа */
        body.mobile-chat-pc-look .pc-sidebar-settings.is-section-open > .pc-sidebar-settings-header,
        body.mobile-chat-pc-look .pc-sidebar-settings.is-section-open > .pc-sidebar-settings-home {
            transform: translate3d(-18%, 0, 0);
            opacity: 0;
            pointer-events: none;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section {
            position: absolute;
            inset: 0;
            z-index: 6;
            display: flex;
            flex-direction: column;
            width: 100%;
            min-height: 0;
            overflow: hidden;
            box-sizing: border-box;
            padding: 8px 14px 18px;
            /* Как у главного экрана настроек — без отдельного «тёмного листа» */
            background: transparent;
            transform: translate3d(100%, 0, 0);
            visibility: hidden;
            pointer-events: none;
            transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1),
                visibility 0s linear 0.36s;
            will-change: transform;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section.is-open {
            transform: translate3d(0, 0, 0);
            visibility: visible;
            pointer-events: auto;
            transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1),
                visibility 0s linear 0s;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section.hidden {
            display: none !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings--section {
            padding-top: 4px;
        }

        @media (prefers-reduced-motion: reduce) {
            body.mobile-chat-pc-look .pc-sidebar-settings-header,
        body.mobile-chat-pc-look .pc-sidebar-settings-home,
        body.mobile-chat-pc-look .pc-sidebar-settings-section,
        body.mobile-chat-pc-look .pc-sidebar-settings-section.is-open {
                transition: none !important;
            }

            body.mobile-chat-pc-look .pc-sidebar-settings.is-section-open > .pc-sidebar-settings-header,
        body.mobile-chat-pc-look .pc-sidebar-settings.is-section-open > .pc-sidebar-settings-home {
                transform: none;
                opacity: 0;
            }
        }

        /* Экраны настроек внутри боковой панели */
        body.mobile-chat-pc-look .pc-sidebar-settings-section > .pc-sidebar-embed-screen,
        body.mobile-chat-pc-look .pc-sidebar-settings-section > .account-settings-screen.pc-sidebar-embed-screen,
        body.mobile-chat-pc-look .pc-sidebar-settings-section > .privacy-settings-screen.pc-sidebar-embed-screen,
        body.mobile-chat-pc-look .pc-sidebar-settings-section > .personalization-screen.pc-sidebar-embed-screen,
        body.mobile-chat-pc-look .pc-sidebar-settings-section > .xams-screen.pc-sidebar-embed-screen,
        body.mobile-chat-pc-look .pc-sidebar-settings-section > .activation-modal.pc-sidebar-embed-screen,
        body.mobile-chat-pc-look .pc-sidebar-settings-section > .modal-content.pc-sidebar-embed-screen {
            position: relative !important;
            inset: auto !important;
            width: 100% !important;
            max-width: 100% !important;
            height: 100% !important;
            max-height: none !important;
            min-height: 0 !important;
            margin: 0 !important;
            border: none !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            animation: none !important;
            transform: none !important;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            display: flex !important;
            flex-direction: column !important;
            padding: 0 2px 10px !important;
            box-sizing: border-box;
            pointer-events: auto !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section > .pc-sidebar-embed-screen::before,
        body.mobile-chat-pc-look .pc-sidebar-settings-section > .account-settings-screen.pc-sidebar-embed-screen::before {
            display: none !important;
            content: none !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-header,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-header,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-header,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .xams-header,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .activate-code-header {
            padding: 4px 4px 6px !important;
            flex: 0 0 auto;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-back-btn,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-back-btn,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-back-btn,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .xams-back-btn,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .activate-code-back-btn {
            width: 40px !important;
            height: 40px !important;
            border-radius: 50% !important;
            background: transparent !important;
            border: none !important;
            color: #fff !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-title,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-title,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-title,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .xams-title,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .activate-code-title {
            font-size: 18px !important;
            font-weight: 700 !important;
            color: #fff !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-profile-section {
            padding: 4px 8px 12px !important;
            gap: 10px !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-avatar {
            width: 120px !important;
            height: 120px !important;
            border: none !important;
            background: #d0d0d0 !important;
            color: #222 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-fields {
            width: 100% !important;
            max-width: none !important;
            padding: 0 4px !important;
            gap: 10px !important;
            align-items: stretch !important;
            flex: 1 1 auto;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--identity,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--thought,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--email,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--accounts {
            width: 100% !important;
            max-width: none !important;
            background: #181818 !important;
            border: none !important;
            border-radius: 22px !important;
            padding: 12px 16px !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group:hover,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--email:hover {
            background: #181818 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field {
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 4px !important;
            padding: 8px 2px !important;
            max-width: none !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-label {
            flex: none !important;
            font-size: 12px !important;
            font-weight: 500 !important;
            color: rgba(255, 255, 255, 0.55) !important;
            text-transform: none !important;
            letter-spacing: 0 !important;
            margin: 0 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-value {
            width: 100%;
            justify-content: flex-start !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-input {
            font-size: 16px !important;
            font-weight: 700 !important;
            color: #fff !important;
            line-height: 1.25 !important;
            pointer-events: none;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-edit-btn {
            margin-left: auto;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-glow-row {
            flex-direction: row !important;
            align-items: center !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-glow-value {
            justify-content: flex-end !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-actions {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            gap: 10px !important;
            padding: 14px 4px 8px !important;
            margin-top: auto !important;
            width: 100% !important;
            box-sizing: border-box;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-action-pill {
            flex: 1 1 0;
            min-width: 0;
            background: #181818 !important;
            border-radius: 18px !important;
            min-height: 48px !important;
            padding: 12px 14px !important;
            color: #fff !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            justify-content: center;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-action-pill--danger {
            color: #fff !important;
            order: 2;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-action-pill--logout {
            order: 1;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-action-pill-icon {
            display: none !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-action-pill--danger .account-settings-action-pill-text {
            font-size: 0;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-action-pill--danger .account-settings-action-pill-text::after {
            content: 'Удалить';
            font-size: 14px;
            font-weight: 600;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--accounts {
            display: none !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-content,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-settings,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .xams-content {
            padding: 0 4px 12px !important;
            width: 100% !important;
            max-width: none !important;
            box-sizing: border-box;
        }

        /* —— Приватность: стиль как у Аккаунта —— */
        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-content {
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 10px !important;
            flex: 1 1 auto;
            min-height: 0;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-status-row {
            width: 100% !important;
            max-width: none !important;
            margin: 0 !important;
            background: #181818 !important;
            border: none !important;
            border-radius: 22px !important;
            padding: 14px 16px !important;
            min-height: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            justify-content: flex-start !important;
            gap: 6px !important;
            cursor: pointer;
            transition: background 0.12s ease, opacity 0.12s ease;
            text-align: left;
            box-sizing: border-box;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-status-row:hover {
            background: #181818 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-status-row:active {
            opacity: 0.88;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-status-row-label {
            flex: none !important;
            font-size: 12px !important;
            font-weight: 500 !important;
            color: rgba(255, 255, 255, 0.55) !important;
            text-transform: none !important;
            letter-spacing: 0 !important;
            line-height: 1.2 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-status-row-value {
            flex: none !important;
            text-align: left !important;
            font-size: 16px !important;
            font-weight: 700 !important;
            color: #fff !important;
            line-height: 1.25 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-status-row-value.is-open {
            color: #5fd653 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-section {
            width: 100% !important;
            max-width: none !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;
            margin: 0 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-section-heading {
            margin: 6px 4px 0 !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            text-transform: none !important;
            letter-spacing: 0 !important;
            color: rgba(255, 255, 255, 0.55) !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-section-hint {
            margin: -4px 4px 0 !important;
            font-size: 12px !important;
            color: rgba(255, 255, 255, 0.38) !important;
            opacity: 1 !important;
            line-height: 1.35 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-sessions-card {
            background: #181818 !important;
            border: none !important;
            border-radius: 22px !important;
            padding: 6px 16px !important;
            width: 100% !important;
            box-sizing: border-box;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-sessions-list {
            gap: 0 !important;
            display: flex !important;
            flex-direction: column !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-session-item {
            border: none !important;
            border-radius: 0 !important;
            background: transparent !important;
            padding: 12px 0 !important;
            gap: 10px !important;
            align-items: center !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-session-item + .privacy-session-item {
            border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-session-title {
            font-size: 15px !important;
            font-weight: 700 !important;
            color: #fff !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-session-subtitle {
            font-size: 12px !important;
            color: rgba(255, 255, 255, 0.45) !important;
            opacity: 1 !important;
            margin-top: 2px !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-session-current-badge {
            font-size: 12px !important;
            font-weight: 600 !important;
            color: #5fd653 !important;
            background: rgba(95, 214, 83, 0.12);
            border-radius: 999px;
            padding: 4px 10px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-session-terminate-btn {
            border: none !important;
            border-radius: 999px !important;
            background: rgba(255, 255, 255, 0.08) !important;
            color: rgba(255, 255, 255, 0.9) !important;
            padding: 7px 12px !important;
            font-size: 12px !important;
            font-weight: 600 !important;
            white-space: nowrap;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-session-terminate-btn:not(:disabled):hover {
            background: rgba(255, 255, 255, 0.14) !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-sessions-empty {
            padding: 14px 0 !important;
            font-size: 14px !important;
            color: rgba(255, 255, 255, 0.45) !important;
            opacity: 1 !important;
            text-align: left;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-more-btn,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-terminate-all-btn {
            width: 100% !important;
            border: none !important;
            border-radius: 18px !important;
            background: #181818 !important;
            color: #fff !important;
            padding: 14px 16px !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            min-height: 48px !important;
            cursor: pointer;
            transition: opacity 0.12s ease;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-more-btn:hover,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-terminate-all-btn:hover {
            background: #181818 !important;
            opacity: 0.92;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-info-text {
            font-size: 12px !important;
            color: rgba(255, 255, 255, 0.38) !important;
            opacity: 1 !important;
            line-height: 1.35 !important;
            text-align: left !important;
            padding: 0 4px !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-biometric-row {
            background: #181818 !important;
            border: none !important;
            border-radius: 22px !important;
        }

        /* —— Персонализация —— */
        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-preview {
            margin: 0 4px 4px !important;
            border-radius: 0 !important;
            background: transparent !important;
            border: none !important;
            overflow: hidden !important;
            flex: 0 0 auto;
            box-shadow: none !important;
            height: 148px !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-preview-header {
            display: none !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-preview-messages {
            padding: 6px 4px 6px !important;
            min-height: 100% !important;
            height: 100% !important;
            background: transparent !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-settings {
            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;
            padding: 0 4px 12px !important;
            width: 100% !important;
            max-width: none !important;
            box-sizing: border-box;
            flex: 1 1 auto;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-setting {
            background: #181818 !important;
            border: none !important;
            border-radius: 22px !important;
            padding: 14px 16px !important;
            gap: 12px !important;
            box-sizing: border-box;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-setting--elements-color {
            background: transparent !important;
            border-radius: 0 !important;
            padding: 4px 0 8px !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-setting--elements-color .personalization-setting-label {
            padding-left: 16px !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-setting-label {
            font-size: 12px !important;
            font-weight: 500 !important;
            color: rgba(255, 255, 255, 0.55) !important;
            line-height: 1.2 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-setting-hint {
            margin: 0 !important;
            font-size: 12px !important;
            color: rgba(255, 255, 255, 0.38) !important;
            line-height: 1.35 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-slider-container {
            gap: 12px !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-slider {
            background: rgba(255, 255, 255, 0.12) !important;
            height: 6px !important;
            border-radius: 999px !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-slider::-webkit-slider-thumb {
            background: #fff !important;
            width: 18px !important;
            height: 18px !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-slider::-moz-range-thumb {
            background: #fff !important;
            width: 18px !important;
            height: 18px !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-slider-value {
            min-width: 42px;
            text-align: right;
            font-size: 14px !important;
            font-weight: 700 !important;
            color: #fff !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-toggle-container {
            display: flex;
            justify-content: flex-start;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-toggle-slider {
            background: rgba(255, 255, 255, 0.14) !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-toggle input:checked + .personalization-toggle-slider {
            background: var(--xam-ui-accent, #8774E1) !important;
            border-color: var(--xam-ui-accent, #8774E1) !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-color-palette {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            overflow: visible;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .color-swatch {
            width: 40px !important;
            height: 40px !important;
            border-radius: 12px !important;
            box-sizing: border-box;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-setting--elements-color {
            display: flex !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-more-btn {
            width: 40px !important;
            height: 40px !important;
            border-radius: 50% !important;
            background: transparent !important;
            border: none !important;
            color: #fff !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-quick-menu {
            background: #181818 !important;
            border: 1px solid rgba(255, 255, 255, 0.08) !important;
            border-radius: 16px !important;
            right: 8px !important;
            top: 52px !important;
        }

        /* —— Активация кода —— */
        body.mobile-chat-pc-look .pc-sidebar-settings-section .activate-code-title {
            font-size: 18px !important;
            font-weight: 700 !important;
            color: #fff !important;
            margin: 0 !important;
            flex: 1;
            text-align: center;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .activate-code-header {
            display: grid !important;
            grid-template-columns: 40px 1fr 40px;
            align-items: center;
            border-bottom: none !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .activate-code-header-spacer {
            width: 40px;
            height: 40px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .activation-modal .modal-body,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .modal-content.activation-modal .modal-body {
            padding: 0 4px 12px !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;
            width: 100% !important;
            box-sizing: border-box;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .activation-description {
            margin: 0 !important;
            background: #181818 !important;
            border-radius: 22px !important;
            padding: 14px 16px !important;
            color: rgba(255, 255, 255, 0.72) !important;
            font-size: 14px !important;
            line-height: 1.4 !important;
            text-align: left !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section #activate-code-form {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin: 0;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section #activate-code-form .form-group {
            margin: 0 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section #activate-code-input {
            width: 100% !important;
            box-sizing: border-box !important;
            background: #181818 !important;
            border: none !important;
            border-radius: 18px !important;
            color: #fff !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            padding: 14px 16px !important;
            outline: none !important;
            box-shadow: none !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section #activate-code-input::placeholder {
            color: rgba(255, 255, 255, 0.38) !important;
            font-weight: 500 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section #activate-code-submit-btn,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .activation-modal .btn-primary {
            width: 100% !important;
            border: none !important;
            border-radius: 18px !important;
            background: #181818 !important;
            color: #fff !important;
            min-height: 48px !important;
            padding: 14px 16px !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            cursor: pointer;
            transition: opacity 0.12s ease;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section #activate-code-submit-btn:hover,
        body.mobile-chat-pc-look .pc-sidebar-settings-section .activation-modal .btn-primary:hover {
            background: #181818 !important;
            opacity: 0.92;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section #activate-code-message {
            margin: 0 !important;
            text-align: left !important;
            font-size: 13px !important;
            color: rgba(255, 255, 255, 0.7) !important;
            padding: 0 4px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .activation-modal .modal-body > div:last-child {
            margin-top: 4px !important;
            text-align: left !important;
            padding: 0 4px;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .activation-modal .modal-body a {
            color: rgba(255, 255, 255, 0.72) !important;
            text-decoration: none !important;
            font-size: 13px !important;
            font-weight: 600 !important;
        }

        body.mobile-chat-pc-look .pc-sidebar-settings-section .activation-modal .modal-body a:hover {
            color: #fff !important;
        }

        body.mobile-chat-pc-look .sidebar.sidebar--chats-drum::before {
            display: none !important;
        }

}


/* Вкладки настроек: принудительно ПК-стиль, не мобильные шиты */
@media (max-width: 768px) {
    body.mobile-chat-pc-look .pc-sidebar-settings,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open {
        background: #212121 !important;
        background-color: #212121 !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-section > .pc-sidebar-embed-screen,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .account-settings-screen,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .privacy-settings-screen,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .personalization-screen,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .xams-screen,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .activation-modal,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .modal-content {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        transform: none !important;
        animation: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 0 2px 10px !important;
        color: #fff !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-section > .pc-sidebar-embed-screen::before,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .account-settings-screen::before,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .privacy-settings-screen::before,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .personalization-screen::before,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .xams-screen::before,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .activation-modal::before,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .modal-content::before {
        display: none !important;
        content: none !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-back-btn,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-back-btn,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .xams-back-btn,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .activate-code-back-btn,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-back-btn {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        color: #fff !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-status-row,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-item,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-option,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-card,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .xams-card,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--identity,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--thought,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--email,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-action-pill {
        background: #181818 !important;
        border: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border-radius: 22px !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-card,
    body.mobile-chat-pc-look .pc-sidebar-settings-card--profile,
    body.mobile-chat-pc-look .pc-sidebar-settings-card--accounts,
    body.mobile-chat-pc-look .pc-sidebar-settings-card--nav {
        background: #181818 !important;
        border: none !important;
        box-shadow: none !important;
    }
}


/* Настройки / вкладки: выше шапка + ровные поля L/R */
@media (max-width: 768px) {
    body.mobile-chat-pc-look,
    html.xam-embedded-host body.mobile-chat-pc-look {
        --mobile-pc-settings-safe-top: max(
            8px,
            var(--xam-safe-top, 0px),
            env(safe-area-inset-top, 0px)
        );
    }

    body.mobile-chat-pc-look .sidebar.sidebar--settings-open {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .pc-sidebar-settings,
    body.mobile-chat-pc-look .sidebar.sidebar--settings-open > .sidebar-main-stack > .pc-sidebar-settings {
        padding: calc(2px + var(--mobile-pc-settings-safe-top, 8px)) 12px 18px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        position: absolute !important;
        inset: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        z-index: 40 !important;
        background: #212121 !important;
    }

    /* Секция: inset 0, без width:100% (иначе + padding даёт сдвиг вбок) */
    body.mobile-chat-pc-look .pc-sidebar-settings-section,
    body.mobile-chat-pc-look .pc-sidebar-settings-section.is-open {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: calc(2px + var(--mobile-pc-settings-safe-top, 8px)) 12px 18px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-section.is-open {
        transform: translate3d(0, 0, 0) !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-section > .pc-sidebar-embed-screen,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .account-settings-screen,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .privacy-settings-screen,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .personalization-screen,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .xams-screen,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .activation-modal,
    body.mobile-chat-pc-look .pc-sidebar-settings-section > .modal-content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 0 10px !important;
        align-self: stretch !important;
        box-sizing: border-box !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-header,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-header,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-header,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .xams-header,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .activate-code-header {
        position: relative !important;
        padding: 2px 0 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0 !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-back-btn,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-back-btn,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-back-btn,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .xams-back-btn,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .activate-code-back-btn,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-more-btn,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-header-spacer,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-header-spacer,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-header-spacer,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .xams-header-spacer,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .activate-code-header-spacer {
        position: relative !important;
        z-index: 2 !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        height: 40px !important;
        margin: 0 !important;
    }

    /* Заголовок строго по центру экрана, не «между» разными кнопками */
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-title,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-title,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-title,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .xams-title,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .activate-code-title {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 48px !important;
        width: auto !important;
        text-align: center !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-profile-section {
        padding: 4px 0 12px !important;
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-fields,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-actions,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .privacy-settings-content,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .personalization-settings,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .xams-content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        align-items: stretch !important;
        align-self: stretch !important;
        box-sizing: border-box !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--identity,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--thought,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--email,
    body.mobile-chat-pc-look .pc-sidebar-settings-section .account-settings-field-group--accounts {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.mobile-chat-pc-look .pc-sidebar-settings-scroll,
    body.mobile-chat-pc-look .pc-sidebar-settings-home {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
}


/* restore: end pill = call/notify + avatar (phones) */
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 2px;
    flex: 0 0 auto;
    height: var(--mobile-top-btn-size, 46px);
    min-height: var(--mobile-top-btn-size, 46px);
    padding: 4px 4px 4px 6px;
    border-radius: 999px;
    background: rgba(28, 28, 30, 0.92);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    box-sizing: border-box;
    pointer-events: auto !important;
}
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill .chat-top-end-pill-call,
body.mobile-chat-pc-look #chat-top-overlay #chat-top-call-btn {
    pointer-events: auto !important;
}
/* Избранное / без звонка: идеальный круг */
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill.is-avatar-only {
    width: var(--mobile-top-btn-size, 46px) !important;
    min-width: var(--mobile-top-btn-size, 46px) !important;
    max-width: var(--mobile-top-btn-size, 46px) !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1;
}
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill .chat-top-end-pill-call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #fff;
    padding: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    flex: 0 0 auto;
}
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill .chat-top-end-pill-call.hidden {
    display: none !important;
}
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill .chat-top-overlay-avatar-btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    flex: 0 0 auto;
    overflow: hidden !important;
}
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill.is-avatar-only .chat-top-overlay-avatar-btn {
    width: 36px !important;
    height: 36px !important;
}
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill .chat-top-overlay-avatar {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
}
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill .chat-top-overlay-avatar > img,
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill .chat-top-overlay-avatar > video,
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill .chat-top-overlay-avatar > svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 50% !important;
}
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill .chat-top-overlay-avatar .favorites-bookmark-icon {
    width: 18px !important;
    height: 18px !important;
}
body.mobile-chat-pc-look #chat-top-overlay #chat-top-end-pill.is-call-live {
    background: #23a559 !important;
}

/* restore: tighter gap search → chats */
body.mobile-chat-pc-look #chats-list {
    padding-top: 2px !important;
}
body.mobile-chat-pc-look .chats-title {
    display: none !important;
}
body.mobile-chat-pc-look #flow-stories-slot:not(.is-active):not(.is-open-static) {
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
body.mobile-chat-pc-look #flow-stories-slot:not(.is-active):not(.is-open-static) .flow-stories-spacer {
    height: 0 !important;
    min-height: 0 !important;
}

/* restore: profile action circles sit in a soft tray */
@media (max-width: 768px) {
    #user-profile-modal .profile-actions {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        gap: 8px !important;
        margin: 8px 16px 12px !important;
        padding: 10px 12px !important;
        border-radius: 22px !important;
        background: rgba(33, 33, 33, 0.95) !important;
        box-sizing: border-box !important;
    }
    #user-profile-modal .profile-actions .profile-action-btn {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,0.06) !important;
    }
}

/* boot: Обновление spinner in search */
body.mobile-chat-pc-look #sidebar-search-input-wrapper.is-chats-loading .sidebar-search-loading-spinner {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    color: rgba(255,255,255,0.75);
}
body.mobile-chat-pc-look #sidebar-search-input-wrapper .sidebar-search-loading-spinner {
    display: none;
}
body.mobile-chat-pc-look #sidebar-search-input-wrapper.is-chats-loading .sidebar-search-icon {
    display: none !important;
}
body.mobile-chat-pc-look #sidebar-search-input-wrapper.is-chats-loading #flow-stories-stack {
    opacity: 0.35;
    pointer-events: none;
}

/* hide full-screen chats-list-loading on phones — show list immediately */
body.mobile-chat-pc-look #chats-list-loading {
    display: none !important;
}

/* restore r4: kill leftover gap under search on phones */
@media (max-width: 768px) {
    body.mobile-chat-pc-look .sidebar > .sidebar-header,
    body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    body.mobile-chat-pc-look .sidebar > .sidebar-header > .sidebar-search-bar,
    body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header > .sidebar-search-bar {
        margin-bottom: 0 !important;
    }
    body.mobile-chat-pc-look .chats-section {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    body.mobile-chat-pc-look #chats-list,
    body.mobile-chat-pc-look #chats-list.chats-list--drum {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    body.mobile-chat-pc-look #chat-folders-bar:not([hidden]):not(.hidden) {
        margin-top: 0 !important;
        margin-bottom: 2px !important;
    }
    body.mobile-chat-pc-look .chats-pinned-divider {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
}

/* vnote orb must win over mobile chrome */
body.mobile-chat-pc-look .xam-vnote-overlay {
    z-index: 13000 !important;
}
body.mobile-chat-pc-look .xam-vnote-orb {
    z-index: 13001 !important;
}
body.mobile-chat-pc-look.xam-main-ready #app-boot-splash {
    display: none !important;
}

/* r14: kill search→list barrier for good */
@media (max-width: 768px) {
    body.mobile-chat-pc-look .sidebar > .sidebar-header,
    body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    body.mobile-chat-pc-look .sidebar > .sidebar-header > .sidebar-top-bar,
    body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header > .sidebar-top-bar,
    body.mobile-chat-pc-look .sidebar > .sidebar-header > #sidebar-top-bar,
    body.mobile-chat-pc-look .sidebar > .sidebar-main-stack > .sidebar-header > #sidebar-top-bar {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    body.mobile-chat-pc-look #flow-stories-slot:not(.is-active):not(.is-open-static),
    body.mobile-chat-pc-look .flow-stories-slot:not(.is-active):not(.is-open-static) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    body.mobile-chat-pc-look .chats-section {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    body.mobile-chat-pc-look .sidebar .chats-section::before {
        position: absolute !important;
        height: 28px !important;
        pointer-events: none !important;
    }
    body.mobile-chat-pc-look #chats-list,
    body.mobile-chat-pc-look #chats-list.chats-list--drum,
    body.mobile-chat-pc-look #chats-list .chats-drum-viewport,
    body.mobile-chat-pc-look #chats-list .chats-drum-track {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    body.mobile-chat-pc-look #chats-list .chats-drum-spacer--top,
    body.mobile-chat-pc-look .chats-drum-spacer--top {
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: none !important;
    }
}

/* r15: folders sit under search, not over chats */
@media (max-width: 768px) {
    body.mobile-chat-pc-look #chat-folders-bar.chat-folders-bar,
    body.mobile-chat-pc-look .sidebar > #chat-folders-bar,
    body.mobile-chat-pc-look .sidebar-chats-row > #chat-folders-bar,
    body.mobile-chat-pc-look .sidebar-header > #chat-folders-bar,
    body.mobile-chat-pc-look .sidebar-header > .chat-folders-bar {
        position: relative !important;
        top: 0 !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        inset: auto !important;
        transform: none !important;
        margin: 0 !important;
    }
    body.mobile-chat-pc-look.xam-chat-folders-bar-on #chat-folders-bar:not(.hidden):not([hidden]),
    body.mobile-chat-pc-look.xam-chat-folders-bar-on .sidebar-header > .chat-folders-bar.mobile-only:not(.hidden) {
        display: block !important;
    }
    body.mobile-chat-pc-look.xam-chat-folders-bar-on #chats-list,
    body.mobile-chat-pc-look.xam-chat-folders-bar-on #chats-list.chats-list--drum {
        padding-top: 2px !important;
    }
}