/* ==========================================================================
   E-DAILY REPORT DKI JAKARTA - TAILWIND SUPPLEMENT
   ========================================================================== */

/* Custom Scrollbar yang Elegan */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Base Tweak */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Animasi Fade In untuk Konten */
.fade-in {
    animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Kustomisasi Badge agar terlihat modern */
.badge {
    @apply px-2.5 py-1 text-xs font-bold rounded-md inline-flex items-center gap-1;
}

.badge-success {
    @apply bg-emerald-100 text-emerald-700 border border-emerald-200;
}

.badge-warning {
    @apply bg-amber-100 text-amber-700 border border-amber-200;
}

.badge-danger {
    @apply bg-rose-100 text-rose-700 border border-rose-200;
}

.badge-info {
    @apply bg-blue-100 text-blue-700 border border-blue-200;
}