/* Connexion à l'admin (#89, MEP) : page « Entrar », « Crea la primera cuenta », pied de la barre latérale
   (personne connectée + Salir). Mêmes jetons que atelier.css ; une seule carte blanche sur la toile, sobre. */

/* ---- barre latérale : la personne et « Salir » */
.lat__persona { list-style: none; margin: 10px 0 0; padding: 10px 0 0; display: flex; flex-direction: column; gap: 2px; border-top: 1px solid rgba(255, 255, 255, .1); }
.lat__persona form { margin: 0; }
.lat__salir { width: 100%; border: 0; background: transparent; font: inherit; cursor: pointer; text-align: left; }
.lat__nombre { overflow: hidden; text-overflow: ellipsis; }
.lat__pie--dev { margin-top: 6px; }
html[data-lateral="plegado"] .lat__persona { align-items: stretch; }

/* ---- pages hors cadre : Entrar, primera cuenta, sesión caducada */
body.acceso { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; background: var(--lienzo); }
.acceso__caja { width: 100%; max-width: 380px; background: var(--papel); border: 1px solid var(--linea); border-radius: var(--r4); padding: 26px 26px 22px; box-shadow: var(--sombra); }
.acceso__marca { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; }
.acceso__marca .marca__placa { background: var(--noche); color: #fff; }
.acceso__marca b { display: block; font-size: 15px; line-height: 1.1; }
.acceso__marca small { color: var(--tinta-3); }
.acceso__caja h1 { margin: 0 0 14px; }
.acceso__form { display: flex; flex-direction: column; gap: 12px; margin: 0 0 4px; }
.acceso__form input:not([type="hidden"]) { width: 100%; height: 38px; padding: 0 10px; font: 400 14px var(--ui); color: var(--tinta); border: 1px solid var(--linea-2); border-radius: var(--r2); background: var(--papel); }
.acceso__form input:focus-visible { outline: 2px solid var(--cobalto); outline-offset: 1px; border-color: var(--cobalto); }
.acceso__entrar { height: 38px; margin-top: 4px; }
.acceso__nota { margin: 14px 0 0; font-size: 12.5px; color: var(--tinta-3); }
.acceso__orden { margin: 8px 0 12px; padding: 10px 12px; background: var(--noche); color: #fff; border-radius: var(--r2); overflow-x: auto; }
.acceso__orden code { background: none; color: inherit; font-size: 12.5px; padding: 0; white-space: pre; }

/* ---- Mi cuenta */
.cuenta-clave { max-width: 460px; }
.cuenta-clave h2 { margin: 0 0 6px; }

/* Tour MEP 3 : « ¿Olvidaste tu contraseña? » sous le formulaire, discret. */
.acceso__olvido { margin: 18px 0 0; padding: 14px 0 0; border-top: 1px solid var(--linea); }
.acceso__olvido h2 { margin: 0; font-size: 13.5px; font-weight: 600; color: var(--tinta-2); }
.acceso__olvido .acceso__nota { margin-top: 4px; }