/* Minimal login only; authenticated screens retain their existing design. */
html[data-auth-screen="login"]{--login-ink:#24282d;--login-muted:#7b8088;--login-line:#e1e4e8;background:#fff;color-scheme:light}
html[data-auth-screen="login"] body{background:#fff!important}
html[data-auth-screen="login"] #root{width:100%;max-width:none;min-width:0}
.crm-login-screen.lg{background:#fff;color:var(--login-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.crm-login-screen *{box-sizing:border-box}
.crm-login-screen .crm-login-top{position:relative;left:auto;right:auto;top:auto;transform:none;width:100%;max-width:none;height:auto;margin:0 0 32px;display:flex;align-items:center;justify-content:center}
.crm-login-brand{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-1.2px;color:var(--login-ink);text-decoration:none}
.crm-login-screen .lg-card{flex:0 1 352px;display:block;width:100%;max-width:352px;min-width:0;min-height:0;height:auto;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.crm-login-screen .lg-hello,.crm-login-screen .lg-form:not(.on-login){display:none!important}
.crm-login-screen .lg-form.on-login{grid-area:auto!important;position:relative;display:block;width:100%!important;max-width:352px;height:auto!important;min-height:0!important;left:auto;top:auto;transform:none!important;padding:0;background:transparent;border-radius:0;text-align:left}
.crm-login-screen .lg-form>.lg-swapper{width:100%;margin:0;padding:0;transform:none;opacity:1}
.crm-login-screen .crm-login-heading,.crm-login-screen .lg-form label>span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.crm-login-screen .lg-form h2,.crm-login-screen .lg-note{display:none!important}
.crm-login-screen .lg-form label{display:block;margin-bottom:16px!important;text-align:left}
.crm-login-screen .lg-form input{height:46px!important;min-height:46px!important;width:100%;padding:0 13px!important;background:#fff!important;border:1px solid var(--login-line)!important;border-radius:9px!important;color:var(--login-ink)!important;font-size:15px!important;box-shadow:0 1px 2px #17202a04!important;transition:border-color .15s,box-shadow .15s}
.crm-login-screen .lg-form input:focus{outline:none;border-color:#8e96a1!important;box-shadow:0 0 0 3px #24282d09!important}
.crm-login-screen .lg-form input::placeholder{color:#7b8088;opacity:1}
.crm-login-screen .lg-form input[aria-invalid="true"]{border-color:#bf5353!important}
.crm-login-screen .lg-pass input{padding-right:46px!important}
.crm-login-screen .lg-eye{height:36px;width:36px;right:5px;border:0;box-shadow:none;background:transparent;color:#858c96}
.crm-login-screen .lg-form button[type="submit"]{height:46px!important;min-height:46px!important;width:100%;margin-top:4px!important;border:0;border-radius:9px!important;background:var(--login-ink)!important;color:#fff!important;font:550 14px/1 Inter,system-ui,sans-serif!important;box-shadow:0 1px 2px #18212c15!important;transition:background .15s}
.crm-login-screen .lg-form button[type="submit"]:hover{background:#393f46!important}
.crm-login-screen .lg-form button[type="submit"]:disabled{opacity:.6;cursor:wait}
.crm-login-screen .lg-alert:empty{display:none}
.crm-login-screen .lg-alert:not(:empty){min-height:0;margin:0 0 18px;padding:11px 13px;border:1px solid #efdada;border-radius:9px;background:#fff8f8;color:#a33d3d;font-size:13px;line-height:1.5}
.crm-login-screen a:focus-visible,.crm-login-screen button:focus-visible{outline:2px solid #747f91;outline-offset:4px}
.crm-login-screen .crm-login-footer{display:grid;gap:12px;text-align:center;margin-top:24px}
.crm-login-screen .crm-login-footer a{color:var(--login-muted);font-size:13px;line-height:1.45;text-decoration:none;text-underline-offset:3px}
.crm-login-screen .crm-login-footer a:hover{text-decoration:underline}
html[data-auth-screen="login"] #crm-learning-launch{display:none!important}
@media(max-width:600px){.crm-login-screen .lg-form input{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.crm-login-screen *{transition:none!important;animation:none!important}}