/* Login brand surfaces must not inherit the application text color as a background. */
#screen-auth{--auth-panel:#fff;--auth-ink:#17384b;--auth-muted:#526b7d;--auth-soft:#edf2f7;--auth-line:#cbdce7;background:var(--auth-panel);color:var(--auth-ink)}
#screen-auth .auth-left{background:#102f49;color:#fff;min-width:0}
#screen-auth .auth-brand .mark,#screen-auth .auth-hero h1{color:#fff}
#screen-auth .auth-brand .sub,#screen-auth .auth-hero p,#screen-auth .auth-feat{color:#dce9f2}
#screen-auth .auth-left>div:last-child{color:#dce9f2!important}
#screen-auth .auth-right{background:var(--auth-panel);color:var(--auth-ink);flex-shrink:0;min-width:0}
#screen-auth .auth-box h2{color:var(--auth-ink)}
#screen-auth .auth-box .sub,#screen-auth .fg label{color:var(--auth-muted)}
#screen-auth .auth-toggle{background:var(--auth-soft)}
#screen-auth .atog{color:var(--auth-muted);min-height:44px}
#screen-auth .atog.active{background:#1d72c9;color:#fff;box-shadow:0 2px 5px #0c2b4120}
#screen-auth .fg :is(input,select,textarea){background:var(--auth-panel);color:var(--auth-ink);border-color:var(--auth-line);min-height:44px}
#screen-auth .fg input::placeholder{color:var(--auth-muted);opacity:1}
#screen-auth .btn-primary{background:#1d72c9;color:#fff;min-height:44px}
#screen-auth :is(button,input,select):focus-visible{outline:3px solid #448ac9;outline-offset:3px}
html[data-theme=dark] #screen-auth{--auth-panel:#172332;--auth-ink:#e4edf7;--auth-muted:#b8cada;--auth-soft:#0d1622;--auth-line:#486179}
#screen-auth .auth-mobile-brand::after{background:var(--auth-panel)}
@media(max-width:480px){#screen-auth .fgrid{grid-template-columns:minmax(0,1fr)}#screen-auth .auth-right{padding-inline:20px}#screen-auth .auth-box{min-width:0}}