.archive-select { display:inline-block; position:relative; min-width:0; width:100%; vertical-align:middle; }
.archive-select>.as-native { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:0!important; clip-path:inset(50%); overflow:hidden; opacity:0; pointer-events:none; }
.as-trigger { position:relative; display:flex; align-items:center; justify-content:space-between; gap:13px; width:100%; min-width:0; min-height:44px; padding:10px 13px; border:1px solid var(--border); border-radius:8px; background:var(--card); color:var(--text); text-align:left; font-size:13px; line-height:1.5; }
.as-value { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.as-chevron { width:7px; height:7px; border-right:1.6px solid var(--muted); border-bottom:1.6px solid var(--muted); transform:rotate(45deg); flex-shrink:0; margin:0 3px 4px 0; }
.as-trigger:hover:not(:disabled) { border-color:var(--focus); }
.as-trigger:focus-visible,.as-trigger[aria-expanded="true"] { outline:none; border-color:var(--focus); box-shadow:0 0 0 3px #6b91ea20; }
.as-trigger[aria-invalid="true"] { border-color:#CF6262; }
.as-trigger:disabled { opacity:.55; cursor:not-allowed; background:var(--soft); }
.archive-select:has(.mb-3) { margin-bottom:1rem; }
.filters>.archive-select { flex:1 1 125px; width:auto; }
.results-toolbar .archive-select { width:180px; }
.rich-toolbar .archive-select { width:160px; height:auto; margin:0; flex-shrink:0; }
.rich-toolbar .as-trigger { font-size:11px; }
.demo-profile-grid>button:nth-child(5):last-child { grid-column:1/-1; }
.as-popup { position:fixed; z-index:1090; display:flex; flex-direction:column; overflow:hidden; min-width:0; border:1px solid var(--border); border-radius:12px; background:var(--card); color:var(--text); box-shadow:0 14px 45px #10244126; text-align:left; }
.as-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px 6px 16px; flex-shrink:0; }
.as-header strong { font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.as-close { position:relative; background:none; border:0; color:var(--muted); font-size:23px; display:grid; place-items:center; min-width:32px; min-height:32px; padding:0; border-radius:7px; }
.as-close:hover { background:var(--soft); }
.as-search-wrap { padding:4px 12px 10px; flex-shrink:0; }
.as-search { display:block; width:100%; min-width:0; min-height:42px; padding:9px 12px; border:1px solid var(--border); border-radius:8px; outline:none; background:var(--soft); color:var(--text); font-size:13px; }
.as-search:focus { border-color:var(--focus); box-shadow:0 0 0 2px #6b91ea18; }
.as-results { flex:1 1 auto; min-height:0; max-height:270px; overflow-y:auto; overscroll-behavior:contain; padding:0 7px 7px; scrollbar-width:thin; }
.as-option { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; min-height:43px; border-radius:7px; cursor:pointer; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.as-option-copy { min-width:0; }
.as-option-copy>span,.as-option-copy>small { display:block; }
.as-option-copy>small { color:var(--muted); font-size:11px; margin-top:3px; }
.as-option.as-focused { background:var(--soft); outline:1px solid var(--border); outline-offset:-1px; }
.as-option[aria-selected="true"] { color:var(--color-primary); background:color-mix(in srgb,var(--color-primary) 8%,var(--card)); }
.as-option[aria-disabled="true"] { opacity:.45; cursor:not-allowed; }
.as-check { font-weight:600; flex-shrink:0; }
.as-status { font-size:12px; line-height:1.7; color:var(--muted); padding:0 16px; flex-shrink:0; }
.as-status:not(:empty) { padding-top:12px; padding-bottom:18px; }
.as-status.as-error { color:#C66859; }
.as-busy .as-status:before { content:''; display:inline-block; width:12px; height:12px; margin-right:8px; vertical-align:-2px; border:2px solid var(--border); border-top-color:var(--color-primary); border-radius:50%; animation:archive-spin .8s linear infinite; }
.as-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 10px; border-top:1px solid var(--border); flex-shrink:0; background:var(--soft); }
.as-count { min-width:0; font-size:10px; color:var(--muted); text-align:center; overflow-wrap:anywhere; }
.as-page,.as-retry { position:relative; border:1px solid var(--border); border-radius:7px; min-height:34px; padding:6px 9px; font-size:11px; background:var(--card); color:var(--text); }
.as-page:disabled { opacity:.4; cursor:not-allowed; }
.as-retry { margin:0 8px 10px; }
.as-scrim { display:none; }
.as-scrim.as-visible { display:block; position:fixed; inset:0; background:#101B3055; z-index:1089; touch-action:none; }
.as-sheet { border-radius:16px; box-shadow:0 -8px 40px #10244135; }
.as-sheet .as-search { font-size:16px; }
.as-sheet .as-results { max-height:none; }
.as-short { padding-bottom:0!important; }
.as-short .as-header { padding:3px 8px 0 12px; }
.as-short .as-header strong { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.as-short .as-close { min-width:32px; min-height:32px; }
.as-short .as-search-wrap { padding:3px 8px 6px; }
.as-short .as-search { min-height:38px; padding:6px 10px; font-size:16px; }
.as-short .as-option { min-height:40px; padding:8px 10px; }
.as-short .as-footer { padding:3px 8px; }
.as-short .as-page { min-height:30px; padding:3px 7px; }
.as-short .as-status { flex-shrink:1; max-height:58px; overflow-y:auto; padding:0 12px; }
.as-short .as-status:not(:empty) { padding-top:4px; padding-bottom:6px; }
@media(max-width:639px) {
    .filters>.archive-select { width:100%; }
    .filters>.archive-select:last-child { grid-column:1/-1; }
    .as-trigger { font-size:16px; min-height:47px; }
    .as-popup { border-radius:16px; box-shadow:0 -8px 40px #10244135; padding-bottom:env(safe-area-inset-bottom); }
    .as-header { padding:10px 12px 7px 18px; }
    .as-header strong { font-size:14px; }
    .as-close { min-width:44px; min-height:44px; }
    .as-search { min-height:46px; font-size:16px; }
    .as-results { max-height:none; }
    .as-option { min-height:48px; font-size:14px; padding:12px; }
    .as-page { min-height:42px; font-size:12px; }
    .as-scrim { display:block; position:fixed; inset:0; background:#101B3055; z-index:1089; }
    .results-toolbar .archive-select { width:155px; }
    .results-toolbar .as-trigger { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .as-busy .as-status:before { animation:none; } }
@media(pointer:coarse) { .as-close,.as-page,.as-retry { min-height:44px; min-width:44px; } }