/* /login/css/login.css */

/* Caja de mensajes */
#msg-box {
  border-radius: 0.8rem;
  font-size: 0.78rem;
  line-height: 1.3;
}

/* Estados de mensaje */
.msg-loading {
  border-color: rgba(148, 163, 184, 0.7) !important;
  background: rgba(15, 23, 42, 0.98) !important;
  color: #e5e7eb !important;
}

.msg-error {
  border-color: rgba(248, 113, 113, 0.9) !important;
  background: radial-gradient(
    circle at top,
    rgba(248, 113, 113, 0.24),
    rgba(15, 23, 42, 0.98)
  ) !important;
  color: #fecaca !important;
}

.msg-success {
  border-color: rgba(52, 211, 153, 0.9) !important;
  background: radial-gradient(
    circle at top,
    rgba(52, 211, 153, 0.24),
    rgba(15, 23, 42, 0.98)
  ) !important;
  color: #bbf7d0 !important;
}

/* Quitar borde azul por defecto en botones */
button:focus-visible {
  outline: 2px solid rgba(250, 204, 21, 0.7);
  outline-offset: 2px;
}