/* style.css - DIPERBARUI */
body { 
    font-family: 'Inter', sans-serif; 
}

/* --- Kustomisasi Scrollbar agar lebih rapi --- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #1f2937; }
::-webkit-scrollbar-thumb { background: #4b5563; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #6b7280; }

/* --- Komponen Aktif --- */
.main-menu-btn-active { background-color: #4f46e5 !important; color: white !important; }
.store-card-active, .report-type-btn-active { border-color: #4f46e5 !important; background-color: #3730a3 !important; color: white !important; }
.store-card-active { transform: scale(1.02); }

/* --- Loading Spinner --- */
.loading-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(17, 24, 39, 0.8); z-index: 500; /* z-index lebih tinggi dari toast */
    display: flex; justify-content: center; align-items: center;
    backdrop-filter: blur(3px);
}
.spinner {
    width: 50px; height: 50px;
    border: 5px solid #374151; border-top-color: #4f46e5;
    border-radius: 50%; animation: spin 1s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* --- Toast Notifications (Pengganti Alert) --- */
#toast-container {
    position: fixed; top: 20px; right: 20px; z-index: 1000;
    display: flex; flex-direction: column; gap: 10px;
}
.toast {
    min-width: 250px; padding: 12px 16px; border-radius: 8px; color: white; font-weight: 500;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    opacity: 0; transform: translateX(100%); transition: all 0.3s ease-in-out;
}
.toast-visible { opacity: 1; transform: translateX(0); }
.toast-success { background-color: #059669; border-left: 4px solid #34d399; }
.toast-error { background-color: #dc2626; border-left: 4px solid #f87171; }
.toast-info { background-color: #2563eb; border-left: 4px solid #60a5fa; }

/* --- Print Styles --- */
@media print {
    .no-print { display: none !important; }
    body { background-color: white !important; color: black !important; }
    #laporan-container { display: block !important; }
    .bg-gray-800, .bg-gray-900 { background-color: white !important; color: black !important; box-shadow: none !important; border: 1px solid #eee !important; }
    .text-white, .text-gray-100, .text-gray-200, .text-gray-300, .text-gray-400 { color: black !important; }
}