.app-select { display:inline-block; position:relative; min-width:0; max-width:100%; width:100%; vertical-align:middle; }
.app-select[hidden] { display:none!important; }
select.app-select-source { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:0!important; opacity:0!important; clip-path:inset(50%)!important; pointer-events:none!important; overflow:hidden!important; }
.app-select-button { display:flex!important; align-items:center; gap:9px; width:100%; min-width:0; border:1px solid var(--color-border,#dce1ed); border-radius:8px; padding:10px 12px!important; background:#fff!important; color:var(--color-text,#233047); font:inherit; font-size:12px; cursor:pointer; text-align:left; }
.app-select-button:hover { border-color:#a8b5d7; }
.app-select-button:focus-visible,.app-select-button[aria-expanded=true] { outline:2px solid #899cf04d; outline-offset:2px; border-color:var(--color-primary,#5067a5); }
.app-select-button:disabled { opacity:.6; cursor:not-allowed; background:#f6f7fa!important; }
.app-select-button[aria-invalid=true] { border-color:#b83d51; }
.app-select-text { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.app-select-chevron { margin-left:auto; flex-shrink:0; color:var(--color-text-light,#768198); }
.app-select-button[aria-expanded=true] .app-select-chevron { transform:rotate(180deg); }
.app-select-menu { position:fixed; z-index:10000; box-sizing:border-box; background:white; color:var(--color-text,#233047); border:1px solid var(--color-border,#dce1ed); border-radius:10px; padding:5px; box-shadow:0 10px 32px #17233b24; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.app-select-option { display:flex; align-items:center; gap:10px; padding:10px 12px; min-height:38px; box-sizing:border-box; border-radius:6px; font-size:12px; line-height:1.4; cursor:pointer; }
.app-select-option .app-select-text { white-space:normal; overflow-wrap:anywhere; }
.app-select-option:hover,.app-select-option.is-active { background:#f1f4fc; }
.app-select-option[aria-selected=true] { background:#edf1fc; color:var(--color-primary-dark,#384e87); font-weight:600; }
.app-select-option[aria-disabled=true] { opacity:.45; cursor:default; }
.app-select-check { margin-left:auto; color:var(--color-primary,#5067a5); }
.app-select-icon { display:block; flex:0 0 16px; width:16px; height:16px; background:currentColor; mask:var(--select-option-icon) center/contain no-repeat; }
.app-select-group { padding:9px 12px 5px; font-size:11px; font-weight:600; color:var(--color-text-light,#768198); }
@media(max-width:767px) { .app-select-button { font-size:16px!important; min-height:44px; }.app-select-option { font-size:14px; min-height:44px; } }
.app-select-error { display:block; margin-top:5px; font-size:12px; line-height:1.4; color:#b83d51; }

.app-select-menu[popover] { margin:0; inset:auto; }