/* PORTAL_WARGA_TOMBOL_GRAFIK_RINGKAS_V43
 * Scoped to Grafk Daya Pompa PZEM period buttons only.
 * Preserve state colors, zoom, toolbar, legend, and all other buttons.
 */
#pumpPanelV1 .pump-ref-v28 .pump-ref-ranges-v28 {
  gap: 5px !important;
  align-items: center;
}
#pumpPanelV1 .pump-ref-v28 .pump-ref-ranges-v28 > button {
  box-sizing: border-box;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 34px !important;
  padding: 5px 10px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 600;
  letter-spacing: 0 !important;
  white-space: nowrap;
  flex: 0 0 auto;
}
@media (max-width: 700px) {
  #pumpPanelV1 .pump-ref-v28 .pump-ref-ranges-v28 { gap: 4px !important; }
  #pumpPanelV1 .pump-ref-v28 .pump-ref-ranges-v28 > button {
    height: 31px !important;
    padding: 5px 8px !important;
    font-size: 12px !important;
    border-radius: 7px !important;
  }
}