/*
 * Penyesuaian kecil di atas tema WowDash Admin (assets/wowdash/css/style.css).
 * Sengaja diusahakan minimal — sebagian besar tampilan (sidebar, topbar, card, tabel,
 * tombol, form, backdrop mobile) sudah ditangani penuh oleh WowDash sendiri lewat
 * class Bootstrap standar + class bawaan template (sidebar-open, overlay-active, dst).
 */

/* ===== Checkbox "Aktif" berbentuk bulat (bukan kotak) =====
   Bootstrap bawaan memberi border-radius kotak-membulat (.25em) untuk checkbox dan bulat
   penuh (50%) untuk radio. Checkbox "Aktif/Nonaktif" tetap checkbox secara fungsi (tidak
   ada perubahan pada form), tapi tampilannya dibulatkan seperti radio WowDash — pengisi
   ::before-nya (lihat .form-check .form-check-input::before di wowdash/css/style.css) ikut
   otomatis membulat karena border-radius:inherit. */
.form-check-input.round-check {
  border-radius: 50% !important;
}

/* ===== Kartu ringkasan (stat-card) — dipakai di dashboard petugas/gudang/pimpinan/laporan ===== */
.stat-card {
  border-radius: 8px;
  border: none;
  background-color: var(--white, #fff);
  box-shadow: 0 0.25rem 1.875rem rgba(46, 45, 116, 0.05);
  padding: 20px;
}

.stat-card .stat-value {
  font-size: 1.6rem;
  font-weight: 700;
}

.stat-card .stat-label {
  color: var(--text-secondary-light, #6b7280);
  font-size: .8rem;
}

/* ===== Kartu ringkasan dashboard Admin (gaya kartu asli WowDash) =====
   Mengikuti pola resmi WowDash: card + bg-gradient-start-N + card-body p-20
   dengan ikon bulat berwarna di kanan (lihat index.html demo bawaan template).
   WowDash sendiri hanya menyediakan 5 varian gradient (bg-gradient-start-1..5),
   jadi kita tambahkan varian ke-6 (kuning/amber) dengan pola warna yang sama
   supaya kartu "Stok Menipis" punya nuansa warning yang konsisten. */
.bg-gradient-start-6 {
  background: linear-gradient(to right, #FFF8E1, #FFFFFF);
}
html[data-theme="dark"] .bg-gradient-start-6 {
  background: linear-gradient(to right, rgba(255, 248, 225, 0.15), rgba(255, 255, 255, 0.1));
}

/* Jaga-jaga: tombol pagination DataTables WowDash berukuran tetap kecil (2rem),
   jangan sampai teks apa pun di dalamnya membungkus jadi beberapa baris. */
.dt-paging .dt-paging-button {
  white-space: nowrap;
}

/* ===== Logo sidebar (teks) mengikuti mode ringkas-ikon =====
   WowDash aslinya memakai <img class="logo-icon"> yang otomatis muncul menggantikan logo
   penuh saat sidebar dipersempit ke mode ikon-saja (.sidebar.active, lebar 86px) — lihat
   aturan ".sidebar.active .sidebar-logo img.logo-icon" di wowdash/css/style.css. Karena logo
   kita berupa teks "Seragam Sekolah" (bukan gambar), kita tiru pola swap yang sama supaya
   teksnya tidak meluber/tabrakan dengan konten utama saat sidebar dipersempit. */
.sidebar-logo-full {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.sidebar-logo-icon {
  display: none;
  align-items: center;
}
.sidebar.active .sidebar-logo-full {
  display: none;
}
.sidebar.active .sidebar-logo-icon {
  display: inline-flex;
}
.sidebar.active:hover .sidebar-logo-full {
  display: inline-flex;
}
.sidebar.active:hover .sidebar-logo-icon {
  display: none;
}

/* ===== Kartu tautan (mis. grid menu Laporan) — kartu polos WowDash tidak punya efek hover
   bawaan karena biasanya berisi konten, bukan link; tambahkan sedikit di sini supaya kartu
   yang bisa diklik terasa interaktif. ===== */
.report-card {
  transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
.report-card:hover {
  box-shadow: 0 0.5rem 1.5rem rgba(46, 45, 116, 0.08);
  transform: translateY(-2px);
  border-color: var(--primary-200, #c8d7ff) !important;
}

/* ===== POS / Halaman Penjualan ===== */
.pos-cart-table td, .pos-cart-table th { vertical-align: middle; }
.pos-scan-input { font-size: 1.1rem; padding: .6rem .8rem; }

/* ===== Cetak Bukti (thermal) — dipakai di print/transaksi.php yang berdiri sendiri ===== */
.receipt {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  font-family: 'Consolas', monospace;
  font-size: 12px;
  color: #000;
}
.receipt hr { border-top: 1px dashed #000; }
.receipt table { width: 100%; border-collapse: collapse; }
.receipt .center { text-align: center; }
.receipt .right { text-align: right; }
.receipt .bold { font-weight: 700; }

/* Saat tombol "Print" ditekan di halaman biasa (laporan, dsb), sembunyikan sidebar & topbar. */
@media print {
  .no-print, .sidebar, .navbar-header, .d-footer { display: none !important; }
  .dashboard-main { margin: 0 !important; width: 100% !important; }
  .receipt { position: absolute; top: 0; left: 0; max-width: 100%; }
}