/* Shared select surfaces. Native semantics and Livewire bindings stay intact. */
:root{--ps-surface:#fff;--ps-text:#292b28;--ps-muted:#73796d;--ps-border:#dadfd2;--ps-hover:#f3f5ef;--ps-selected:#e8efde;--ps-accent:#71865e;--ps-shadow:0 12px 36px #252b201c}
html[data-theme=dark],html.dark{--ps-surface:#252824;--ps-text:#f0f2ed;--ps-muted:#b1b9a9;--ps-border:#454d3e;--ps-hover:#31372c;--ps-selected:#3d4b32;--ps-accent:#adca92;--ps-shadow:0 12px 36px #0005}
select:not([multiple]):not([size]),select[size="1"]{
 appearance:none!important;min-height:44px;min-width:5rem;max-width:100%;padding:11px 40px 11px 14px!important;
 border:1px solid var(--ps-border)!important;border-radius:12px!important;
 background-color:var(--ps-surface)!important;color:var(--ps-text)!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2389957b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:18px!important;
 font:inherit;line-height:1.4;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
select:not(:disabled):hover{border-color:var(--ps-accent)!important;background-color:var(--ps-hover)!important}
select:focus-visible{outline:2px solid var(--ps-accent)!important;outline-offset:3px;box-shadow:none!important}
select:disabled{opacity:.5;cursor:not-allowed}
select option,select optgroup{background:var(--ps-surface);color:var(--ps-text)}
select[multiple],select[size]:not([size="1"]){padding:8px;border:1px solid var(--ps-border);border-radius:12px;background:var(--ps-surface);color:var(--ps-text)}
select[aria-invalid=true]{border-color:#c45c54!important}
/* Customizable native dropdowns progressively enhance capable browsers. */
@supports (appearance:base-select){
 select:not([multiple]):not([size]),select[size="1"]{appearance:base-select!important;display:inline-flex!important;align-items:center;justify-content:space-between;gap:12px;white-space:nowrap;background-image:none!important;padding-right:14px!important}
 select::picker(select){appearance:base-select;border:1px solid var(--ps-border);border-radius:14px;padding:6px;background:var(--ps-surface);color:var(--ps-text);box-shadow:var(--ps-shadow);max-height:min(340px,55dvh);overflow:auto;opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,display .16s allow-discrete,overlay .16s allow-discrete}
 select:open::picker(select){opacity:1;transform:translateY(0)}
 @starting-style{select:open::picker(select){opacity:0;transform:translateY(-6px)}}
 select::picker-icon{color:var(--ps-muted);transition:rotate .18s ease}
 select:open::picker-icon{rotate:180deg}
 select option{min-height:40px;padding:10px 12px;border-radius:8px;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .12s ease}
 select option:hover,select option:focus{background:var(--ps-hover);outline:none}
 select option:checked{background:var(--ps-selected);font-weight:600}
 select option:disabled{opacity:.5;cursor:not-allowed}
 select option::checkmark{color:var(--ps-accent)}
}
/* Filament owns search, keyboard navigation and multi-select state. */
.fi-select-input-btn{min-height:44px!important;transition:background-color .18s ease,box-shadow .18s ease!important}
.fi-select-input-btn:hover{background:var(--ps-hover)!important}
[id^="fi-select-input-dropdown-"],.fi-select-input-options-ctn{background:var(--ps-surface)!important;color:var(--ps-text)!important;border-radius:12px!important}
[id^="fi-select-input-dropdown-"]{border:1px solid var(--ps-border)!important;box-shadow:var(--ps-shadow)!important;animation:ps-menu-in .16s ease-out}
.fi-select-input-options-ctn{padding:6px!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ps-border) transparent}
.fi-select-input-option{min-height:40px!important;padding:10px 12px!important;border-radius:8px!important;line-height:1.4!important;transition:background-color .12s ease!important}
.fi-select-input-option:hover{background:var(--ps-hover)!important}
.fi-select-input-option.fi-selected,.fi-select-input-option[aria-selected=true]{background:var(--ps-selected)!important;color:var(--ps-text)!important}
.fi-select-input-placeholder,.fi-select-input-message{color:var(--ps-muted)!important}
.fi-input-wrp:has(select),.fi-input-wrp:has(.fi-select-input-btn){background:var(--ps-surface)!important;color:var(--ps-text)!important}
.fi-input-wrp:has(select) .fi-input-wrp-label{color:var(--ps-muted)!important}
@keyframes ps-menu-in{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){select,select::picker(select),select::picker-icon,.fi-select-input-btn,.fi-select-input-option,[id^="fi-select-input-dropdown-"]{animation:none!important;transition:none!important}}


