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

:root {
  --primary: #2f9e44;
  --primary-dark: #237533;
  --muted: #6b746d;
  --border: #dbe5dc;
}

body {
  font-family: 'Poppins', Arial, sans-serif;
  background-color: #f5fbf7;
}

/* Keep select appearance consistent under Bootstrap 4 (AdminLTE) */
.form-select {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 0.98rem;
  line-height: 1.5;
  color: #2f3b30;
  background-color: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  appearance: none;
}

.form-select:focus,
.form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(47, 158, 68, 0.18);
}

.section-header {
  border-bottom: 2px solid rgba(47, 158, 68, 0.18);
  padding-bottom: 8px;
  margin: 20px 0 18px;
  font-weight: 700;
}

.card-body form > * {
  margin-bottom: 1.25rem;
}

.card-body form > *:last-child {
  margin-bottom: 0;
}

.historical-data-note {
  background-color: #fff9e6;
  border-left: 5px solid #d4ae1a;
  padding: 10px 12px;
  border-radius: 10px;
}

.bg-light-green {
  background-color: #f2f8f4;
}

.bg-light-amber {
  background-color: #fff9ef;
}

.bg-light-neutral {
  background-color: #f7f7f9;
}

.subtle-card {
  background: #fff;
  border: 1px solid #e0eadf;
  border-radius: 12px;
}

.village-row td {
  vertical-align: middle;
}

.table thead th {
  background: linear-gradient(135deg, #2f9e44, #237533);
  color: #fff;
}

.trend-up {
  border-color: #c3e6cb !important;
}

.trend-down {
  border-color: #f5c6cb !important;
}

.input-trend span {
  font-size: 0.9rem;
}