/* --- 3D Рендеринг Карточки --- */
.perspective-1000 {
    perspective: 1000px;
}
.transform-style-3d {
    transform-style: preserve-3d;
}
.backface-hidden {
    backface-visibility: hidden;
}
.rotate-y-180 {
    transform: rotateY(180deg);
}

/* Стабильные 100% высоты WebView без вылетов за границы экрана */
body {
    height: 100dvh;
}

/* Изменение прозрачности для плавного скрытия статус-бара */
.opacity-0 {
    opacity: 0;
    pointer-events: none;
}

/* --- ПРАВИЛА РЕЖИМА ВЫСОКОЙ КОНЦЕНТРАЦИИ (Focus Mode) --- */

/* Намертво вырезаем прогресс-бар, служебный подвал и скрытые элементы */
.focus-active #progress-bar,
.focus-active #bottom-nav,
.focus-active .hide-on-focus,
.focus-active #queue-counters-bar {
    display: none !important;
}

/* Делаем верхнюю панель прозрачной, чтобы не отвлекала */
.focus-active #top-bar {
    border-bottom: none;
    background: transparent;
}

/* Снижаем визуальную сложность карточки — убираем тени и эффекты */
.focus-active #flashcard {
    box-shadow: none !important;
    background-image: none !important;
}

/* Заглушаем кнопку фокуса, превращая её в аккуратный полупрозрачный индикатор */
.focus-active #focus-toggle {
    opacity: 0.3;
    background: transparent !important;
}
.focus-active #focus-toggle:hover {
    opacity: 0.8;
}

/* Кнопки переключения микро-фильтров в Архиве */
#archive-filter-bar button {
    transition: all 0.2s ease;
}

/* Скроллбары для текстовой матрицы без enterprise-шума */
#breakdown-list::-webkit-scrollbar,
#data-container::-webkit-scrollbar {
    width: 3px;
}
#breakdown-list::-webkit-scrollbar-thumb,
#data-container::-webkit-scrollbar-thumb {
    background: #222;
}