::-webkit-scrollbar {
    width: 8px;
}

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

body {
    background-color: #fef3c7;
}

.card {
    background-color: white;
    border-radius: 1.5rem;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);
    transition: transform .2s;
}

[data-lucide] {
    stroke-width: 2.5;
}

/* mobile nav helper */
.hidden-on-mobile {
    display: none;
}

@media (min-width: 1024px) {
    .hidden-on-mobile {
        display: block;
    }
}

/* pill badges */
.pill {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.6rem;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 0.75rem;
}

/* Payment */
.paid {
    background: #dcfce7;
    color: #15803d;
}

.partial {
    background: #fef9c3;
    color: #a16207;
}

.notpaid {
    background: #fee2e2;
    color: #b91c1c;
}

/* Fulfillment */
.collected {
    background: #dbeafe;
    color: #1e40af;
}

.partcollected {
    background: #fce7f3;
    color: #9d174d;
}

.ready {
    background: #d1fae5;
    color: #047857;
}

.pendingprod {
    background: #fef2f2;
    color: #b91c1c;
}

/* modal (kept for later - no data logic here) */
.modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    backdrop-filter: blur(4px);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 50;
}

    .modal-overlay.open {
        display: flex;
    }

.modal {
    width: min(720px, 95vw);
    max-height: 90vh;
    overflow: auto;
    background: white;
    border-radius: 1.5rem;
    box-shadow: 0 20px 35px rgba(0,0,0,.25);
    padding: 1rem;
}

/* Hide number spinners */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}