/* style.css - Sekar Nordic custom styles */

.custom-scrollbar::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #F5EFE6;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #C87D75;
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #B85B50;
}

/* Slide-over Drawer Transitions */
.drawer-backdrop {
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.drawer-panel {
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Toast Notification Animation */
@keyframes toastSlideIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@keyframes toastSlideOut {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
}
.toast-enter {
    animation: toastSlideIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.toast-exit {
    animation: toastSlideOut 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom Checkbox Styling */
.custom-checkbox {
    accent-color: #B85B50;
    cursor: pointer;
}

/* QR Code Container Styling */
.qris-glow {
    box-shadow: 0 10px 25px -5px rgba(200, 125, 117, 0.25), 0 8px 10px -6px rgba(200, 125, 117, 0.2);
}