/* CSS Kustom Halaman Materi */
body {
  font-family: "Montserrat", sans-serif;
  background-color: #f8f9fa;
}

/* Navbar seperti halaman utama */
.navbar-brand {
  font-weight: 700;
}

/* Sidebar Navigasi */
.sidebar {
  position: sticky; /* Agar sidebar tetap saat discroll */
  top: 0;
  height: 100vh;
  padding-top: 20px;
  background-color: #e9ecef; /* Warna latar belakang abu-abu muda */
  border-right: 1px solid #dee2e6;
}

/* Konten Utama */
.main-content {
  padding: 40px;
}

/* Gaya Blok Kode */
pre,
.table-custom tr th {
  background-color: #343a40; /* Hitam gelap */
  color: #f8f9fa; /* Putih terang */
  padding: 15px;
  border-radius: 6px;
  overflow-x: auto; /* Agar kode yang panjang bisa discroll horizontal */
  font-family: "Roboto Mono", monospace; /* Font monospace untuk kode */
  margin-bottom: 20px;
}

/* Styling Peringatan/Tips */
.alert-custom {
  border-left: 5px solid #0d6efd;
  background-color: #e9f0ff;
  color: #0d6efd;
}

/* Overlay Loading Full Screen */
#loadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.9); /* Gelap Dof */
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
}

/* Animasi Spinner Simple */
.spinner-vip {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #ffc107; /* Warna Kuning Saweria */
  border-radius: 50%;
  animation: spin-vip 1s linear infinite;
  margin-bottom: 20px;
}

@keyframes spin-vip {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.success-icon {
  font-size: 50px;
  color: #28a745;
  margin-bottom: 20px;
}

/* Hanya menyembunyikan konten yang memiliki class khusus VIP */
.main-content-vip {
  display: none;
}