/* General App Styling */
body {
  background-color: #f8f9fa;
  font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

h3, h4 {
  color: #198754; /* Bootstrap success green */
  font-weight: 600;
}

.card {
  border-radius: 0.75rem;
}

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

.btn-success:hover {
  background-color: #157347;
  border-color: #146c43;
}

/* Navbar */
.navbar {
  border-bottom: 2px solid #14532d;
}

.navbar .nav-link.active,
.navbar .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 0.5rem;
}

/* Footer */
.footer {
  font-size: 0.9rem;
  color: #6c757d;
}

/* Tables */
.table thead {
  background-color: #d1e7dd; /* light green */
}

.table td, .table th {
  vertical-align: middle;
}

/* Forms */
.form-control:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25);
}