.form-select,
.form-control {
  border: 1px solid #dee2e6;
  border-radius: 8px;
}

.form-select:focus,
.form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgba(43, 139, 71, 0.25);
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-primary:hover {
  background-color: #1a5f2e;
  border-color: #1a5f2e;
}

.btn-outline-primary {
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-outline-primary:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-success {
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  background-color: #28a745;
  border-color: #28a745;
}

.badge.bg-primary {
  background-color: var(--primary-color) !important;
}

.badge.bg-success {
  background-color: #28a745 !important;
}

.badge.bg-info {
  background-color: var(--extra-color1) !important;
  color: #333;
}

@media (max-width: 768px) {
  .d-flex.flex-wrap.gap-2 {
    gap: 0.5rem !important;
  }

  .btn-sm {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
  }
}