:root {
  color-scheme: dark;
}

body {
  font-family: 'Inter', sans-serif;
  background:
    radial-gradient(circle at top, rgba(30, 91, 250, 0.10), transparent 24%),
    linear-gradient(135deg, #f8fbff 0%, #eef4ff 45%, #f7fbff 100%);
}

#party-list .bar-track,
#district-list .bar-track,
#municipio-list .bar-track {
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.14);
}

#party-list .bar-fill,
#district-list .bar-fill,
#municipio-list .bar-fill {
  border-radius: 999px;
  background: linear-gradient(90deg, #1e5bfa 0%, #3b82f6 55%, #10b981 100%);
  box-shadow: 0 0 18px rgba(30, 91, 250, 0.18);
}

/* Estilos para DataTable Bootstrap 5 similar a la imagen */
#combined-datatable thead th,
.dataTables_scrollHeadInner thead th {
  background-color: #1e40af !important;
  color: #ffffff !important;
  font-weight: 700;
  border-color: #1e3a8a !important;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  padding: 10px 14px;
  white-space: nowrap;
}

#combined-datatable_wrapper .page-item.active .page-link {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}

#combined-datatable_wrapper .page-link {
  color: #2563eb;
  font-weight: 500;
}

#combined-datatable_wrapper .page-link:hover {
  color: #1d4ed8;
  background-color: #eff6ff;
}

#combined-datatable {
  border-collapse: collapse !important;
  width: 100% !important;
}

#combined-datatable td {
  color: #1e293b;
  font-size: 0.85rem;
  padding: 8px 12px;
  white-space: nowrap;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  border-radius: 0.5rem !important;
  border: 1px solid #cbd5e1 !important;
  padding: 0.375rem 0.75rem !important;
  font-size: 0.875rem !important;
}

.dataTables_wrapper .dataTables_info {
  font-size: 0.875rem;
  color: #475569;
}
.btn-secondary{display: flex !important;align-items: center !important;}

table.dataTable thead th.header-blue-calculated {
  background-color: #1e40af !important;
  color: #ffffff !important;
  border-color: #1e3a8a !important;
}

table.dataTable tfoot th {
  background-color: #f8fafc !important;
  border-top: 2px solid #cbd5e1 !important;
  padding: 10px 12px !important;
  vertical-align: middle !important;
}