/*
 * List pages: the column headings stay visible while scrolling a long table.
 * Filament's table box clips overflow, so the table scrolls inside its own area (pagination stays below it).
 */
.fi-resource-list-records-page .fi-ta-content-ctn {
    max-height: calc(100vh - 13rem);
    overflow-y: auto;
}

.fi-resource-list-records-page .fi-ta-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: var(--gray-50);
    box-shadow: inset 0 -1px 0 var(--gray-200);
}

.dark .fi-resource-list-records-page .fi-ta-table thead th {
    background-color: var(--gray-900);
    box-shadow: inset 0 -1px 0 rgb(255 255 255 / .1);
}

/* Small screens: let the page scroll normally (tables stack there). */
@media (max-width: 639px) {
    .fi-resource-list-records-page .fi-ta-content-ctn {
        max-height: none;
    }
}

/* ── Confidential mode: money blurred, everything else readable ───────────────────────── */
.nj-confidential .nj-money,
.nj-confidential .nj-money-stat .fi-wi-stats-overview-stat-value,
.nj-confidential .nj-money-stat .fi-wi-stats-overview-stat-description,
.nj-confidential .nj-money-stat .fi-wi-stats-overview-stat-chart,
.nj-confidential .fi-ta-summary-row td:not(:first-child),
.nj-confidential .fi-page:not(.nj-meeting) .fi-wi-chart:not([wire\:name*="pipes-status"]):not([wire\:name*="margin-distribution"]) canvas {
    filter: blur(8px);
    user-select: none;
}
.nj-conf-btn {
    display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .5rem; border-radius: .5rem;
    color: var(--gray-500); font-size: .8rem; font-weight: 600;
}
.nj-conf-btn:hover { background: rgb(127 127 127 / .12); }
.nj-conf-btn-on { color: #fff; background: var(--danger-600); }
.nj-conf-btn-on:hover { background: var(--danger-700); }

/* ── Attachments (upload box): bigger open / download icons (left); the remove ✕ sits on the right ── */
.filepond--open-icon,
.filepond--download-icon {
    width: 1.35rem; height: 1.35rem;
    margin-inline-end: .7rem;
    cursor: pointer;
}
.filepond--file-info-main { display: flex; align-items: center; gap: .1rem; }