.search-done[hidden] { display:none; }
.search-done { flex:0 0 auto; min-width:44px; min-height:44px; padding:8px 4px; color:var(--accent); background:transparent; font-size:.875rem; font-weight:600; border-radius:8px; }

@media(max-width:900px) {
  body.mobile-search-active { overflow:hidden; overscroll-behavior:none; }
  .mobile-search-active .directory {
    position:fixed;
    top:var(--search-top,0px);
    left:var(--search-left,0px);
    width:var(--search-width,100%);
    height:var(--search-height,100dvh);
    z-index:1200;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:0;
    padding-bottom:env(safe-area-inset-bottom);
    background:var(--paper);
  }
  .mobile-search-active .directory-tools {
    flex:0 0 auto;
    padding: max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));
  }
  .mobile-search-active .search-toolbar { gap:8px; }
  .mobile-search-active .search-box { min-height:44px; }
  .mobile-search-active .search-box input { font-size:1rem; }
  .mobile-search-active .search-box kbd { display:none; }
  .mobile-search-active .filters-toggle { flex-basis:44px; min-height:44px; padding:8px; }
  .mobile-search-active .filter-panel { max-height:min(200px,calc(var(--search-height,100dvh) * .3)); overflow-y:auto; overscroll-behavior:contain; }
  .mobile-search-active .directory .project-list {
    display:block;
    flex:1 1 0;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    scroll-padding-block:8px;
  }
  .mobile-search-active .directory .pagination { flex:0 0 auto; padding:4px 12px; }
  .mobile-search-active .pagination .page-summary { flex:1; }
}