/* File: public/css/views.css */
/* Berisi aturan CSS untuk tampilan responsif dan kustomisasi view lainnya */

/* --- Media Query untuk Perangkat Mobile (Layar di bawah 992px) --- */
@media (max-width: 991.98px) {
  /* Sembunyikan sidebar di luar layar secara default */
  .sidebar {
    left: calc(-1 * var(--sidebar-width));
    z-index: 1051; /* Pastikan sidebar di atas konten saat muncul */
  }
  /* Konten dan footer memenuhi layar */
  .content, .footer-fixed {
    margin-left: 0;
    left: 0;
  }
  /* Saat sidebar aktif (dimunculkan), geser ke dalam layar */
  body.sidebar-visible-mobile .sidebar {
    left: 0;
  }
  /* Sembunyikan tombol toggle default di mobile, karena kita akan pakai tombol di navbar */
  #sidebar-toggle {
    display: none;
  }
  .navbar-brand {
    display: none; /* Sembunyikan tulisan "Halo, Nama" di mobile agar lebih rapi */
  }
}