/* Exact existing Login structure; no JSX/handlers/Auth changes or global form restyle. */
div:has(>div>.card>form #login-company){background:var(--ink-950)!important;color:var(--ink-300);font-family:var(--brand-font);font-size:var(--font-14);font-weight:400}
div:has(>.card>form #login-company)>div:first-child>div:first-child{font-family:var(--brand-font);font-size:var(--font-24)!important;font-weight:700!important;color:var(--surface)!important;letter-spacing:.08em!important}
div:has(>.card>form #login-company)>div:first-child>div:first-child::after{content:".";color:var(--copper-400)}
div:has(>.card>form #login-company)>div:first-child>div:nth-child(2){color:var(--ink-300)!important;font-size:var(--font-12)!important;font-weight:400}
div:has(>.card>form #login-company)>div:first-child>div:last-child{background:var(--copper-400)!important}
.card:has(>form #login-company){background:var(--surface);border-color:var(--border);border-radius:12px;color:var(--text)}
form:has(#login-company) label{color:var(--text);font-family:var(--brand-font);font-size:var(--font-14);font-weight:600}
form:has(#login-company) input{font-family:var(--brand-font);font-size:var(--font-14);border-color:var(--border);color:var(--text);background:var(--surface)}
form:has(#login-company) input:focus{border-color:var(--copper-600);outline-color:var(--copper-400)}
form:has(#login-company) [role=alert]{color:var(--danger)!important;font-size:var(--font-14)!important}
@media(max-width:700px){div:has(>div>.card>form #login-company),form:has(#login-company) label,form:has(#login-company) input,form:has(#login-company) [role=alert]{font-size:var(--font-16)!important}}