/* Дополнения к id-base.css (дизайн-система id.luxecorp.ru) для страниц SSO.
   Сетка формы как на id.luxecorp.ru/login: элементы формы идут с тем же шагом 18px, что и .lx-login. */
[hidden]{display:none!important}
.sso-form{display:flex;flex-direction:column;gap:18px}
.sso-form .lx-login__actions{margin-top:4px}
a.lx-login__submit,.sso-link-btn{text-decoration:none}
.lx-login__forgot{cursor:pointer;background:none;border:0;padding:0;font-family:inherit}

/* Палитра и поля — как на текущей id.luxecorp.ru/login (lx-input) */
.lx-auth{--lx-auth-ink:#14201c;--lx-auth-muted:#5a6761;--lx-auth-line:#c5d0ca}
.lx-field__input{background:#f7faf8;margin-bottom:2px}
.lx-field__input:hover{border-color:#9aa8a1}
.lx-field__input:focus{border-color:#6e7f76;box-shadow:none}
.lx-field__eye{color:#6e7f76!important}
.lx-check__box{border-color:#9aa8a1}
.lx-login__forgot{color:#5a6761}
.lx-login__back{color:#14201c;text-decoration:none}
.lx-choice{background:#f7faf8;border-color:#c5d0ca}
.lx-choice b{color:#14201c}.lx-choice span{color:#5a6761}
.sso-svc{margin:-4px 0 0;font-size:12px;line-height:1.35;color:#8a968f}

/* Аккаунты на устройстве */
.sso-group{display:flex;flex-direction:column;gap:8px}
.sso-sub{margin:0;font-size:12px;font-weight:500;color:var(--lx-auth-muted,#5a6470)}
.sso-sub--sep{display:flex;align-items:center;gap:10px;margin-top:2px}
.sso-sub--sep::before,.sso-sub--sep::after{content:"";flex:1;height:1px;background:var(--lx-auth-line,#c5ced8)}
.sso-accounts{display:flex;flex-direction:column;gap:8px}
.sso-acc{margin:0;position:relative}.sso-acc__pick,.sso-acc__outf{margin:0}
.sso-acc .lx-choice{padding-right:76px}
.sso-acc__outf{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.sso-acc__out{background:none;border:0;padding:4px 8px;border-radius:8px;font:500 12px/1.2 sans-serif;font-family:inherit;color:#8a968f;cursor:pointer}
.sso-acc__out:hover{color:#14201c;background:#e9efeb}.sso-acc__out:focus-visible{outline:2px solid #6e7f76;outline-offset:1px}
.sso-acc__note{margin-right:4px}
.sso-acc .lx-choice{align-items:center;font-family:inherit;transition:border-color .15s}
.sso-acc .lx-choice:hover{border-color:#0b0d10}
.sso-acc .lx-choice.is-off{cursor:not-allowed;opacity:.62}.sso-acc .lx-choice.is-off:hover{border-color:#c5d0ca}
.sso-acc__note{margin-left:auto;flex:none;font-size:11px!important;font-weight:600;color:#9a3412!important;background:#fff4ed;border:1px solid #fed7aa;border-radius:999px;padding:2px 8px}
.sso-acc__t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.sso-acc__t b,.sso-acc__t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sso-ava{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0b0d10;color:#fff!important;font-size:12px!important;font-weight:600}
.sso-sel-actions{margin-top:2px}

/* Заголовок слева читается поверх анимированного фона */
.lx-auth__brand{position:relative;isolation:isolate}
.lx-auth__brand::before{content:"";position:absolute;inset:-70px -90px;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(4,8,12,.62),rgba(4,8,12,.35) 55%,transparent)}
.lx-auth__product{filter:drop-shadow(0 2px 18px rgba(0,0,0,.55))}
html[data-theme=light] .lx-auth__brand::before{background:radial-gradient(closest-side,rgba(255,255,255,.8),rgba(255,255,255,.45) 55%,transparent)}
html[data-theme=light] .lx-auth__product{filter:none}

/* Переключатель темы */
.sso-theme svg{display:block}
html[data-theme=dark] .sso-theme .i-sun,html[data-theme=light] .sso-theme .i-moon{display:none}
.lx-auth__footer .lx-auth__lang-btn{border:0;background:none;color:inherit;box-shadow:none;padding:0;display:inline-flex;align-items:center;font-size:12px;line-height:1.3;cursor:pointer}
.lx-auth__footer .lx-auth__lang-btn:hover{color:#fff}
html[data-theme=light] .lx-auth__footer .lx-auth__lang-btn:hover{color:var(--text)}

/* Узкий экран */
@media (max-width:760px){
  .lx-auth{align-items:flex-start;padding:40px 0 96px}
  .lx-auth__brand::before{inset:-30px -20px}
  .lx-auth__product{margin-bottom:12px}
}
@media (max-width:380px){
  .lx-login__actions{gap:14px}
  .lx-login__submit{min-width:0;flex:1;max-width:none}
}
.sso-hint{margin:-8px 0 0;font-size:12px;line-height:1.4}