/* Tablero operativo — lo que no tiene el tablero corporativo: el login, quien
   entro y el aviso del filtro. Solo tokens de base.css. */

.sesion { display: inline-flex; align-items: baseline; gap: var(--e2); margin-left: var(--e3); font-size: 14px; color: var(--gris-500); }   /* 4.73:1 */

.login { display: grid; place-items: center; min-height: calc(100dvh - 120px); padding: var(--e5) var(--e4); }
.login-caja {
  display: flex; flex-direction: column; gap: var(--e3);
  width: min(100%, 360px); padding: var(--e5);
  background: var(--blanco); border-radius: var(--radio); box-shadow: var(--sombra);
  border-top: 4px solid var(--rojo-marca);
}
.login-ayuda { font-size: 14px; color: var(--gris-500); }   /* 4.73:1 */
.login-rotulo { font-size: 14px; font-weight: 600; }
/* El borde es lo unico que dice donde se escribe: --gris-500 4.73:1 sobre blanco. */
.login-campo {
  padding: 0 var(--e3); font-size: 18px; letter-spacing: .04em;
  border: 1px solid var(--gris-500); border-radius: var(--radio-chico);
}
.login-error { font-size: 14px; font-weight: 600; color: var(--rojo-texto); }   /* 5.71:1 */
.login-caja .seleccion-aplicar:disabled { cursor: progress; background: var(--gris-700); }

/* Lo que un filtro de eje deja fuera se dice, no se esconde (db.md). */
.aviso-filtro {
  padding: var(--e2) var(--e3); border-radius: var(--radio-chico);
  background: var(--amarillo-tenue); color: var(--sobre-amarillo); font-size: 14px;
}

@media print {
  .sesion { display: none; }
}