/* Quantity input field styling - responsive to light/dark mode */
.quantity-input {
    font-weight: bold !important;
    background: #9ca3af !important;
    /* Medium gray for light mode */
    border: 3px solid #374151 !important;
    /* Dark border for light mode */
    color: #111827 !important;
    /* Very dark text for light mode */
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .quantity-input {
        background: #4b5563 !important;
        /* Darker gray for dark mode */
        border: 3px solid #9ca3af !important;
        /* Lighter border for dark mode */
        color: #f9fafb !important;
        /* Light text for dark mode */
    }
}