/*
 * Страницы входа: красно-чёрное оформление поверх тёмной темы Metronic (data-bs-theme="dark").
 * Подключается в App\Core\Bootstrap\BootstrapAuth. Основной цвет Metronic (--bs-primary…) — красный,
 * переменные на body, чтобы их видели и окна SweetAlert2 (они вставляются прямо в body).
 */
body.sc-auth-page {
    --sc-red: #E11D2E;
    --sc-red-active: #FF3344;
    --sc-red-rgb: 225, 29, 46;
    --sc-black: #0A0A0C;

    --bs-primary: var(--sc-red);
    --bs-primary-active: var(--sc-red-active);
    --bs-primary-light: #2A0E12;
    --bs-primary-inverse: #FFFFFF;
    --bs-primary-clarity: rgba(var(--sc-red-rgb), 0.2);
    --bs-primary-rgb: var(--sc-red-rgb);
    --bs-text-primary: var(--sc-red);
    --bs-link-color: var(--sc-red);
    --bs-link-hover-color: var(--sc-red-active);

    background-color: var(--sc-black);
}

/* Левая часть с формой — почти чёрная */
.sc-auth-body {
    background-color: #111114;
}

/* Правая часть — чёрная с красным свечением и сеткой из точек */
.sc-auth-aside {
    background-color: var(--sc-black);
    background-image:
        radial-gradient(circle at 50% 45%, rgba(var(--sc-red-rgb), 0.35) 0%, rgba(var(--sc-red-rgb), 0.08) 35%, transparent 65%),
        radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px);
    background-size: 100% 100%, 22px 22px;
    border-left: 1px solid rgba(var(--sc-red-rgb), 0.25);
}

@media (max-width: 991.98px) {
    .sc-auth-aside {
        border-left: 0;
        border-bottom: 1px solid rgba(var(--sc-red-rgb), 0.25);
    }
}

.sc-auth-logo {
    filter: drop-shadow(0 0 24px rgba(var(--sc-red-rgb), 0.55));
}

/* Короткая красная черта под названием */
.sc-auth-line {
    width: 64px;
    height: 3px;
    border-radius: 3px;
    background-color: var(--sc-red);
}

/* Поля ввода: тёмные, при фокусе — красная рамка */
.sc-auth .form-control.bg-transparent {
    border-color: #2B2B33;
}
.sc-auth .form-control:focus {
    border-color: var(--sc-red);
    box-shadow: 0 0 0 0.2rem rgba(var(--sc-red-rgb), 0.15);
}

/* Галочки в Metronic скомпилированы с синим — перекрашиваем */
.sc-auth .form-check-input:checked {
    background-color: var(--sc-red);
    border-color: var(--sc-red);
}
.sc-auth .form-check-input:focus {
    border-color: var(--sc-red);
    box-shadow: 0 0 0 0.2rem rgba(var(--sc-red-rgb), 0.15);
}

/* Поля, заполненные браузером (сохранённые пароли), — без серо-синей заливки Edge/Chrome */
.sc-auth .form-control:-webkit-autofill,
.sc-auth .form-control:-webkit-autofill:hover,
.sc-auth .form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: #F5F5F5;
    -webkit-box-shadow: 0 0 0 1000px #18181C inset;
    caret-color: #F5F5F5;
}