/* ==== DIGISAP custom sidebar ====
   - Font: Poppins
   - Sidebar: hijau custom, teks putih
   - Sidebar lebih besar (ikon, teks, heading)
   - Collapsed rapi
*/

/* Typography */
body { font-family: 'Poppins', sans-serif !important; }

/* Sidebar brand logo */
.sidebar-brand-icon img,
.sb-logo {
  height: 48px;
  width: auto;
  display: block;
}
.sidebar.toggled .sidebar-brand-icon img,
.sidebar.toggled .sb-logo {
  height: 36px;
}

/* Sidebar background custom hijau */
.bg-sidebar-custom {
  background: #00880D !important; /* hijau terang */
}

/* Teks sidebar selalu putih */
.sidebar .nav-item .nav-link,
.sidebar .nav-item .nav-link span,
.sidebar .sidebar-brand,
.sidebar .sidebar-heading {
  color: #fff !important;
}

/* Hover & aktif */
.sidebar .nav-item .nav-link:hover,
.sidebar .nav-item .nav-link:focus {
  background-color: rgba(255,255,255,0.15) !important;
  color: #fff !important;
}
.sidebar .nav-item.active > .nav-link {
  background-color: rgba(255,255,255,0.25) !important;
  color: #fff !important;
  font-weight: 600;
}
.sidebar .sidebar-heading {
  color: rgba(255,255,255,0.8) !important;
}

/* Ikon juga putih */
.sidebar .nav-item .nav-link i {
  color: #fff !important;
}

/* ===== Perbesar isi sidebar ===== */
.sidebar .nav-item {
  margin-bottom: .25rem;
}
.sidebar .nav-item .nav-link {
  display: flex;
  align-items: center;
  font-size: 1.15rem !important;   /* lebih besar dari default 0.85rem */
  font-weight: 500 !important;
  padding: 1rem 1.4rem !important; /* ruang lebih lega */
}
.sidebar .nav-item .nav-link i {
  font-size: 1.45rem !important;   /* ikon lebih besar */
  width: 1.8rem;
  text-align: center;
  margin-right: .75rem;
}
.sidebar .sidebar-heading {
  font-size: 1rem !important;      /* naik dari 0.75rem */
  font-weight: 600;
  margin: 1rem 0 .5rem;
  letter-spacing: .05rem;
}

/* Pastikan teks tidak pecah */
.sidebar .nav-item .nav-link span {
  white-space: nowrap;
}

/* ===== Collapsed behavior ===== */
@media (min-width: 768px) {
  body.sidebar-toggled .sidebar,
  .sidebar.toggled {
    width: 6.5rem !important;
    overflow-x: hidden !important;
  }
  body.sidebar-toggled .sidebar .sidebar-brand-text,
  body.sidebar-toggled .sidebar .sidebar-heading,
  body.sidebar-toggled .sidebar .nav-item .nav-link span,
  .sidebar.toggled .sidebar-brand-text,
  .sidebar.toggled .sidebar-heading,
  .sidebar.toggled .nav-item .nav-link span {
    display: none !important;
  }
  body.sidebar-toggled .sidebar .nav-item .nav-link,
  .sidebar.toggled .nav-item .nav-link {
    justify-content: center !important;
    text-align: center !important;
    padding: .9rem 0 !important;
  }
  body.sidebar-toggled .sidebar .nav-item .nav-link i,
  .sidebar.toggled .nav-item .nav-link i {
    margin-right: 0 !important;
    width: auto !important;
  }
  body.sidebar-toggled .sidebar .nav-item .collapse,
  .sidebar.toggled .nav-item .collapse {
    display: none !important;
  }
}

/* ===== (Opsional) Gradient hijau ===== */
.bg-gradient-brand {
  background: linear-gradient(180deg, #34d399 10%, #059669 100%) !important;
  background-size: cover;
}
/* Divider di sidebar jadi putih */
.sidebar .sidebar-divider {
  border-top: 1px solid rgba(255, 255, 255, 1) !important;
}

/* ===== DIGISAP PRIMARY THEME (override global SB Admin 2) ===== */
:root{
  --dg-primary: #00880D;        /* hijau utama sesuai sidebar */
  --dg-primary-dark: #006b0a;   /* untuk hover/active */
}

/* teks & link utama */
.text-primary{ color:var(--dg-primary) !important; }
a.text-primary:hover, a.text-primary:focus{ color:var(--dg-primary-dark) !important; }
a{ color:var(--dg-primary); }
a:hover{ color:var(--dg-primary-dark); }

/* tombol utama */
.btn-primary{
  background-color:var(--dg-primary) !important;
  border-color:var(--dg-primary) !important;
  color:#fff !important;
}
.btn-primary:hover, .btn-primary:focus{
  background-color:var(--dg-primary-dark) !important;
  border-color:var(--dg-primary-dark) !important;
}

/* badge, border aksen, gradient bawaan template */
.badge-primary{ background-color:var(--dg-primary) !important; }
.border-left-primary{ border-left:.25rem solid var(--dg-primary) !important; }
.bg-gradient-primary{
  background: linear-gradient(180deg, var(--dg-primary) 10%, var(--dg-primary-dark) 100%) !important;
}

/* Nav-Tabs (Profil) */
.nav-tabs .nav-link{ color:#5f6b7a; }
.nav-tabs .nav-link.active{
  color:var(--dg-primary) !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:3px solid var(--dg-primary) !important;
}

/* DataTables pager & link */
.page-item.active .page-link{
  background-color:var(--dg-primary) !important;
  border-color:var(--dg-primary) !important;
}
.page-link{ color:var(--dg-primary); }
.page-link:hover{ color:var(--dg-primary-dark); }

/* Focus state form agar nyaru */
.form-control:focus, .custom-select:focus{
  border-color:var(--dg-primary) !important;
  box-shadow:0 0 0 .2rem rgba(0,136,13,.25) !important;
}

/* Checkbox/radio kustom */
.custom-control-input:checked ~ .custom-control-label::before{
  border-color:var(--dg-primary) !important;
  background-color:var(--dg-primary) !important;
}