/* Shared native select chevrons; keyboard and mobile pickers stay native. */
body.fusion-body{
 --mc-select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23164232' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
 --mc-select-appearance:none;
}
body.fusion-body #wrapper select:not([multiple]):not([size]),
body.fusion-body #wrapper #main select:not([multiple]):not([size]),
body.fusion-body #wrapper #main #mp-application .mp-fields select:not([multiple]):not([size]),
body.fusion-body .fusion-form .fusion-form-field .fusion-select-wrapper select:not([multiple]):not([size]),
body.fusion-body .mc-popup-root select:not([multiple]):not([size]){
 -webkit-appearance:var(--mc-select-appearance)!important;
 appearance:var(--mc-select-appearance)!important;
 background-image:var(--mc-select-chevron)!important;
 background-repeat:no-repeat!important;
 background-position:right 14px center!important;
 background-size:18px 18px!important;
 padding-right:42px!important;
 cursor:pointer;
}
/* Replace inherited decorative arrows, leaving one chevron per control. */
body.fusion-body .mc-select-control:has(>select:not([multiple]):not([size]))>svg,
body.fusion-body .fusion-select-wrapper:has(>select:not([multiple]):not([size]))>.select-arrow{display:none!important}
@media(forced-colors:active){
 body.fusion-body{--mc-select-chevron:none;--mc-select-appearance:auto}
}