.app-search-select { position: relative; }
.app-search-select-native { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.app-search-select-trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 2.75rem; padding: 0.375rem 0.75rem; color: var(--app-ink); background: var(--app-surface); border: 1px solid var(--app-border); border-radius: var(--app-radius-sm); text-align: left; }
.app-search-select-trigger:focus-visible, .app-search-select.is-open .app-search-select-trigger { border-color: var(--app-primary); box-shadow: 0 0 0 0.22rem rgba(37, 99, 235, 0.2); outline: 0; }.app-search-select-trigger[aria-disabled="true"] { cursor: not-allowed; opacity: 0.65; }
.app-search-select-panel { position: fixed; z-index: 2000; display: none; padding: 0.55rem; overflow: hidden; background: var(--app-surface); border: 1px solid var(--app-border); border-radius: 1rem; box-shadow: var(--app-shadow-md); }.app-search-select-panel.is-open { display: block; }
.app-search-select-search { position: relative; }.app-search-select-search > i { position: absolute; z-index: 1; top: 50%; left: 0.9rem; color: var(--app-muted); pointer-events: none; transform: translateY(-50%); }.app-search-select-search .form-control { padding-left: 2.55rem; border-color: color-mix(in srgb, var(--app-primary) 48%, var(--app-border)); box-shadow: 0 0 0 0.22rem color-mix(in srgb, var(--app-primary) 15%, transparent); }
.app-search-select-meta { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.55rem 0.45rem 0.4rem; color: var(--app-muted); font-size: 0.78rem; }.app-search-select-options { display: grid; gap: 0.2rem; overflow-y: auto; scrollbar-color: var(--app-muted) transparent; scrollbar-width: thin; }.app-search-select-options::-webkit-scrollbar { width: 7px; }.app-search-select-options::-webkit-scrollbar-thumb { background: var(--app-muted); border-radius: 99px; }
.app-search-select-option { width: 100%; padding: 0.75rem 0.8rem; color: var(--app-ink); background: transparent; border: 0; border-radius: 0.75rem; text-align: left; }.app-search-select-option:hover, .app-search-select-option:focus-visible, .app-search-select-option[aria-selected="true"] { color: var(--app-primary-hover); background: color-mix(in srgb, var(--app-primary) 8%, var(--app-surface)); outline: 0; }.app-search-select-option:disabled { cursor: not-allowed; opacity: 0.55; }.app-search-select-empty { padding: 0.8rem; color: var(--app-muted); font-size: 0.88rem; text-align: center; }