/* ==========================================================
   R19.5D — Compact Project Tree + one-row filter controls
   ========================================================== */

/* Project Tree: keep only the actual scope selector */
.vault-project-tree,
.project-tree {
    margin-bottom: 16px !important;
    padding: 10px !important;
    border: 1px solid rgba(121, 177, 252, .20) !important;
    border-radius: 12px !important;
    background: rgba(7, 21, 37, .58) !important;
}

/* Hide the standalone-project sentence duplicated under Project Tree */
.vault-project-tree > p,
.project-tree > p {
    display: none !important;
}

.vault-project-tree > .tree-head,
.project-tree > .tree-head {
    min-height: 36px !important;
    margin: 0 0 7px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
}

.vault-project-tree > .tree-head strong,
.project-tree > .tree-head strong {
    font-size: 11px !important;
}

.vault-project-tree > .tree-head small,
.project-tree > .tree-head small {
    font-size: 9px !important;
}

.vault-project-tree > .tree-link,
.project-tree > .tree-link {
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

/* Compact filters: search + selects + dates + action in one row */
.vault-files-panel .filter-bar {
    display: grid !important;
    grid-template-columns:
        minmax(165px, 1.45fr)
        minmax(110px, .85fr)
        minmax(120px, .95fr)
        minmax(110px, .85fr)
        minmax(115px, .9fr)
        minmax(135px, 1fr)
        minmax(135px, 1fr)
        auto !important;
    align-items: end !important;
    gap: 8px !important;
    margin: 0 22px 18px !important;
    padding: 12px !important;
}

.vault-files-panel .filter-bar label {
    min-width: 0 !important;
}

.vault-files-panel .filter-bar label:has(input[type="date"]) {
    grid-column: auto !important;
}

.vault-files-panel .filter-bar input,
.vault-files-panel .filter-bar select {
    min-width: 0 !important;
    min-height: 38px !important;
}

/* Keep date labels small and aligned above the two date fields */
.vault-files-panel .filter-bar label:has(input[type="date"]) {
    gap: 5px !important;
}

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

/* The workflow block starts closer after filters */
.recursive-workflow-tree {
    margin-top: 0 !important;
}

@media (max-width: 1360px) {
    .vault-files-panel .filter-bar {
        grid-template-columns:
            minmax(180px, 1.5fr)
            minmax(120px, 1fr)
            minmax(130px, 1fr)
            minmax(120px, 1fr)
            minmax(130px, 1fr);
    }

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

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

    .vault-files-panel .filter-bar label:has(input[type="date"]) {
        grid-column: auto !important;
    }
}

@media (max-width: 620px) {
    .vault-project-tree,
    .project-tree {
        padding: 8px !important;
    }

    .vault-files-panel .filter-bar {
        grid-template-columns: 1fr;
        margin-inline: 12px !important;
    }
}