.archive-page [data-archive-projects-panel] {
    flex: 0 0 auto;
}

/* L'elenco deve restare sempre visibile: nascondiamo solo il controllo Play
   finché gli script Archivio non hanno completato l'inizializzazione. In questo
   modo il triangolo dell'icona non lampeggia nella configurazione pre-JS, ma un
   ripristino filtri lento o interrotto non può più far sparire tutte le righe. */
.archive-page:not(.archive-page--ready) .archive-play-button {
    visibility: hidden;
    pointer-events: none;
}

.archive-page .archive-toolbar-stat--in-progress.active {
    border-color: rgba(13, 202, 240, .62);
    background: rgba(13, 202, 240, .13);
}

.archive-page .archive-toolbar-stat--in-progress.active .archive-toolbar-stat__icon {
    border-color: rgba(13, 202, 240, .38);
    color: #7ee8f8;
    background: rgba(13, 202, 240, .16);
}

/* Il campo di ricerca viene promosso via JS a type=search: sui browser Chromium
   compare la X nativa di cancellazione. Manteniamo il padding destro compatto
   affinché il controllo resti correttamente allineato al bordo destro del campo. */
.archive-page .archive-search input[type="search"] {
    padding-inline-end: .75rem;
    color-scheme: dark;
}

.archive-page .archive-search input[type="search"]::-webkit-search-cancel-button {
    cursor: pointer;
    opacity: .78;
}

.archive-page .archive-search input[type="search"]::-webkit-search-cancel-button:hover {
    opacity: 1;
}

@media (max-width: 768px) {
    body .archive-page .archive-toolbar__stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    body .archive-page .archive-toolbar__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}