/* ========================================================================
   GAYA KUSTOM APLIKASI PRESENSI
   ======================================================================== */

body { font-family: 'Inter', sans-serif; }

/* Transisi antar halaman/section */
.page-view { transition: opacity .25s ease, transform .25s ease; }
.page-view.hidden { display: none; opacity: 0; transform: translateY(8px); }
.page-view.active { display: block; opacity: 1; transform: translateY(0); }

/* Sidebar link aktif */
.nav-link { transition: background-color .15s ease, color .15s ease; }
.nav-link.active { background-color: rgba(255,255,255,0.16); color: #fff; font-weight: 600; }

/* Bottom navigation (mobile) — overrides warna default sidebar untuk konteks putih */
.bottom-nav-btn { color: #64748b; }
.bottom-nav-btn.active { background-color: transparent !important; color: #0369a1 !important; }

/* Kartu step wizard absen */
.step-dot { width: 2rem; height: 2rem; border-radius: 9999px; display:flex; align-items:center; justify-content:center; font-weight:600; font-size:.85rem; }
.step-dot.done { background:#0369a1; color:#fff; }
.step-dot.current { background:#0369a1; color:#fff; box-shadow:0 0 0 4px rgba(3,105,161,.2); }
.step-dot.todo { background:#e2e8f0; color:#64748b; }
.step-line { flex:1; height:2px; background:#e2e8f0; }
.step-line.done { background:#0369a1; }

/* Kamera */
#cameraVideo, #cameraCanvas { width: 100%; max-width: 420px; border-radius: .75rem; background:#000; }
.camera-frame { aspect-ratio: 4/3; object-fit: cover; }

/* Skeleton loader sederhana */
.skeleton { background: linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 37%,#e2e8f0 63%); background-size:400% 100%; animation:skeleton 1.4s ease infinite; border-radius:.5rem; }
@keyframes skeleton { 0%{background-position:100% 50%} 100%{background-position:0 50%} }

/* Badge status kehadiran */
.badge-hadir { background:#dcfce7; color:#166534; }
.badge-izin  { background:#fef9c3; color:#854d0e; }
.badge-sakit { background:#fee2e2; color:#991b1b; }
.badge-alpa  { background:#e2e8f0; color:#475569; }
.badge-daring{ background:#dbeafe; color:#1e40af; }
.badge-luring{ background:#ede9fe; color:#5b21b6; }

/* Cetak halaman rekap */
@media print {
  @page { size: A4 landscape; margin: 10mm; }
  body * { visibility: hidden !important; }
  #view-admin-rekap, #view-admin-rekap * { visibility: visible !important; }
  #view-admin-rekap { position: absolute; inset:0; }
  #view-admin-rekap .no-print { display:none !important; }
  #view-admin-rekap table { width:100%; font-size:11px; border-collapse: collapse; }
  #view-admin-rekap th, #view-admin-rekap td { border:1px solid #94a3b8; padding:4px; }
}

.no-print-shown { }

/* Tab pemilihan mode absen (jadwal / insidental) */
.tab-mode-absen { transition: background-color .15s ease, color .15s ease; }