/* dashboard-compat.css
   Focused compatibility rules to restore dashboard visual when Tailwind is present.
   Keep rules specific and minimal. Add more only when required.
*/

/* Footer: ensure legacy color scheme and spacing */
footer.footer { background: #193768 !important; color: #fff !important; }
footer.footer a { color: rgba(255,255,255,0.95) !important; }
footer.footer .text-blue-200, footer.footer .text-blue-300, footer.footer .text-white { color: rgba(255,255,255,0.95) !important; }
footer.footer .bg-white { background: #fff !important; }

/* Preserve page background expected by dashboard */
body { background-color: #f6f7fb !important; }

/* DataTables / tables visual adjustments */
.table, table.dataTable { background: #fff !important; color: #111827 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button { background: #193768 !important; color: #fff !important; border: none !important; }
.dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter label { color: #111827 !important; }

/* Buttons commonly used in dashboard */
.btn, .btn-primary { background: #193768 !important; color: #fff !important; border-color: #193768 !important; }
.btn-secondary { background: #6b7280 !important; color: #fff !important; }

/* Increase specificity for any Tailwind utility that may have changed typography in dashboard */
.dashboard-wrapper, .content-wrapper, .main-wrapper { font-family: 'Inter', Arial, sans-serif !important; color: #111827 !important; }

/* Ensure modals (Bootstrap) look correct */
.modal-content { background: #ffffff !important; color: #111827 !important; }

/* Small helpers */
.text-secondary { color: #193768 !important; }
.text-primary { color: #a9353a !important; }

/* If you find a specific selector that still looks broken add it here with higher specificity */

/* dashboard-compat: fuerza colores y tipografías del footer y títulos */
footer.footer,
footer.footer.bg-secondary,
footer.footer .bg-secondary {
  background: #193768 !important; /* color secondary deseado */
  color: #ffffff !important;
}

/* Titulares dentro del footer */
footer.footer h4,
footer.footer h3,
footer.footer .h4 {
  color: #ffffff !important;
  font-weight: 700 !important;
  margin-bottom: 0.6rem !important;
}

/* Links y textos en footer */
footer.footer a,
footer.footer p,
footer.footer span {
  color: rgba(255,255,255,0.95) !important;
}

/* Si alguna regla .bg-secondary está siendo aplicada globalmente y se desea usar el color Tailwind */
.dashboard-wrapper .bg-secondary,
.content-wrapper .bg-secondary {
  background-color: #193768 !important;
  color: #fff !important;
}

/* Sobrescribir estilos viejos en h4 dentro del dashboard (no sólo el footer) */
.dashboard-wrapper h4,
.content-wrapper h4 {
  color: #193768 !important; /* o #111827 si prefieres texto oscuro */
  font-weight: 700 !important;
}

/* Asegurar contraste en DataTables paginación/botones (si se ven con colores viejos) */
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .btn {
  background: #193768 !important;
  color: #fff !important;
  border-color: #193768 !important;
}

/* Safety: hide floating buttons when body.is-dashboard present (fallback) */
body.is-dashboard #phone,
body.is-dashboard #whatsapp { display: none !important; }