/* R19.5E — Dates beside Search and Filters */

.vault-files-panel .filter-bar {
    display: grid !important;
    grid-template-columns:
        minmax(160px, 1.35fr)
        minmax(110px, .82fr)
        minmax(120px, .92fr)
        minmax(110px, .82fr)
        minmax(120px, .90fr)
        minmax(135px, 1fr)
        minmax(135px, 1fr)
        auto !important;
    align-items: end !important;
    gap: 8px !important;
}

/* From + To: force them back into the first row */
.vault-files-panel .filter-bar > label:nth-last-of-type(2),
.vault-files-panel .filter-bar > label:last-of-type,
.vault-files-panel .filter-bar label:has(input[type="date"]) {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.vault-files-panel .filter-bar label:has(input[type="date"]) {
    display: grid !important;
    grid-template-rows: auto 38px;
    gap: 5px !important;
}

.vault-files-panel .filter-bar label:has(input[type="date"]) input {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 38px !important;
}

.vault-files-panel .filter-bar button,
.vault-files-panel .filter-bar .filter-clear {
    grid-column: auto !important;
    align-self: end !important;
    min-height: 38px !important;
    white-space: nowrap;
}

@media (max-width: 1450px) {
    .vault-files-panel .filter-bar {
        grid-template-columns:
            minmax(185px, 1.4fr)
            minmax(120px, .9fr)
            minmax(130px, 1fr)
            minmax(120px, .9fr)
            minmax(130px, 1fr);
    }

    .vault-files-panel .filter-bar > label:nth-last-of-type(2),
    .vault-files-panel .filter-bar > label:last-of-type,
    .vault-files-panel .filter-bar label:has(input[type="date"]) {
        grid-column: span 1 !important;
    }
}

@media (max-width: 900px) {
    .vault-files-panel .filter-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .vault-files-panel .filter-bar {
        grid-template-columns: 1fr;
    }
}