/* Login-only overrides: generic POS button styles must not move password eyes. */
html body #authScreen #authMainCard .u-auto-1i { position: relative !important; }
html body #authScreen #authMainCard button.auth-eye-btn {
    position: absolute !important;
    inset: 50% 7px auto auto !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--text-secondary, #64748b) !important;
    z-index: 2;
}
html body #authScreen #authMainCard button.auth-eye-btn:hover,
html body #authScreen #authMainCard button.auth-eye-btn:focus-visible {
    background: rgba(212,132,92,.14) !important;
    color: #b86d45 !important;
}
html body #authScreen #authMainCard input:not([type="checkbox"]):not([type="radio"]) {
    min-height: 48px !important;
    font-size: 15px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}
html body #authScreen #authPassword,
html body #authScreen #regPassword { padding-right: 52px !important; }
html body #authScreen .auth-intro-pro h2 {
    font-size: clamp(36px, 3.6vw, 52px) !important;
    line-height: 1.12 !important;
    max-width: 16ch !important;
    letter-spacing: -.035em !important;
}
html body #authScreen .auth-brand-pro { margin-bottom: 40px !important; }
html body #authScreen .auth-proof-pro span { font-size: 12px !important; line-height: 1.4; }
html.theme-light body #authScreen .auth-brand-pro { color: #17212b !important; }
html.theme-light body #authScreen .auth-brand-pro > span { color: #fff !important; }
html.theme-light body #authScreen .auth-proof-pro > span {
    color: #364250 !important;
    background: #fff !important;
    border-color: #dce2e8 !important;
}
html.theme-light body #authScreen #authDemoSection { color: #526174 !important; }
html.theme-light body #authScreen #authDemoSection span,
html.theme-light body #authScreen #authDemoSection p { color: #526174 !important; }
html.theme-light body #authScreen #authDemoSection button span { color: #fff !important; }
html.theme-light body #authScreen #authDemoSection > div:last-child { color: #526174 !important; }
html body #authScreen #authMainCard #authLoginBtn { color: #fff !important; font-weight: 700; }
html body #authScreen #authMainCard #authLangPicker { gap: 8px !important; }
html body #authScreen #authMainCard #authLangPicker button { box-shadow: none !important; }
@media (max-width: 860px) {
    html body #authScreen .auth-intro-pro h2 { font-size: 34px !important; }
}
@media (max-width: 680px) {
    html body #authScreen .auth-intro-pro h2 { font-size: 28px !important; }
    html body #authScreen #authMainCard { padding: 24px 20px !important; }
}