/* ============================================================
   Header unificado para las páginas de admin.
   Reemplaza visualmente la cabecera oscura propia de cada página
   por una franja clara y delgada, coherente con el resto del sistema
   (la barra superior la inyecta auth-guard.js). Usa !important para
   ganar sobre los estilos inline oscuros de algunos controles.
   ============================================================ */

.header {
  background: #ffffff !important;
  color: #0f172a !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}

.header h1 {
  color: #0f766e !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: -.2px;
}
.header h1 * { color: inherit !important; }

/* Subtítulos / metadata */
.header .header-meta,
.header .header-sub,
.header p,
.header #rkSub {
  color: #94a3b8 !important;
}

/* Enlaces simples (no botón) */
.header a:not(.btn) { color: #0f766e !important; }

/* Controles: selects e inputs legibles sobre fondo claro
   (sobrescribe estilos inline oscuros como background:#1e293b) */
.header select,
.header input {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

/* Botones dentro del header */
.header .btn,
.header a.btn,
.header button.btn {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
}
.header .btn:hover { background: #e2e8f0 !important; }
.header .btn-primary {
  background: #0f766e !important;
  color: #ffffff !important;
  border-color: #0f766e !important;
}
.header .btn-primary:hover { background: #115e59 !important; }

/* El selector de evento del header duplica el de la barra superior (auth-guard):
   se oculta (sigue en el DOM para que la lógica de cada página lea su valor). */
.header #eventoSelect { display: none !important; }