/*
 * Popup listing the files of a covering that has several — the "voir" button of the covering card.
 *
 * The rows are the very same `file` rows the laboratory and article pages draw; only the frame is
 * new: a panel on `Surface/default`, the covering name as title and a circular close button.
 */

.mo-files-dialog {
    width: min(1100px, 92vw);
    max-height: 88vh;
    padding: var(--mo-spacing-md);
    border: 0;
    border-radius: var(--mo-radius-md);
    background-color: var(--mo-surface-default);
    overflow-y: auto;
}

.mo-files-dialog::backdrop {
    background-color: rgb(0 0 0 / 70%);
}

.mo-files-dialog__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--mo-spacing-xs);
    margin-bottom: var(--mo-spacing-md);
}

.mo-files-dialog__title {
    margin: 0;
    color: var(--mo-text-heading);
    font-size: var(--mo-font-size-h4);
    font-weight: var(--mo-font-weight-semibold);
    line-height: var(--mo-line-height-h4);
}

.mo-files-dialog__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
    gap: var(--mo-spacing-sm);
    margin: 0;
    padding: 0;
    list-style: none;
}