/* ===================== sesión y login =====================
   Barra de sesión y ventanas de ingreso/clave que pinta api.js, para las páginas que no
   cargan el tablero (dashboard.css), como Commerce. Son las MISMAS reglas del bloque
   «sesión y login» de dashboard.css, copiadas tal cual: una prueba (commerce-ui.test.cjs)
   comprueba que no se separen. dashboard.css queda intacto para no mover las demás páginas. */
.lg-back{--bad:#E5484D}
.sesion{display:flex;align-items:center;gap:12px;margin-left:20px}
.s-u{display:flex;flex-direction:column;line-height:1.2;text-align:right}
.s-u b{font-size:12.5px;font-weight:600}
.s-u i{font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.s-b{
  font:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
  padding:7px 14px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-2);
  transition:all .2s var(--ease);
}
.s-b:hover{border-color:var(--ink);color:var(--ink)}
.lg-back{position:fixed;inset:0;background:rgba(11,13,15,.45);display:flex;align-items:center;
  justify-content:center;z-index:100;padding:24px;backdrop-filter:blur(3px)}
.lg-card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:30px 32px;
  width:100%;max-width:380px;box-shadow:0 24px 60px rgba(11,13,15,.22)}
.lg-card h2{margin:0 0 20px;font-size:20px;font-weight:600;letter-spacing:-.02em}
.lg-card label{display:block;margin-bottom:14px;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3)}
.lg-card input{display:block;width:100%;margin-top:6px;padding:10px 12px;font:inherit;font-size:14px;
  border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);text-transform:none;letter-spacing:0}
.lg-card input:focus{outline:none;border-color:var(--ink)}
.lg-err{margin:0 0 12px;font-size:12.5px;color:var(--bad)}
.lg-acc{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}
.lg-acc button{font:inherit;font-size:12.5px;padding:9px 18px;border-radius:9px;cursor:pointer;
  border:1px solid var(--line);background:var(--bg-2);color:var(--ink-2)}
.lg-acc button[type=submit]{background:var(--ink);border-color:var(--ink);color:#fff}
.lg-acc button:hover{border-color:var(--ink)}
.umb-p{margin:-8px 0 18px;font-size:13px;color:var(--ink-2);line-height:1.55}
.umb-p b{color:var(--ink);font-weight:600}