/* portal-login.css — login / forgot / reset pages in the new portal look (light by default, dark when the phone is dark) */
:root{--bg:#f6f7f9;--surface:#fff;--raised:#fff;--line:#e6e8ec;--line2:#d5d9e0;--white:#151a24;--text:#151a24;--muted:#667085;--dim:#98a2b3;--input:#fff;--high:#f1f3f6;--amber:#c9971e;--amber-pale:#fdf6e3;--amber-edge:#e8c979}
@media (prefers-color-scheme:dark){:root{--bg:#070810;--surface:#0f1320;--raised:#141a2a;--line:#1f2638;--line2:#2a3348;--white:#eef1f7;--text:#eef1f7;--muted:#9aa3b5;--dim:#6b7489;--input:#0c1019;--high:#141a2a;--amber-pale:rgba(212,166,50,.14)}}
html,body{background:var(--bg)!important;color:var(--text)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px calc(28px + env(safe-area-inset-bottom,0px))}
.login-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;height:40px;background:url(/_assets/mtl_logo_mark.png) left center/36px no-repeat;padding-left:46px}
.login-logo img{display:none!important}.login-logo::after{content:"MyTaxLead";font:800 26px Manrope,Inter,sans-serif;color:var(--text);letter-spacing:-.01em}
.login-box{width:100%;max-width:420px;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(16,24,40,.05),0 12px 32px rgba(16,24,40,.08)!important;padding:28px 24px!important;overflow:hidden}
.accent-top{display:none!important}.login-title{font:800 24px Manrope,Inter,sans-serif!important;color:var(--text)!important;margin-bottom:4px}.login-sub{color:var(--muted)!important;margin-bottom:20px}
.login-box label{color:var(--muted)!important;font-weight:700!important;font-size:13px!important}
.login-box input[type=email],.login-box input[type=password],.login-box input[type=text]{background:var(--input)!important;border:1px solid var(--line2)!important;border-radius:12px!important;min-height:48px!important;font-size:16px!important;color:var(--text)!important;padding:12px 14px!important}
.login-box input:focus{outline:2px solid var(--amber)!important;outline-offset:1px}
.login-box .btn-amber{background:var(--amber)!important;border-color:var(--amber)!important;color:#111!important;border-radius:12px!important;min-height:50px!important;font-weight:800!important;font-size:16px!important}
.login-box a{color:var(--amber)!important}.wa-link{display:block;margin-top:16px;padding:12px;border-radius:12px;background:#e9f9ef!important;color:#128c4a!important;text-align:center;font-weight:700;text-decoration:none}
@media (prefers-color-scheme:dark){.wa-link{background:rgba(37,211,102,.14)!important;color:#4ade80!important}}
/* layout that doesn't depend on the old stylesheet */
.login-wrap,.login-wrap *{box-sizing:border-box}.login-wrap{width:100%}
.login-box .form-group{display:block;margin:0 0 14px}.login-box .form-group label{display:block;margin:0 0 6px}.login-box .form-group input{display:block;width:100%}
.login-box .remember-row{display:flex!important;align-items:center;gap:8px;margin:2px 0 16px;color:var(--muted)!important}.login-box .remember-row input{width:18px;height:18px;accent-color:var(--amber)}
.login-box .btn-block{display:flex!important;width:100%!important;align-items:center;justify-content:center;border:0}
.login-box > div:not([class]){text-align:center;margin-top:14px}.login-box > div:not([class]) a{text-decoration:none;font-weight:600}
.login-box a.wa-link{color:#128c4a!important}@media (prefers-color-scheme:dark){.login-box a.wa-link{color:#4ade80!important}}
.login-wrap > div:last-child:not(.login-box){margin-top:18px}.login-wrap > div:last-child:not(.login-box) a{color:var(--muted)!important;text-decoration:none;font-size:14px}