/* Native selects retain form values; this surface handles pointer and keyboard UI. */
.en-select-shell { position: relative; display: inline-flex; min-width: 0; max-width: 100%; vertical-align: middle; }
.en-field > .en-select-shell { display: flex; width: 100%; }
.en-inline-actions > .en-select-shell { min-width: 124px; flex: 0 1 auto; }
.en-select-shell > select.en-native-select { position: absolute !important; inset: 50% auto auto 0; width: 1px !important; min-width: 0 !important; height: 1px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; opacity: 0; clip-path: inset(50%); pointer-events: none; }
.en-select-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; min-height: 42px; padding: 10px 13px; border: 1px solid var(--glass-edge); border-radius: 14px; background: var(--surface-control); color: var(--blue-900); box-shadow: inset 0 1px 0 var(--glass-line); font: inherit; font-size: 12px; line-height: 1.5; text-align: left; cursor: pointer; transition: background 170ms ease, border-color 170ms ease, box-shadow 170ms ease; }
.en-select-trigger > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.en-select-trigger > svg { flex: 0 0 16px; width: 16px; height: 16px; color: var(--blue-700); transition: transform 220ms cubic-bezier(.22,1,.36,1); }
.en-select-trigger:hover, .en-select-trigger[aria-expanded="true"] { background: var(--surface-tint); border-color: var(--blue-300); box-shadow: 0 4px 16px var(--accent-shadow), inset 0 1px 0 var(--glass-line); }
.en-select-trigger[aria-expanded="true"] > svg { transform: rotate(180deg); }
.en-select-trigger:focus-visible { outline: 2px solid var(--blue-500); outline-offset: 3px; }
.en-select-trigger:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; }
#enterpriseSelectPopover { position: fixed; inset: auto; z-index: 1400; margin: 0; width: 280px; max-width: calc(100vw - 20px); padding: 9px; box-sizing: border-box; overflow: hidden; border: 1px solid var(--glass-edge); border-radius: 19px; color: var(--blue-900); background: linear-gradient(155deg, #fff, var(--sky)); box-shadow: 0 18px 48px var(--accent-shadow), inset 0 1px 0 var(--glass-line); backdrop-filter: blur(var(--blur)) saturate(145%); -webkit-backdrop-filter: blur(var(--blur)) saturate(145%); font-family: inherit; font-size: 13px; line-height: 1.5; transform-origin: top center; }
#enterpriseSelectPopover[hidden] { display: none !important; }
#enterpriseSelectPopover::backdrop { background: transparent; pointer-events: none; }
#enterpriseSelectPopover.open { animation: enterprise-select-reveal 240ms cubic-bezier(.22,1,.36,1) both; }
#enterpriseSelectPopover .en-select-caption { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 3px 7px 8px; color: var(--blue-700); font-size: 11px; font-weight: 700; }
#enterpriseSelectPopover .en-select-count { opacity: .7; font-weight: 500; }
#enterpriseSelectSearch { display: block; width: 100%; height: 37px; margin: 0 0 8px; padding: 8px 11px; border: 1px solid var(--glass-edge); border-radius: 11px; background: var(--surface-control); color: var(--blue-900); font: inherit; outline: none; }
#enterpriseSelectSearch:focus { border-color: var(--blue-400); box-shadow: 0 0 0 2px var(--surface-tint); }
#enterpriseSelectSearch[hidden] { display: none; }
#enterpriseSelectListbox { max-height: 246px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--blue-300) transparent; outline: none; }
#enterpriseSelectListbox .en-select-option { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 39px; padding: 9px 11px; margin: 2px 0; border: 1px solid transparent; border-radius: 11px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
#enterpriseSelectListbox .en-select-option > span { min-width: 0; overflow-wrap: anywhere; }
#enterpriseSelectListbox .en-select-option:hover, #enterpriseSelectListbox .en-select-option[data-active="true"] { background: var(--surface-tint); border-color: var(--glass-edge); }
#enterpriseSelectListbox .en-select-option[aria-selected="true"] { background: var(--surface-tint-strong, var(--surface-tint)); color: var(--blue-700); font-weight: 750; }
#enterpriseSelectListbox .en-select-option[aria-selected="true"]::after { content: '✓'; flex: 0 0 auto; margin-left: auto; font-size: 16px; }
#enterpriseSelectListbox .en-select-option:disabled { opacity: .4; cursor: not-allowed; }
.en-priority-dot { flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--blue-500); }
.en-priority-dot[data-priority="low"] { background: #569989; }
.en-priority-dot[data-priority="high"] { background: #c68b2e; }
.en-priority-dot[data-priority="urgent"] { background: #cd6275; }
.en-select-empty { padding: 18px 10px; text-align: center; color: var(--blue-700); font-size: 12px; }
@keyframes enterprise-select-reveal { from { opacity: 0; transform: translateY(-7px); clip-path: inset(0 0 80% 0 round 19px); } to { opacity: 1; transform: translateY(0); clip-path: inset(-60px -60px -60px -60px round 19px); } }
@media (max-width: 600px) { .en-select-trigger { min-height: 40px; padding: 8px 10px; } #enterpriseSelectPopover { border-radius: 17px; } }
@media (prefers-reduced-motion: reduce) { #enterpriseSelectPopover.open { animation: none; } .en-select-trigger, .en-select-trigger > svg { transition: none; } }