/* Base Font Settings */
body { font-family: 'Inter', sans-serif; }
.brand-font, h1, h2, h3 { font-family: 'Poppins', sans-serif; }

/* Custom Scrollbar */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #f97316; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #ea580c; }

/* Theme Shopee: Glowing Borders */
.glowing-border {
    border: 1px solid #f97316 !important;
    box-shadow: 0 0 6px rgba(249, 115, 22, 0.4) !important;
}
.dark .glowing-border {
    border: 1px solid #f97316 !important;
    box-shadow: 0 0 10px rgba(249, 115, 22, 0.7) !important;
}
.glowing-border-b {
    border-bottom: 1px solid #f97316 !important;
    box-shadow: 0 2px 6px rgba(249, 115, 22, 0.4) !important;
}

/* Strict Table Borders */
.custom-table th, .custom-table td {
    border: 1px solid #f97316 !important;
    padding: 8px !important;
}

/* Animations */
.shimmer-text {
    background: linear-gradient(90deg, #f97316 0%, #fbbf24 50%, #f97316 100%);
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shimmer 2s linear infinite;
}
@keyframes shimmer {
    to { background-position: 200% center; }
}

.animate-pop {
    animation: popIn 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes popIn {
    0% { transform: scale(0.8); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

/* Status Badges */
.badge-lunas {
    background-color: #ecfdf5;
    color: #059669;
    border: 1px solid #34d399;
}
.dark .badge-lunas { background-color: rgba(5, 150, 105, 0.2); }

.badge-belum {
    background-color: #fff7ed;
    color: #ea580c;
    border: 1px solid #fdba74;
}
.dark .badge-belum { background-color: rgba(234, 88, 12, 0.2); }