/* ===== ПАТЧ 1: PRE-AUTH INPUT — ВОССТАНОВЛЕНИЕ ЦВЕТА ===== */
/*
   Проблема: reset.css применил background: transparent и color: inherit
   к input глобально. У authLoginSection нет явного background-color,
   поэтому input'ы слились с серым фоном формы (#f0f0f0).
   
   Решение: явные цвета с высокой специфичностью.
*/
.authLoginSection input,
.twoFactorsMainArea input {
    background-color: #ffffff !important;
    color: #1e1e2f !important;
    -webkit-text-fill-color: #1e1e2f !important; /* фикс для :-webkit-autofill */
}

/* Автозаполнение браузера — сохраняем видимый текст */
.authLoginSection input:-webkit-autofill,
.authLoginSection input:-webkit-autofill:hover,
.authLoginSection input:-webkit-autofill:focus,
.twoFactorsMainArea input:-webkit-autofill,
.twoFactorsMainArea input:-webkit-autofill:hover,
.twoFactorsMainArea input:-webkit-autofill:focus {
    -webkit-text-fill-color: #1e1e2f !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* ===== ПАТЧ 2: MESSENGER INPUT — SAFE AREA + KEYBOARD ===== */
/*
   Проблема 1: iPhone с home indicator перекрывает input
   Решение: padding-bottom через env(safe-area-inset-bottom)
   
   Проблема 2: Клавиатура на Android/iOS сжимает viewport, но .messengerMainArea
   использует position: fixed с top:0, bottom:60px — input уезжает под клавиатуру.
   Решение: JS через visualViewport API (см. fixes.js)
*/
@media (max-width: 767px) {
    /* Safe area для iPhone с "вырезом"/Dynamic Island */
    .messengerMainArea {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }
    
    /* Поле ввода с учётом home indicator */
    .chatTyping {
        padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    }
    
    /* Fallback для старых Safari без env() */
    @supports not (padding: env(safe-area-inset-bottom)) {
        .messengerMainArea {
            padding-bottom: 34px !important; /* iPhone X+ home indicator высота */
        }
        .chatTyping {
            padding-bottom: 46px !important;
        }
    }
}

/* Динамический viewport — корректная высота на мобильных */
.messengerMainArea {
    height: 100vh;
    height: 100dvh; /* dynamic viewport — корректно при открытой клавиатуре */
}

@supports not (height: 100dvh) {
    .messengerMainArea {
        height: calc(var(--vh, 1vh) * 100); /* fallback через JS */
    }
}