/* ELEVENS STYLE PACK — BLUE THEME */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

body {
  font-family: 'Inter', sans-serif;
  background-color: #f0f4f9 !important;
  color: #333 !important;
}

h1, h2, h3, h4, h5 {
  font-weight: 600;
  color: #002147 !important;
}

.card {
  border: none !important;
  border-radius: 10px !important;
  background-color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.table {
  color: #333 !important;
}

.table thead th {
  background-color: #002147 !important;
  color: #fff !important;
  vertical-align: middle !important;
}

.table tbody tr:hover {
  background-color: #e8eef5 !important;
}

.badge-elim {
  background-color: #d32f2f !important;
  color: white !important;
}

.badge-active {
  background-color: #388e3c !important;
  color: white !important;
}

.navbar-dark {
  background-color: #002147 !important;
}

.btn-primary {
  background-color: #1565c0 !important;
  border-color: #1565c0 !important;
  color: #fff !important;
}

.btn-primary:hover {
  background-color: #0d47a1 !important;
  border-color: #0d47a1 !important;
}

.form-select, .form-control {
  background-color: #ffffff !important;
  color: #333 !important;
  border: 1px solid #cccccc !important;
}

select option {
  background-color: #ffffff !important;
  color: #333 !important;
}

.mb-4 { margin-bottom: 1.5rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }