/* SERBUNIB V32 - hanya tiga komponen yang sebenarnya; jaga warna dataset asli. */
#serbunib-top5-panel,
#serbunib-bottom5-panel,
#serbunib-middle-panel { min-width: 0; overflow: visible; }
#serbunib-top5-panel .card-body,
#serbunib-bottom5-panel .card-body,
#serbunib-middle-panel .card-body { display: flex; flex-direction: column; min-width: 0; }
#serbunib-top5-panel .serbunib-kecamatan-plot,
#serbunib-bottom5-panel .serbunib-kecamatan-plot,
#serbunib-middle-panel .serbunib-kecamatan-plot {
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 330px !important;
  min-height: 330px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#serbunib-middle-panel .serbunib-kecamatan-plot {
  height: 440px !important;
  min-height: 440px !important;
}
#serbunib-top5-panel .serbunib-kecamatan-plot > canvas,
#serbunib-bottom5-panel .serbunib-kecamatan-plot > canvas,
#serbunib-middle-panel .serbunib-kecamatan-plot > canvas {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
}
#serbunib-top5-panel .accordion,
#serbunib-bottom5-panel .accordion,
#serbunib-middle-panel .accordion {
  position: relative !important;
  z-index: 1;
  display: block;
  flex: 0 0 auto;
  width: 100%;
  clear: both;
  margin-top: 18px !important;
}
#serbunib-top5-panel .accordion .table-responsive,
#serbunib-bottom5-panel .accordion .table-responsive,
#serbunib-middle-panel .accordion .table-responsive { max-width: 100%; }
@media (max-width: 767.98px) {
  #serbunib-top5-panel .serbunib-kecamatan-plot,
  #serbunib-bottom5-panel .serbunib-kecamatan-plot { height: 355px !important; min-height: 355px !important; }
  #serbunib-middle-panel .serbunib-kecamatan-plot { height: 375px !important; min-height: 375px !important; }
}