/* Admin-only themed selection. Native selects keep values, validation and form payloads. */
.panel-select{position:relative;display:inline-flex;vertical-align:middle;min-width:0;max-width:100%;color-scheme:dark;font:inherit}
.panel-select .panel-native-select{position:absolute!important;inset:0 auto auto 0!important;opacity:0!important;pointer-events:none!important;width:1px!important;max-width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important}
.panel-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);width:100%;min-width:0;min-height:var(--tap-min);padding:var(--s-2) var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-btn);background:var(--bg);color:var(--fg);font:600 var(--fs-small)/1.4 var(--font-ui);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.panel-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panel-select-trigger:hover{background:var(--panel-2);border-color:var(--fg-4)}
.panel-select-trigger:focus-visible,.panel-select-trigger[aria-expanded="true"]{outline:2px solid var(--accent);outline-offset:var(--s-1);border-color:var(--accent)}
.panel-select-trigger:disabled{cursor:not-allowed;opacity:.45}
.panel-select-trigger[aria-invalid="true"]{border-color:var(--danger)}
.panel-select-chevron{width:var(--s-2);height:var(--s-2);flex:none;border-right:2px solid var(--fg-2);border-bottom:2px solid var(--fg-2);transform:translateY(-2px) rotate(45deg);transition:transform var(--dur-fast) var(--ease-out)}
.panel-select-trigger[aria-expanded="true"] .panel-select-chevron{transform:translateY(2px) rotate(225deg)}
.panel-select-menu{position:fixed;inset:auto;margin:0;z-index:2147483000;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:var(--s-1);border:1px solid var(--line-2);border-radius:var(--r-btn);background:var(--panel);color:var(--fg);box-shadow:var(--sh-pop);font:500 var(--fs-small)/1.4 var(--font-ui);scrollbar-width:thin;scrollbar-color:var(--fg-4) var(--panel);animation:panel-options-in var(--dur-fast) var(--ease-out)}
.panel-select-menu::backdrop{background:transparent;pointer-events:none}
.panel-select-menu [role="option"]{display:flex;align-items:center;gap:var(--s-2);position:relative;min-height:var(--tap-min);padding:var(--s-2) var(--s-8) var(--s-2) var(--s-3);border-radius:var(--r-tag);cursor:pointer;overflow-wrap:anywhere}
.panel-select-menu [role="option"].is-active,.panel-select-menu [role="option"]:hover{background:var(--panel-2);color:var(--accent-2)}
.panel-select-menu [aria-selected="true"]{background:var(--accent-bg);color:var(--accent)}
.panel-select-menu [aria-selected="true"]::after{content:"";position:absolute;right:var(--s-3);width:var(--s-2);height:var(--s-1);border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(-45deg)}
.panel-select-menu [aria-disabled="true"]{opacity:.4;cursor:not-allowed}
.panel-select-menu .panel-option-flag{width:var(--s-6);height:var(--s-4);flex:none;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;border-radius:calc(var(--s-1)/2);overflow:hidden}
.panel-language>.panel-select{width:100%;height:100%}
.panel-language .panel-locale-trigger{width:calc(100% + 2px);height:var(--tap-min);min-height:var(--tap-min);margin:-1px;padding:0 var(--s-2);gap:var(--s-2);border:0;background:transparent;justify-content:center;font-size:var(--fs-small)}
.panel-language .panel-locale-trigger>span{overflow:visible}
.panel-language .panel-select-trigger:focus-visible,.panel-language .panel-select-trigger[aria-expanded="true"]{border-color:transparent}
.global-filters label>.panel-select{min-width:calc(var(--s-10)*4);max-width:calc(var(--s-10)*8)}
.editor-form label>.panel-select,.config-field>.panel-select,.field>.panel-select{width:100%}
.audit-filters .panel-select,.operational-filters .panel-select{min-width:0}
@keyframes panel-options-in{from{opacity:0;translate:0 calc(0px - var(--s-1))}to{opacity:1;translate:0 0}}
@media(max-width:767px){.global-filters label>.panel-select{min-width:0;max-width:100%;width:100%}.panel-select-trigger{font-size:var(--fs-small)}}
@media(prefers-reduced-motion:reduce){.panel-select-menu{animation:none}.panel-select-trigger,.panel-select-chevron{transition:none}}
