/* ===== Sevinta — страница входа ===== */

/* фон: фотография под индиговой вуалью */
html.login body {
    background-color: #141830 !important;
    background-image:
        linear-gradient(90deg, rgba(16,20,42,.94) 0%, rgba(16,20,42,.84) 34%, rgba(16,20,42,.12) 62%),
        url('/sevinta-bg.jpg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

/* убрать подложки темы */
html.login body .extra-header,
html.login body .extra-image,
html.login body .extra-footer {
    background-image: none !important;
    background-color: transparent !important;
}
html.login body div { background-color: transparent !important; }
html.login body .row { background: none !important; overflow: visible !important; }

/* карточки вокруг формы нет */
html.login body form.column,
html.login body .row > div:not(.fs-logo) {
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* заголовок */
html.login body .header,
html.login body .header * {
    background-color: transparent !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.6) !important;
}

/* подписи внутри формы */
html.login body form.column,
html.login body form.column label,
html.login body form.column span,
html.login body form.column div {
    color: rgba(255,255,255,.88) !important;
}
html.login body a { color: rgba(255,255,255,.90) !important; }

/* поля ввода */
html.login body input[type="text"],
html.login body input[type="password"],
html.login body input[type="email"],
html.login body select {
    color: #ffffff !important;
    background-color: rgba(255,255,255,.12) !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 10px !important;
    padding: 14px 15px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
}
html.login body input:focus,
html.login body select:focus {
    border-color: rgba(255,255,255,.70) !important;
    background-color: rgba(255,255,255,.18) !important;
    outline: none !important;
}
html.login body input::placeholder { color: rgba(255,255,255,.60) !important; }
html.login body input[type="checkbox"] { accent-color: #6B64D6 !important; }

/* выпадающий список языка */
html.login body form.column [class*="select"],
html.login body form.column [class*="dropdown"] {
    background-color: rgba(255,255,255,.12) !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
html.login body ul,
html.login body [role="listbox"],
html.login body [class*="menu"] {
    background-color: rgba(24,28,58,.96) !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    border-radius: 10px !important;
}
html.login body li,
html.login body option,
html.login body [role="option"] {
    background-color: transparent !important;
    color: #ffffff !important;
}
html.login body li:hover,
html.login body [role="option"]:hover,
html.login body [aria-selected="true"],
html.login body li[class*="active"],
html.login body li[class*="selected"] {
    background-color: rgba(90,84,201,.55) !important;
    color: #ffffff !important;
}

/* кнопка входа */
html.login body button,
html.login body input[type="submit"],
html.login body form.column button {
    background-color: #4A45A5 !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    padding: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    box-shadow: 0 12px 30px rgba(74,69,165,.38) !important;
}
html.login body button:hover { background-color: #5A52C9 !important; }

/* весь текст на фоне — светлый */
html.login body,
html.login body p,
html.login body span,
html.login body label,
html.login body div,
html.login body h1,
html.login body h2,
html.login body h3 {
    color: rgba(255,255,255,.92) !important;
}
html.login body p,
html.login body h1,
html.login body h2,
html.login body h3 {
    text-shadow: 0 1px 8px rgba(0,0,0,.55) !important;
}

/* логотип Sevinta вместо florisoft, белый, без плашки */
html.login body div.fs-logo a img,
html.login body div.fs-logo img,
html.login body .fs-logo img[src] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}
html.login body .fs-logo {
    display: block !important;
    background: none !important;
    background-color: transparent !important;
    padding: 2.2rem 0 0 !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}
html.login body .fs-logo a,
html.login body .fs-logo a[href],
html.login body .row .fs-logo a {
    display: inline-block !important;
    width: 240px !important;
    height: 67px !important;
    background-color: transparent !important;
    background-image: url('/sevinta-logo.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 2px 10px rgba(0,0,0,.55)) !important;
    pointer-events: none !important;
    cursor: default !important;
}

/* узкий экран: вуаль сверху вниз, иначе поля на светлом */
@media (max-width: 760px) {
    html.login body {
        background-image:
            linear-gradient(rgba(16,20,42,.74) 0%, rgba(16,20,42,.89) 55%, rgba(16,20,42,.95) 100%),
            url('/sevinta-bg.jpg') !important;
        background-position: center bottom !important;
    }
    html.login body .fs-logo a,
    html.login body .fs-logo a[href],
    html.login body .row .fs-logo a {
        width: 200px !important;
        height: 56px !important;
    }
}