/* Только цвета и логотип. Селекторы — классы заводской темы Keycloak 26
   (patternfly v3/v4: login-pf, card-pf, kc-header-wrapper). Если класс
   вдруг разъедется в будущей версии — форма останется рабочей, просто
   без покраски. */
.login-pf body {
    background: #0e2a35 linear-gradient(160deg, #0e2a35 0%, #17505f 55%, #1a6f8f 100%) no-repeat fixed;
    color: #e8f1f4;
}

/* Шапка формы: сюда Keycloak выводит displayNameHtml realm'а —
   «Банк Синегорье» (realm-bank.json). Заводская тема пишет её капсом
   и с большим межбуквенным интервалом, для названия банка это некрасиво. */
#kc-header-wrapper {
    padding: 26px 0 10px;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none;
    color: #ffffff;
}

/* Логотип — тот же щит, что в шапке платформы (WEB_BRANDING_JSON стенда),
   data-URI: внешних запросов у формы входа нет. */
#kc-header-wrapper::before {
    content: "";
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iOSIgZmlsbD0iIzFhNmY4ZiIvPjxwYXRoIGQ9Ik0yMCA3bDEwIDZ2OGMwIDctNC41IDExLTEwIDEyLTUuNS0xLTEwLTUtMTAtMTJ2LTh6IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMi40Ii8+PHRleHQgeD0iMjAiIHk9IjI2IiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiNmZmYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtd2VpZ2h0PSJib2xkIj7QoTwvdGV4dD48L3N2Zz4=") center / contain no-repeat;
}

/* Форма — НАД анимированным фоном (Д-11). canvas лежит z-index:0, и без
   этой строки он рисовался бы поверх непозиционированной разметки формы:
   позиционированные элементы красятся позже обычного потока. Правило
   безвредно, когда фон выключен или скрипт не запустился. */
.login-pf-page {
    position: relative;
    z-index: 1;
}

.card-pf {
    border-top: 4px solid #1a6f8f;
    border-radius: 6px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35);
}

.btn-primary,
.pf-c-button.pf-m-primary {
    background-color: #1a6f8f;
    border-color: #1a6f8f;
}

.btn-primary:hover,
.pf-c-button.pf-m-primary:hover {
    background-color: #155a74;
    border-color: #155a74;
}

/* Контраст внутри белой карточки (замечание владельца 2026-08-22).
   Заводская тема Keycloak рисует заголовок и подписи полей светло-серым
   — на белом фоне читается плохо, а форма входа это первое, что видит
   человек. Затемняем до почти чёрного; поля и плейсхолдеры тоже. */
#kc-page-title,
#kc-form-login label,
.pf-c-form__label,
.pf-c-form__label-text,
.control-label {
    color: #16323d !important;
    opacity: 1 !important;
    font-weight: 600;
}

#kc-form-login input[type="text"],
#kc-form-login input[type="password"],
.pf-c-form-control {
    color: #16323d;
    opacity: 1;
}

#kc-form-login input::placeholder,
.pf-c-form-control::placeholder {
    color: #6b7f88;
    opacity: 1;
}

/* Переключатель языка убран совсем (решение владельца 2026-08-22: не нужен
   даже в продукте). Локаль realm'а — русская, выбирать не из чего;
   страховка на случай, если интернационализация где-то включится снова. */
#kc-locale,
.pf-c-dropdown#kc-locale-dropdown,
div[id^="kc-locale"] {
    display: none !important;
}