/* ═══════════ PUERTA DE ENTRADA ═══════════
   Usa los mismos tokens del shell: si cambia la paleta, cambia acá sola. */
/* Centrado con flex y no con grid: en el grid implícito la tarjeta
   dependía de cómo se estirara la pista, y quedaba pegada a la
   izquierda. Con flex el centrado no admite interpretación. */
.login-back{position:fixed;inset:0;z-index:100;display:none;padding:20px;
  align-items:center;justify-content:center;overflow:auto;
  background:var(--rail);
  background-image:radial-gradient(circle at 20% 15%,var(--rail2) 0,transparent 55%),
                   radial-gradient(circle at 85% 85%,var(--rail2) 0,transparent 50%)}
.login-back.open{display:flex}
.login{background:var(--surface);border-radius:var(--r2);width:min(400px,100%);
  margin:auto;flex:0 0 auto;
  padding:26px 26px 20px;box-shadow:0 30px 70px rgba(3,10,18,.45)}
/* La cabecera va centrada; los campos del formulario siguen alineados a
   la izquierda, que es donde se leen las etiquetas. */
.login-logo{display:block;width:100%;max-width:196px;height:auto;margin:0 auto 14px}
.login-marca small{font-size:11px;color:var(--ink3);letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:block}
.login-marca b{font-size:23px;letter-spacing:-.02em;display:block;margin-top:2px}
.login-marca{text-align:center;margin-bottom:20px}
.login .field{margin-bottom:12px}
.login-pie{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);
  font-size:11.5px;color:var(--ink3);text-align:center}
#login .alert{margin-bottom:12px}

/* El shell y los chips traen display propio, que le gana al [hidden] del
   navegador: sin esto, cerrar sesión no esconde nada. */
[hidden]{display:none!important}