/* GoPay Merchant Custom Light Slate Theme */
@layer base {
    body {
        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
}

/* Custom Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Active Nav Item */
.nav-item.active {
    background-color: #f0f9ff;
    color: #0284c7;
    font-weight: 700;
}
.nav-item.active i,
.nav-item.active svg {
    color: #0284c7;
}

/* Mode Card Active State */
.mode-card.selected {
    border-color: #0284c7;
    background-color: #f0f9ff;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.page-view:not(.hidden) {
    animation: fadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Badges */
.badge-settlement {
    background-color: #ecfdf5;
    color: #059669;
    border: 1px solid #a7f3d0;
}
.badge-paid {
    background-color: #ecfdf5;
    color: #059669;
    border: 1px solid #a7f3d0;
}
.badge-pending {
    background-color: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
}
.badge-expired {
    background-color: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}