/* Cellos: uma seta por campo, presa à borda e sem disputar espaço com o texto. */
:root{--cellos-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m3.5 5.75 4.5 4.5 4.5-4.5' stroke='%2352647a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--cellos-select-inset:12px;--cellos-select-size:16px;--cellos-select-reserve:40px}
html[data-tema="escuro"],html.dark,[data-theme="dark"]{--cellos-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m3.5 5.75 4.5 4.5 4.5-4.5' stroke='%23c4d2e6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
select:not([multiple]):not([aria-hidden="true"]):not([data-select-native]):is(:not([size]),[size="0"],[size="1"]){
 -webkit-appearance:none!important;appearance:none!important;
 background-image:var(--cellos-select-arrow)!important;
 background-position:right var(--cellos-select-inset) center!important;
 background-repeat:no-repeat!important;background-size:var(--cellos-select-size) var(--cellos-select-size)!important;
 background-origin:padding-box!important;
 padding-inline-end:var(--cellos-select-reserve)!important;
 text-overflow:ellipsis;cursor:pointer;
}
select:not([multiple]):not([aria-hidden="true"]):not([data-select-native]):is(:not([size]),[size="0"],[size="1"]):dir(rtl){background-position:left var(--cellos-select-inset) center!important}
select:disabled{cursor:not-allowed}
/* Busca de ingredientes do ERP: ícone independente do texto, estoque e botão de limpar. */
.custom-select-box{position:relative;padding-inline-end:var(--cellos-select-reserve)!important}
.custom-select-box .custom-select-arrow{position:absolute;inset-inline-end:var(--cellos-select-inset);top:50%;left:auto;width:var(--cellos-select-size);height:var(--cellos-select-size);margin:0;transform:translateY(-50%);pointer-events:none;display:grid;place-items:center;flex:none}
.custom-select-box .custom-select-arrow svg{width:100%;height:100%;display:block}
.custom-select-wrap.open .custom-select-box .custom-select-arrow{transform:translateY(-50%) rotate(180deg)}
@media(forced-colors:active){select:not([multiple]):not([aria-hidden="true"]):not([data-select-native]):is(:not([size]),[size="0"],[size="1"]){appearance:auto!important;-webkit-appearance:auto!important;background-image:none!important;padding-inline-end:12px!important}}

/* Selects Radix/shadcn e combobox com chevron conhecido: a seta não depende do texto. */
button[role="combobox"]:has(>svg:is(.lucide-chevron-down,.lucide-chevrons-up-down)),[data-cellos-select-trigger]{position:relative!important;padding-inline-end:var(--cellos-select-reserve)!important;text-align:start;min-width:0}
button[role="combobox"]>svg:is(.lucide-chevron-down,.lucide-chevrons-up-down),[data-cellos-select-chevron]{position:absolute!important;inset-inline-end:var(--cellos-select-inset)!important;top:50%!important;left:auto!important;margin:0!important;width:var(--cellos-select-size)!important;height:var(--cellos-select-size)!important;transform:translateY(-50%)!important;flex:none!important;pointer-events:none}
button[role="combobox"]:has(>svg:is(.lucide-chevron-down,.lucide-chevrons-up-down))>span:first-child,[data-cellos-select-trigger]>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Listas múltiplas não são dropdowns. Em RTL a borda final é a esquerda. */
select[multiple],select[size]:not([size="0"]):not([size="1"]){appearance:auto!important;-webkit-appearance:auto!important;background-image:none!important;padding-inline-end:12px!important}
.custom-select-box:dir(rtl) .custom-select-arrow,button[role="combobox"]:dir(rtl)>svg:is(.lucide-chevron-down,.lucide-chevrons-up-down),[data-cellos-select-trigger]:dir(rtl)>[data-cellos-select-chevron]{left:var(--cellos-select-inset)!important;right:auto!important}