/* Вход в систему
   Вынесено из login.php: стили экрана держались в PHP.
   Ссылка стоит там же, где стоял <style>, — порядок каскада сохранён. */
    body { background-color: #ffffff; }
    /* ───── Экран входа — центрированная SaaS-карточка (эталон — POS «Выбрать магазин») ───── */
    .login-center {
        display: flex; align-items: center; justify-content: center;
        min-height: 100vh; padding: 20px;
    }
    .login-box {
        position: relative;
        width: 100%; max-width: 420px;
        padding: 34px 32px 26px;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 20px 60px rgba(17,24,39,.18), 0 4px 12px rgba(17,24,39,.08);
        text-align: center;
    }
    /* логотип по центру */
    .login-box .logo { display: block; margin: 0 0 14px; text-align: center; }
    .login-box .logo img { height: 44px; width: auto; max-width: 70%; }
    /* «Языки» — чип в правом верхнем углу */
    .login-box .logo .dropdown { position: absolute; top: 18px; right: 18px; }
    .login-box .logo .dropdown-toggle {
        background: #f3f4f6 !important; border: 0 !important; color: #374151 !important;
        border-radius: 10px !important; padding: 7px 12px !important;
        font-size: 13px !important; font-weight: 600; box-shadow: none !important;
    }
    .login-box .logo .dropdown-toggle::after { margin-left: 6px; }
    .login-box .dropdown-menu { min-width: 160px; border-radius: 12px; border: 1px solid #eef0f3; box-shadow: 0 12px 32px rgba(17,24,39,.12); padding: 6px; }
    .login-box .dropdown-menu .dropdown-item { border-radius: 8px; font-size: 14px; padding: 7px 10px; }
    /* заголовок «Войдите, чтобы продолжить» */
    .login-box p.text-center.pv {
        margin: 2px 0 22px !important; font-size: 22px; font-weight: 700;
        color: #111827; text-transform: none; line-height: 1.25;
    }
    /* поля ввода */
    .login-box .form-group.has-feedback { position: relative; margin-bottom: 14px; text-align: left; }
    .login-box .formstyllogin {
        width: 100%; height: 52px; padding: 0 44px 0 16px;
        border: 1px solid #e5e7eb !important; border-radius: 14px !important;
        background: #fff; color: #111827; font-size: 15px;
        box-shadow: 0 1px 2px rgba(17,24,39,.04);
    }
    .login-box .formstyllogin:focus {
        outline: none; border-color: var(--ip-primary, #1a1cdb) !important;
        box-shadow: 0 0 0 3px rgba(var(--ip-primary-rgb, 26, 28, 219), .15) !important;
    }
    /* иконки в полях — одинаковые: цвет, размер, позиция справа */
    .login-box .headd-img1 { color: #9ca3af !important; font-size: 17px !important; width: auto !important; height: auto !important; }
    .login-box .form-group.has-feedback > .headd-img1 {
        position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
        padding: 0 !important; margin: 0 !important;
    }
    /* глаз пароля — то же позиционирование, что у иконки имени: справа 16px, по центру */
    .login-box .input-group { position: relative; }
    .login-box .input-group-append {
        position: absolute !important; right: 0 !important; top: 0 !important; bottom: 0 !important; left: auto !important;
        transform: none !important; margin: 0 !important; padding-right: 16px !important;
        display: flex !important; align-items: center !important;
    }
    .login-box .input-group-text { padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; display: flex !important; align-items: center !important; }
    .login-box .input-group-text .headd-img1,
    .login-box .toggle-password {
        position: static !important; right: auto !important; top: auto !important; transform: none !important;
        padding: 0 !important; margin: 0 !important; line-height: 1 !important;
    }
    /* «Запомнить меня» + «Забыли пароль?» */
    .login-box .clearfix { display: flex; align-items: center; justify-content: space-between; margin: 6px 0 20px; }
    .login-box .checkbox.c-checkbox { margin: 0; font-size: 13px; color: #374151; }
    .login-box .pull-right a { color: #6b7280; font-size: 13px; }
    .login-box .pull-right a:hover { color: var(--ip-primary, #1a1cdb); }
    /* кнопка «Войти» */
    .login-box .botomerpbotomdropdown {
        width: 100% !important; min-height: 52px !important; height: 52px !important; padding: 0 22px !important;
        margin: 0 !important; border: 0 !important; border-radius: 14px !important;
        background: var(--ip-primary, #1a1cdb) !important; color: #fff !important;
        font-size: 16px !important; font-weight: 600; line-height: normal !important;
        display: flex !important; align-items: center; justify-content: center; gap: 8px !important;
        transition: background .15s ease;
    }
    .login-box .botomerpbotomdropdown,
    .login-box .botomerpbotomdropdown svg,
    .login-box .botomerpbotomdropdown:hover,
    .login-box .botomerpbotomdropdown:hover svg { color: #fff !important; stroke: #fff !important; }
    .login-box .botomerpbotomdropdown:hover { background: #1e429f !important; }
    /* убираем лишнюю иконку × (::before от класса-«Закрыть»), оставляем только стрелку входа */
    .login-box .botomerpbotomdropdown::before { display: none !important; content: none !important; }
    /* футер-заметка */
    .login-box .ip-login-note {
        display: flex; align-items: center; justify-content: center; gap: 7px;
        margin-top: 20px; color: #9ca3af; font-size: 12.5px; line-height: 1.4; text-align: center;
    }
    .login-box .ip-login-note svg { flex: 0 0 auto; color: #9ca3af; }
    @media (max-width: 520px) { .login-box { padding: 28px 20px 22px; border-radius: 16px; } }