/* AUTHDESIGN: новый дизайн экрана входа/регистрации по макету (тёмная/светлая тема: html.mux-light) */
#auth.auth{--ad-bg:#1c1c1b;--ad-field:#202020;--ad-border:#2c2c2c;--ad-text:#f2f2f0;--ad-muted:#a6a6a3;--ad-ph:#8e8e8b;--ad-icon:#b4b4b1;--ad-btn:#99cfa4;--ad-btn-h:#a8d8b2;--ad-btn-text:#16241a;--ad-link:#8fcf9c;--ad-check:#99cfa4;--ad-check-mark:#16241a;--ad-focus:rgba(153,207,164,.35);
 background:var(--ad-bg)!important;min-height:100dvh;display:grid!important;place-items:center!important;padding:24px 20px!important;overflow-y:auto;color:var(--ad-text)}
html.mux-light #auth.auth{--ad-bg:#f5f3ef;--ad-field:#ffffff;--ad-border:#e2e0dc;--ad-text:#141414;--ad-muted:#6b6b68;--ad-ph:#7a7a77;--ad-icon:#5f5f5c;--ad-btn:#99cfa4;--ad-btn-h:#8cc698;--ad-btn-text:#16241a;--ad-link:#3f7a52;--ad-check:#466e56;--ad-check-mark:#ffffff;--ad-focus:rgba(70,110,86,.25)}
#auth .auth-card{width:min(420px,100%)!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:8px 0!important;border-radius:0!important}
#auth .brand{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center;gap:14px!important;margin:0 0 30px!important}
#auth .brand .logo{width:96px!important;height:96px!important;border-radius:24px!important;background:linear-gradient(145deg,#3d5e51 0%,#2e4f44 50%,#1f2f2b 100%)!important;color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}
html.mux-light #auth .brand .logo{box-shadow:0 10px 24px rgba(31,47,43,.22)}
#auth .brand .logo svg{width:50px!important;height:50px!important}
#auth .brand h1{font-size:34px!important;font-weight:700!important;letter-spacing:-.01em;margin:0!important;color:var(--ad-text)!important}
#auth .brand p{font-size:17px!important;margin:6px 0 0!important;color:var(--ad-muted)!important}
#auth .tabs{display:none!important}
#auth #auth-form{display:grid!important;gap:18px!important}
#auth #auth-form label:not(.remember){display:block!important;position:relative}
#auth #auth-form label:not(.remember)>span:not(.pwt-wrap):not(.ad-ico){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#auth .ad-ico{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:24px;height:24px;color:var(--ad-icon);pointer-events:none;z-index:1;display:grid;place-items:center}
#auth #auth-form input#auth-user,#auth #auth-form input#auth-pass{width:100%!important;box-sizing:border-box;height:62px!important;padding:0 52px 0 64px!important;border-radius:14px!important;background:var(--ad-field)!important;border:1px solid var(--ad-border)!important;color:var(--ad-text)!important;font-size:17px!important;outline:none;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
#auth #auth-form input::placeholder{color:var(--ad-ph)!important;opacity:1}
#auth #auth-form input#auth-user:focus,#auth #auth-form input#auth-pass:focus{border-color:var(--ad-check)!important;box-shadow:0 0 0 3px var(--ad-focus)!important}
#auth .pwt-btn{right:8px!important;color:var(--ad-icon)!important}
#auth #auth-form label.remember{display:flex!important;align-items:center;gap:14px!important;cursor:pointer;margin:-4px 0 0;color:var(--ad-text)!important;font-size:17px}
#auth #auth-form label.remember span{color:var(--ad-text)!important;font-size:17px!important;font-weight:400!important}
#auth #auth-remember{appearance:none;-webkit-appearance:none;width:30px;height:30px;margin:0;border-radius:7px;border:1.5px solid var(--ad-border);background:var(--ad-field);display:grid;place-items:center;flex:none;cursor:pointer}
#auth #auth-remember:checked{background:var(--ad-check);border-color:var(--ad-check)}
#auth #auth-remember:checked::after{content:"";width:8px;height:14px;border:solid var(--ad-check-mark);border-width:0 2.5px 2.5px 0;transform:translateY(-2px) rotate(45deg)}
#auth #auth-remember:focus-visible{box-shadow:0 0 0 3px var(--ad-focus)}
#auth #auth-go{height:62px!important;border-radius:14px!important;background:var(--ad-btn)!important;color:var(--ad-btn-text)!important;border:0!important;font-size:19px!important;font-weight:600!important;width:100%!important;cursor:pointer;box-shadow:none!important;margin-top:4px}
#auth #auth-go:hover{background:var(--ad-btn-h)!important}
#auth #auth-go:disabled{opacity:.6;cursor:default}
#auth #auth-err{margin:0!important;text-align:center;color:#ef4444!important}
#auth .ad-switch{margin:26px 0 0;text-align:center;font-size:17px;color:var(--ad-muted)}
#auth .ad-switch a{color:var(--ad-link);text-decoration:none;margin-left:10px;font-weight:500;cursor:pointer}
#auth .ad-switch a:hover{text-decoration:underline}
@media (max-width:420px){#auth .brand .logo{width:88px!important;height:88px!important}#auth .brand h1{font-size:30px!important}#auth .brand p,#auth .ad-switch,#auth #auth-form label.remember span{font-size:16px!important}}
@media (max-height:640px){#auth.auth{place-items:start center!important}#auth .brand{margin-bottom:18px!important}#auth .brand .logo{width:72px!important;height:72px!important}}
/* 2FA-окно в том же стиле */
.adv-2fa form{background:#1c1c1b!important;border-color:#2c2c2c!important;border-radius:18px!important}
.adv-2fa input{background:#202020!important;border-color:#2c2c2c!important;border-radius:12px!important;padding:14px!important}
.adv-2fa button.p{background:#99cfa4!important;color:#16241a!important;border-radius:12px!important}
html.mux-light .adv-2fa form{background:#f5f3ef!important;color:#141414!important;border-color:#e2e0dc!important}
html.mux-light .adv-2fa input{background:#fff!important;border-color:#e2e0dc!important;color:#141414!important}
/* AUTHGATE 11.10.2026: display:grid!important выше перекрывал атрибут hidden — после входа форма оставалась поверх приложения */
#auth.auth[hidden],#auth[hidden]{display:none!important}

/* AUDIT 11.10.2026: ссылка «Регистрация» — цель нажатия ≥40px */
.ad-switch a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 6px; }