/* * Custom Stylesheet for Bevaris Distribution Report
 * Optimized for Material Design 3 Floating Labels and Tailwind v4.2
 */

/* --- Browser Autofill Overrides --- */
/* Prevents Chrome/Edge from injecting default yellow/blue backgrounds into your inputs */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #292524 !important; 
    transition: background-color 5000s ease-in-out 0s;
}

/* --- Material Design 3 Input Refinements --- */
/* Base label state: non-interactive */
label {
    pointer-events: none;
    transition: all 0.2s ease-out;
}

/* Removes the default arrows from the number input for a cleaner MD3 look */
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; /* Firefox support */
}

/* --- Custom Scrollbar --- */
/* Styles the browser scrollbar to match the #eb9457 brand color */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #faf4f0; /* Updated to match new website background */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #eb9457;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #d6834a; 
}

/* --- File Input Overrides --- */
/* Ensures the visually hidden file input doesn't interfere with layout */
input[type="file"] {
    display: none;
}