/* ==== Base font ==== */
body {
  font-size: 14px !important;   /* lebih kecil dari default 15pt */
  line-height: 1.5 !important;  /* biar enak dibaca */
  margin: 0;
  padding: 0;
}

/* ==== Konten utama ==== */
#main {
  padding: 1.2rem !important;   /* rapikan padding */
}

/* ==== Heading ==== */
/* Judul utama halaman */
#main h1 {
  font-size: 1.5em !important;
  line-height: 1.2 !important;
  margin-top: 10px !important;     /* jarak dari garis atas */
  margin-bottom: 8px !important;   /* jarak ke konten berikutnya */
}

/* Subjudul halaman / section */
#main h2 {
  font-size: 1.2em !important;     /* lebih kecil dari h1 */
  line-height: 1.3 !important;
  margin: 0 0 0.6em 0 !important;
}

/* Sub-subjudul / detail */
#main h3 {
  font-size: 1em !important;       /* lebih kecil lagi */
  line-height: 1.3 !important;
  margin: 0 0 0.5em 0 !important;
}

/* ==== Paragraf ==== */
#main p {
  margin: 0 0 0.8em 0 !important;  /* jarak antar paragraf */
}

/* ==== Hilangkan space kosong berlebihan pada section ==== */
#main section {
  margin: 0 0 1.2rem 0 !important;
  padding: 0 !important;
}

/* ==== Hilangkan space kosong pada dekat logo ==== */
#header {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

#header h1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Paksa semua submenu selalu tampil */
#sidebar nav ul.submenu {
  display: block !important;
  max-height: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Submenu aktif */
#sidebar nav ul li a.active {
  background-color: #ffdddd !important;
  border-left: 3px solid #c00 !important;
  color: #c00 !important;
  font-weight: bold !important;
  display: block;
  padding: 5px 10px;
  border-radius: 4px;
}

/* Parent aktif */
#sidebar nav ul li.active-parent > a {
  color: #c00 !important;
  font-weight: bold;
}

/* Parent section (punya child) -> bold */
#sidebar nav ul li a.section-title { font-weight: bold; }

/* Item aktif (permanen, bukan hover) */
#sidebar nav ul li a.active,
#sidebar nav ul li.active > a {
  background-color: #ffdddd !important;
  border-left: 3px solid #c00 !important;
  color: #c00 !important;
  font-weight: bold !important;
  display: block;
  padding: 5px 10px;
  border-radius: 4px;
}

/* Parent dari item aktif */
#sidebar nav ul li.active-parent > a {
  color: #c00 !important;
  font-weight: bold;
}

/* Submenu selalu tampil */
#sidebar nav ul.submenu {
  display: block !important;
  max-height: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}