/* Галочка согласия на обработку персональных данных.
 *
 * ⚠ Лежит в public/, а не в resources/css/app.css: прод отдаёт собранный
 * Vite-бандл, а node на сервере нет — правка исходника до экрана не доедет.
 * Тот же приём, что у public/css/rv-buttons.css от 14.08.2026.
 *
 * ⚠ Подключается в layouts/guest.blade.php ПОСЛЕ бандла, поэтому при равной
 * специфичности выигрывает этот файл.
 */

/* Базовый .chk выравнивает по центру — это верно для однострочного «запомнить
 * меня» и ломается на трёхстрочном согласии: квадратик уезжает к середине
 * текста. */
.chk--consent{align-items:flex-start;line-height:1.5;gap:10px}
.chk--consent a{color:#aab2f0;text-decoration:underline;text-underline-offset:2px}
.chk--consent a:hover{color:#c2c8f5}

.fld--consent{margin-bottom:20px}

/* ⚠ НАЙДЕНО РЕНДЕРОМ, а не в коде. Правило `.fld input` написано под текстовые
 * поля и накрывает чекбокс тоже: он получал appearance:none, padding 10/12 и
 * фон поля ввода. На экране это давало серый прямоугольник 26×22, который при
 * отметке НЕ МЕНЯЛСЯ ВИДИМО: браузер при appearance:none отметку не рисует
 * вовсе, а разница на снимке была только от подсветки фокуса.
 *
 * Человек ставил согласие и не видел, поставил ли. Возвращаем родной вид
 * чекбокса: селектор с типом (0,2,1) сильнее `.fld input` (0,1,1) — ровно
 * настолько, чтобы перебить, и не больше. */
.chk--consent input[type="checkbox"]{
    appearance:auto;
    -webkit-appearance:checkbox;
    width:16px;
    height:16px;
    min-width:16px;
    flex:0 0 auto;
    margin-top:1px;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
    accent-color:var(--indigo);
    /* Без этого родной чекбокс в тёмной теме рисуется светлым виджетом. */
    color-scheme:dark;
    cursor:pointer;
}
html[data-theme="light"] .chk--consent input[type="checkbox"]{color-scheme:light}

/* Своя обводка фокуса вместо унаследованной от текстового поля: у чекбокса
 * подсветка на три пикселя вокруг сливается с самим квадратиком. */
.chk--consent input[type="checkbox"]:focus-visible{
    outline:2px solid var(--indigo);
    outline-offset:2px;
}

/* ── Экран согласия для аккаунтов, заведённых до 14.08.2026 ── */

.cns-what{font-size:13.5px;line-height:1.55;color:var(--text-2);margin:-10px 0 20px}
.cns-what a{color:#aab2f0;text-decoration:underline;text-underline-offset:2px}

/* Выход оформлен формой, потому что logout это POST. Кнопка должна читаться
 * ссылкой: слой rv-buttons.css сюда не достаёт — он красит именованные классы,
 * а не голый button. */
.cns-out{display:inline}
.cns-out button{background:none;border:0;padding:0;font:inherit;cursor:pointer;
    color:#aab2f0;text-decoration:underline;text-underline-offset:2px}
.cns-out button:hover{color:#c2c8f5}