/* ==========================================================
   R19.5C — Correct content placement in Project Vault
   ========================================================== */

/* Project Tree should end cleanly before the files workspace */
.vault-project-tree,
.project-tree {
    padding-bottom: 0 !important;
}

/* New Project Files header: title left, action right */
.vault-files-panel {
    overflow: hidden;
}

.vault-files-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px;
    padding: 20px 22px 18px !important;
    border-bottom: 1px solid rgba(130, 182, 250, .15);
    background:
        linear-gradient(90deg, rgba(41, 102, 190, .18), rgba(7, 22, 39, .04));
}

.vault-files-heading {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    min-width: 0;
    gap: 4px;
}

.vault-files-heading .eyebrow {
    margin: 0 !important;
    color: #84b8ff !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .12em;
    line-height: 1;
}

.vault-files-heading h3 {
    margin: 0 !important;
    color: #f4f8ff !important;
    font-size: 20px !important;
    line-height: 1.15;
}

.vault-files-subtitle {
    margin: 1px 0 0 !important;
    color: #9ab6dc !important;
    font-size: 11px;
    line-height: 1.45;
}

.vault-upload-shortcut {
    display: inline-flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 124px;
    min-height: 40px;
    margin: 0 !important;
    padding: 0 15px;
    border-radius: 9px;
    text-decoration: none !important;
}

/* Scope pills live just under the header */
.vault-files-panel .file-scope-pills {
    margin: 14px 22px 9px !important;
}

/* Toolbar gets a deliberate two-row layout */
.vault-files-panel .filter-bar {
    display: grid !important;
    grid-template-columns:
        minmax(220px, 1.45fr)
        minmax(130px, .9fr)
        minmax(145px, 1fr)
        minmax(130px, .9fr)
        minmax(145px, 1fr);
    gap: 10px;
    margin: 0 22px 20px !important;
    padding: 14px !important;
    border-radius: 12px !important;
    background: rgba(3, 14, 28, .48) !important;
}

.vault-files-panel .filter-bar > * {
    min-width: 0;
}

.vault-files-panel .filter-bar label {
    display: grid !important;
    gap: 6px;
    margin: 0 !important;
    color: #a8c3e8;
    font-size: 10px;
    font-weight: 850;
    line-height: 1;
}

.vault-files-panel .filter-bar input,
.vault-files-panel .filter-bar select {
    width: 100%;
    min-height: 39px;
    margin: 0 !important;
    background: rgba(3, 14, 28, .76) !important;
}

/* Date fields form their own consistent row */
.vault-files-panel .filter-bar label:has(input[type="date"]) {
    grid-column: span 5;
}

.vault-files-panel .filter-bar button,
.vault-files-panel .filter-bar .filter-clear {
    justify-self: start;
    min-height: 38px;
    margin-top: 1px;
}

/* Keep workflow tree aligned with the files workspace */
.recursive-workflow-tree {
    margin: 0 22px 22px !important;
}

/* Do not show legacy panel-head styling after the new header was introduced */
.vault-files-panel > .panel-head {
    display: none !important;
}

@media (max-width: 1080px) {
    .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: span 2;
    }
}

@media (max-width: 720px) {
    .vault-files-header {
        align-items: flex-start !important;
        flex-direction: column;
        padding: 17px 15px !important;
    }

    .vault-upload-shortcut {
        width: 100%;
    }

    .vault-files-panel .file-scope-pills,
    .vault-files-panel .filter-bar,
    .recursive-workflow-tree {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    .vault-files-panel .filter-bar {
        grid-template-columns: 1fr;
    }

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

    .vault-files-subtitle {
        max-width: 100%;
    }
}