/* Global select dropdown - arrow inside padding, no drift (use background-color on :focus, not background) */
select {
    padding-right: 2.5rem !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='currentColor' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 0.6rem;
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}