/* Стили страницы chat.html.
   Вынесено из встроенного <style> страниц 06.10.2026 (встроенные блоки страницы); цвета — переменные темы. */
    /* Карточка доверия: без тёмной рамки — только скругление самой картинки. Модалка = размер
       слайдера, прозрачная; отступ 20px по краям даёт padding самого оверлея (.modal-overlay). */
    #trustInfoModal .improve-modal {
        position: relative; inset: auto; margin: 0;
        width: auto; height: auto; max-width: none; max-height: none;
        padding: 0; background: transparent; box-shadow: none; overflow: visible; border-radius: 0;
    }
    /* Крестик — фиолетовый на светлом кружке (виден на фото). */
    #trustInfoModal .modal-close {
        color: var(--c-violet-500-2, #6B46C1); background: var(--c-gray-0-a92, rgba(255,255,255,.92)); opacity: 1; z-index: 5;
    }
    #trustInfoModal .modal-close:hover { background: var(--c-white, #fff); }
    /* Слайдер: колонка «картинка (2:3, 768×1152) + точки под ней». Сам блок сжимается по контенту
       и центрируется оверлеем (у него align-items:center + padding 20px → отступ по краям). */
    .trust-slider {
        --trust-ms: 5000ms;
        position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px;
        background: transparent; touch-action: pan-y; -webkit-user-select: none; user-select: none;
    }
    /* Картинка 2:3 — максимально крупная, что влезает и по высоте (экран − 20px×2 − 32px под точки),
       и по ширине (экран − 20px×2). min() держит пропорции без обрезки даже на узких телефонах. */
    .trust-slider-viewport {
        overflow: hidden; border-radius: 16px; flex: 0 0 auto;
        width: min(100vw - 40px, (100vh - 72px) * 2 / 3);
        width: min(100vw - 40px, (100dvh - 72px) * 2 / 3);
        height: min(100vh - 72px, (100vw - 40px) * 3 / 2);
        height: min(100dvh - 72px, (100vw - 40px) * 3 / 2);
    }
    .trust-slider-track {
        display: flex; height: 100%; transition: transform .5s cubic-bezier(.22,.61,.36,1); will-change: transform;
    }
    .trust-slide { flex: 0 0 100%; height: 100%; }
    .trust-slide img {
        display: block; width: 100%; height: 100%; object-fit: cover;
    }
    /* Стрелки — ТОЛЬКО на десктопе, СНАРУЖИ карточки (в тёмном поле по бокам, не поверх фото).
       Светлый кружок с тёмным шевроном — виден на подложке. На мобиле скрыты (свайп). */
    .trust-slider-nav {
        position: absolute; top: 50%; transform: translateY(-50%);
        width: 44px; height: 44px; border-radius: 50%; z-index: 3;
        display: flex; align-items: center; justify-content: center;
        border: none; cursor: pointer; color: var(--c-gray-700, #4a4a55);
        background: var(--c-gray-0-a90, rgba(255,255,255,.9)); box-shadow: 0 2px 12px var(--c-gray-1000-a28, rgba(0,0,0,.28));
        transition: background .2s, transform .15s;
    }
    .trust-slider-nav:hover { background: var(--c-white, #fff); }
    .trust-slider-nav:active { transform: translateY(-50%) scale(.9); }
    .trust-slider-nav svg { width: 22px; height: 22px; }
    .trust-slider-nav.prev { left: -56px; }
    .trust-slider-nav.next { right: -56px; }
    /* Точки-маркеры ПОД картинкой (не поверх) + растущий индикатор времени до перелистывания */
    .trust-slider-dots {
        flex: 0 0 auto; display: flex; justify-content: center; align-items: center; gap: 7px; height: 20px;
    }
    .trust-dot {
        position: relative; width: 8px; height: 8px; padding: 0; border: none;
        border-radius: 999px; background: var(--c-gray-0-a42, rgba(255,255,255,.42)); cursor: pointer;
        overflow: hidden; transition: width .35s ease, background .2s;
    }
    .trust-dot.active { width: 34px; background: var(--c-gray-0-a32, rgba(255,255,255,.32)); }
    .trust-dot-fill {
        position: absolute; left: 0; top: 0; bottom: 0; width: 0;
        background: var(--c-white, #fff); border-radius: 999px;
    }
    .trust-dot.active .trust-dot-fill { animation: trustDotFill var(--trust-ms) linear forwards; }
    .trust-slider.is-paused .trust-dot.active .trust-dot-fill { animation-play-state: paused; }
    @keyframes trustDotFill { from { width: 0; } to { width: 100%; } }
    @media (prefers-reduced-motion: reduce) {
        .trust-slider-track { transition: none; }
        .trust-dot.active .trust-dot-fill { animation: none; width: 100%; }
    }
    @media (max-width: 768px) {
        /* Подложка позади карточки на мобиле — 50% (по умолчанию оверлей 60%). */
        #trustInfoModal.modal-overlay { background: var(--c-gray-1000-a50, rgba(0, 0, 0, 0.5)); }
        /* Стрелки прячем только на мобиле — листаем свайпом. */
        .trust-slider-nav { display: none; }
    }

    
    /* Ниже — вместо встроенных атрибутов style="…" (06.10.2026); вид прежний. */
    /* Пиксель Метрики в <noscript>: за краем экрана */
    .ym-pixel { position: absolute; left: -9999px; }
    /* Пояснение в окне «Удалить сообщение?» */
    .modal-confirm p.delete-msg-note { font-size: 0.8rem; color: var(--gray-600); margin-bottom: 1rem; text-align: center; }