/* ==================== CONTRAST FIX - SIGEDEPROE ==================== */
/* Asegurar contraste adecuado en todos los elementos */

/* Forzar colores de texto oscuros sobre fondos claros */
.sidenav li a,
.sidenav .collapsible-header,
.sidenav .collapsible-body a {
  color: #1e293b !important;
  font-weight: 500 !important;
}

/* Texto del sidebar con buen contraste */
.sidebar-brand-title {
  color: #0b3c89 !important;
  font-weight: 700 !important;
}

.sidebar-brand-subtitle {
  color: #475569 !important;
}

.user-name {
  color: #0b3c89 !important;
  font-weight: 600 !important;
}

.user-email {
  color: #475569 !important;
}

/* Enlaces del menú con buen contraste */
.sidenav .collapsible-header a {
  color: #1e293b !important;
  font-weight: 600 !important;
}

.sidenav .collapsible-body li a {
  color: #475569 !important;
  font-weight: 500 !important;
}

.sidenav .collapsible-body li a:hover {
  color: #0b3c89 !important;
  font-weight: 600 !important;
}

/* Estados activos claramente visibles */
.sidenav li.active > .collapsible-header,
.sidenav .collapsible-body li.active > a {
  background: linear-gradient(90deg, #f97316 0%, #fb923c 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.sidenav li.active > .collapsible-header a {
  color: #ffffff !important;
}

/* Iconos del sidebar con color visible */
.sidenav .collapsible-header i {
  color: #0b3c89 !important;
}

.sidenav li.active > .collapsible-header i {
  color: #ffffff !important;
}

/* Asegurar que los cards tengan buen contraste */
.card .card-title {
  color: #0b3c89 !important;
  font-weight: 700 !important;
}

.card-content {
  color: #1e293b !important;
}

/* Botones con buen contraste */
.btn-primary,
.btn.btn-primary {
  background: linear-gradient(135deg, #0b3c89 0%, #1d5bbf 100%) !important;
  color: #ffffff !important;
}

.btn-secondary,
.btn.btn-secondary {
  background: linear-gradient(135deg, #f97316 0%, #fb923c 100%) !important;
  color: #ffffff !important;
}

/* Tablas con buen contraste */
table thead th,
table thead td {
  background: linear-gradient(135deg, #0b3c89 0%, #1d5bbf 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

table tbody td {
  color: #1e293b !important;
}

/* Inputs y selects con buen contraste */
input,
textarea,
select {
  color: #1e293b !important;
  border-color: #cbd5e1 !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #0b3c89 !important;
}

label {
  color: #475569 !important;
  font-weight: 500 !important;
}

/* Flash messages con buen contraste */
.flash-message {
  color: #1e293b !important;
  font-weight: 500 !important;
}

/* Breadcrumbs con buen contraste */
.breadcrumb {
  color: #475569 !important;
}

.breadcrumb:last-child {
  color: #0b3c89 !important;
  font-weight: 600 !important;
}

/* Collection items con buen contraste */
.collection .collection-item {
  color: #1e293b !important;
}

.collection .collection-item .title {
  color: #0b3c89 !important;
  font-weight: 600 !important;
}

/* Modales con buen contraste */
.modal {
  color: #1e293b !important;
}

.modal .modal-header {
  background: linear-gradient(135deg, #0b3c89 0%, #1d5bbf 100%) !important;
  color: #ffffff !important;
}

.modal .modal-footer {
  background: #f8fafc !important;
}

/* Tooltips con buen contraste */
.tooltipped::after {
  background-color: #1e293b !important;
  color: #ffffff !important;
}

/* Chips con buen contraste */
.chip {
  background-color: #edf2fa !important;
  color: #1e293b !important;
}

/* Pagination con buen contraste */
.pagination li a {
  color: #0b3c89 !important;
}

.pagination li.active a {
  background-color: #0b3c89 !important;
  color: #ffffff !important;
}

/* Dropdown content con buen contraste */
.dropdown-content li > a,
.dropdown-content li > span {
  color: #1e293b !important;
}

.dropdown-content li:hover {
  background-color: rgba(11, 60, 137, 0.08) !important;
}

/* Asegurar que todo el texto en el main content sea legible */
main,
main * {
  color: inherit;
}

main h1, main h2, main h3, main h4, main h5, main h6 {
  color: #0b3c89 !important;
}

main p, main li, main span, main div {
  color: #1e293b !important;
}

/* Links con buen contraste */
a {
  color: #0b3c89 !important;
}

a:hover {
  color: #f97316 !important;
}

/* Forzar peso de fuente en elementos críticos */
.sidebar-navigation strong,
.sidebar-navigation b {
  font-weight: 700 !important;
  color: #1e293b !important;
}