/* =====================================================================
   Agriloka — warna & sentuhan kecil di atas templat NiceAdmin.
   Dimuat SETELAH assets/css/style.css, jadi hanya menimpa yang perlu.
   Palet: hijau daun tua + aksen emas sawit.
   ===================================================================== */

:root {
  --ag-hijau: #14532d;
  --ag-hijau2: #166534;
  --ag-hijau3: #1f7a44;
  --ag-emas: #b45309;
  --ag-kertas: #f6f8f5;
}

body {
  background: var(--ag-kertas);
}

/* --- Kepala & menu --- */
.logo span {
  color: var(--ag-hijau);
  letter-spacing: .3px;
}

.header {
  border-bottom: 1px solid #e4e9e2;
}

.sidebar-nav .nav-heading {
  color: var(--ag-hijau2);
}

.sidebar-nav .nav-link i,
.sidebar-nav a i {
  color: var(--ag-hijau3);
}

.sidebar-nav .nav-link.active,
.sidebar-nav .nav-link:hover {
  color: var(--ag-hijau2);
  background: #eaf5ee;
  border-radius: 6px;
}

.sidebar-nav .nav-link.active i,
.sidebar-nav .nav-link:hover i {
  color: var(--ag-hijau2);
}

.sidebar-nav .nav-link.collapsed {
  color: #3c4a3f;
  background: transparent;
}

.nav-content a.active {
  color: var(--ag-hijau2) !important;
  font-weight: 600;
}

/* --- Judul halaman --- */
.pagetitle h1 {
  color: var(--ag-hijau);
  font-weight: 700;
}

.breadcrumb a {
  color: var(--ag-hijau2);
}

/* --- Tombol --- */
.btn-primary {
  background-color: var(--ag-hijau2);
  border-color: var(--ag-hijau2);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--ag-hijau);
  border-color: var(--ag-hijau);
}

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

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

.btn-outline-success {
  color: var(--ag-hijau2);
  border-color: var(--ag-hijau3);
}

.btn-outline-success:hover {
  background-color: var(--ag-hijau2);
  border-color: var(--ag-hijau2);
}

/* --- Kartu --- */
.card {
  border: 1px solid #e4e9e2;
  box-shadow: 0 1px 2px rgba(20, 60, 30, .04);
}

.card-title {
  color: var(--ag-hijau);
}

.card-title span {
  color: #6b7a6d;
  font-weight: 400;
}

.info-card .card-icon {
  background: #eaf5ee;
}

.info-card .card-icon i {
  color: var(--ag-hijau2);
}

/* Kartu ringkasan di templat aslinya berwarna-warni (biru/merah/kuning);
   di sini disamakan ke palet Agriloka supaya tampak satu nada. */
.dashboard .info-card h6 {
  color: var(--ag-hijau);
}

.dashboard .card-icon,
.dashboard .purchases-card .card-icon,
.dashboard .costs-card .card-icon,
.dashboard .sales-card .card-icon,
.dashboard .revenue-card .card-icon {
  color: var(--ag-hijau2) !important;
  background: #eaf5ee !important;
}

/* --- Tabel --- */
.table>thead {
  background: #eef3ec;
}

.table>thead th {
  color: #3c4a3f;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .4px;
}

.datatable-wrapper .datatable-top,
.datatable-wrapper .datatable-bottom {
  color: #5b6b5f;
}

.datatable-input,
.datatable-selector {
  border: 1px solid #c9d1c7;
  border-radius: 6px;
  padding: 4px 8px;
}

/* --- Lain-lain --- */
.progress-bar.bg-success {
  background-image: linear-gradient(90deg, #22a05a, var(--ag-hijau));
}

.back-to-top {
  background: var(--ag-hijau2);
}

.footer .credits {
  color: #8b968c;
}

.badge.bg-warning {
  color: #6b3f06;
}

.alert a {
  color: inherit;
}