body { font-family: 'Inter', sans-serif; }
h1, h2, h3 { font-family: 'Manrope', sans-serif; }

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #c4c6d2; border-radius: 10px; }

/* Custom charts coloring */
:root {
    --chart-hadir: #006d43;
    --chart-sakit: #fbbc00;
    --chart-izin: #005232;
    --chart-alfa: #ba1a1a;
}

/* TOTAL FIX: Kill Native Select Arrows */
select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
}

/* Specific fix for Tailwind Forms plugin if active */
[type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select {
    background-image: none !important;
}

/* Hide native arrow in IE/Edge */
select::-ms-expand {
    display: none !important;
}

/* Reset padding-right to accommodate manual icon */
select.appearance-none {
    padding-right: 2.5rem !important;
}