/* ===========================================================
   FILE: css/komponen-mode-kelola.css
   ISI   : Tombol Tambah/Ubah/Hapus (.mg, .mini) - tersembunyi, baru tampil saat body punya class "manage".
   JS    : js/komponen-mode-kelola.js
   =========================================================== */

.mg {
  display: none;
  gap: 6px;
  align-items: center;
}

body.manage .mg {
  display: inline-flex;
}

body.manage .datatools {
  display: flex;
}

.mini {
  border: 1px solid #b6d5ff;
  background: #edf5ff;
  color: var(--blue);
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 750;
}

.mini.dng {
  border-color: #f3b8b8;
  background: #fff0f0;
  color: #c62828;
}

.mgbtn {
  width: auto;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}

.mgbtn[aria-pressed=true] {
  background: var(--blue);
  color: #fff;
}

@media(max-width:560px) {
  .mgbtn span {
    display: none;
  }
}