/* Shared presentation for every searchable, static, and creatable combobox. */
:is(.app-combobox,.creatable-combobox-control,.static-combobox-control,.portion-picker-control){position:relative;min-width:0}
:is(.app-combobox,.creatable-combobox-control,.static-combobox-control,.portion-picker-control)>.form-select{appearance:none;-webkit-appearance:none;background-image:none!important;cursor:text}
:is(.app-combobox,.creatable-combobox-control,.static-combobox-control,.portion-picker-control).disabled>:is(input,.form-control,.form-select){cursor:not-allowed;opacity:.65}
:is(.app-combobox,.creatable-combobox-control,.static-combobox-control,.portion-picker-control)>:is(input,.form-control,.form-select){min-height:46px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);padding:11px 46px 11px 13px;box-shadow:none}
:is(.app-combobox,.creatable-combobox-control,.static-combobox-control,.portion-picker-control):focus-within>:is(input,.form-control,.form-select){border-color:var(--service-orange,var(--orange));box-shadow:0 0 0 3px color-mix(in srgb,var(--service-orange,var(--orange)) 18%,transparent)}
:is(.combobox-toggle,.searchable-combobox-toggle){right:7px;width:34px;height:34px;border-radius:9px;color:var(--clay-gray,var(--muted))}
:is(.combobox-toggle.open,.searchable-combobox-toggle[aria-expanded="true"]) i{transform:rotate(180deg)}
:is(.combobox-list,.creatable-combobox-options,.static-combobox-options,.portion-picker-options){position:absolute;z-index:1090;top:calc(100% + 5px);left:0;right:0;max-height:min(300px,44vh);overflow:auto;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 8px 0 color-mix(in srgb,var(--espresso) 9%,transparent),0 18px 40px rgba(45,33,27,.12);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--clay-gray) 35%,transparent) transparent}
:is(.combobox-option-row,.creatable-combobox-option){display:flex;align-items:center;min-width:0;min-height:43px;margin:0;border-radius:9px;background:transparent;color:var(--ink)}
:is(.combobox-option-row,.creatable-combobox-option):is(:hover,:focus-within,.is-active){background:color-mix(in srgb,var(--warm-canvas) 82%,var(--service-orange) 4%);box-shadow:none}
:is(.combobox-option,.creatable-combobox-option-choice,.static-combobox-option,.portion-picker-option){min-height:43px;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:13px;text-align:left}
:is(.static-combobox-option,.portion-picker-option){display:block;width:100%}
:is(.static-combobox-option,.portion-picker-option):is(:hover,.is-active){background:color-mix(in srgb,var(--warm-canvas) 82%,var(--service-orange) 4%)}
:is(.combobox-delete,.creatable-combobox-remove){display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;margin-right:2px;padding:0;border:0;border-radius:9px;background:transparent;color:color-mix(in srgb,var(--attention-red) 58%,var(--clay-gray));opacity:1;transform:none}
:is(.combobox-delete,.creatable-combobox-remove):is(:hover,:focus-visible){background:color-mix(in srgb,var(--attention-red) 10%,transparent);color:var(--attention-red);outline:2px solid color-mix(in srgb,var(--attention-red) 24%,transparent);outline-offset:-2px}
:is(.combobox-empty,.creatable-combobox-state,.static-combobox-state,.portion-picker-state){padding:15px 12px;color:var(--clay-gray,var(--muted));font-size:12px;text-align:center}
:is(.combobox-option.create,.creatable-combobox-option-create){color:var(--service-orange);font-weight:700}
@media(max-width:600px){:is(.combobox-list,.creatable-combobox-options,.static-combobox-options,.portion-picker-options){max-height:min(340px,48vh)}:is(.combobox-option,.creatable-combobox-option-choice,.static-combobox-option,.portion-picker-option){min-height:48px;font-size:14px}}
.printer-reference .app-combobox[data-combobox-select-id="printerTransport"]>.form-select{max-width:none;min-height:46px;margin:0;padding:13px 46px 13px 12px;border:1px solid var(--line);border-radius:10px;background:var(--cream-2);color:var(--ink);font-size:.85rem}
.printer-reference .app-combobox[data-combobox-select-id="printerTransport"]:focus-within>.form-select{outline:none;border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}
