/* ==========================================================================
   New UI: Report/table pages: Cobb attendance reports, Ledger Export, Resource Management, Transcripts, Storyline Library skin.
   Every selector under .nui-on. Reusable pieces belong in new-ui-kit.css.
   ========================================================================== */

/* ---- shared page shell (dc-page + compact filter bar + table card) ------------- */
.nui-on .nrp-page {
    /* --nk-* tokens come from the kit (declared on .dc-page) */
    font-family: var(--nk-font);
    color: var(--nk-ink);
    padding: 0 0 24px;
}
.nui-on .nrp-page .nrp-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px 16px;
    padding: 14px 18px;
    border: 1px solid var(--dc-border);
    border-radius: var(--dc-radius-card);
    background: var(--dc-surface-2);
    margin-bottom: 14px;
}
.nui-on .nrp-page .nrp-filters .dc-control { flex: 0 1 200px; min-width: 150px; }
.nui-on .nrp-page .nrp-filters .nrp-w-grow { flex: 1 1 220px; }
.nui-on .nrp-page .nrp-filters .nrp-w-date { flex: 0 1 220px; }
.nui-on .nrp-page .nrp-filters .nrp-w-site { flex: 0 1 280px; }
.nui-on .nrp-page .nrp-filters-6 .dc-control { flex: 1 1 170px; }
.nui-on .nrp-page .nrp-filters .dc-control[ng-show="false"] { display: none; }
.nui-on .nrp-page .nrp-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}
.nui-on .nrp-page .nrp-filters-bar { align-items: center; }
.nui-on .nrp-page .nrp-lead { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nui-on .nrp-page .nrp-lead strong { font-size: 14px; font-weight: 700; color: var(--dc-ink); }
.nui-on .nrp-page .nrp-lead span { font-size: 12px; color: var(--dc-muted); }

/* kit inputs (34px) inside the filter row */
.nui-on .nrp-page .nrp-filters .form-control,
.nui-on .nrp-page .nrp-filters select.form-control {
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--dc-border-control);
    border-radius: var(--dc-radius-control);
    background: var(--dc-white);
    box-shadow: none;
    font-size: 13px;
    font-weight: 600;
    color: var(--dc-ink);
}
.nui-on .nrp-page .nrp-filters .form-control::placeholder { color: var(--dc-muted-3); font-weight: 500; }
.nui-on .nrp-page .nrp-filters .form-control:focus {
    border-color: var(--dc-blue);
    box-shadow: 0 0 0 3px rgba(0, 116, 197, .15);
    outline: 0;
}
.nui-on .nrp-page .nrp-filters .select2-container { width: 100% !important; }

/* secondary / primary buttons: nk-btn tokens are declared on .nrp-page above */
.nui-on .nrp-page .nk-btn { height: 34px; }
.nui-on .nrp-page .nk-btn.nk-btn-sm { height: 30px; }
.nui-on .nrp-page .nk-btn-icon { width: 30px; padding: 0; }
.nui-on .nrp-page .nrp-count {
    background: var(--nk-blue-soft);
    color: var(--nk-blue);
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 7px;
}

/* table card: full border (no head block above it) */
.nui-on .nrp-page .nrp-table-card {
    border-top: 1px solid var(--dc-border);
    border-radius: var(--dc-radius-card);
    padding: 14px 18px 18px;
}
.nui-on .nrp-page .nrp-table-head { align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.nui-on .nrp-page .nrp-table-head .dc-table-title small { display: block; }
.nui-on .nrp-page .nrp-table-scroll { height: 70vh; min-height: 320px; overflow: auto; }
.nui-on .nrp-page.nrp-fill .nrp-table-scroll { height: calc(100vh - 290px); }
.nui-on .nrp-page .nrp-empty { margin: 14px 0 0; border: 0; background: transparent; padding: 22px 12px; font-size: 13px; }
.nui-on .nrp-page .nrp-empty i { font-size: 22px; color: var(--nk-border); }

/* Cobb attendance report: quiet grouped header + quiet chips */
.nui-on .nrp-page .nrp-bands > tr > td.nrp-band {
    background: var(--dc-surface-2);
    color: var(--dc-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: var(--dc-tracking-caps);
    text-transform: uppercase;
    padding: 7px 10px;
    border-left: 1px solid var(--dc-border);
    border-bottom: 1px solid var(--dc-border);
    box-shadow: inset 0 2px 0 var(--nrp-band, var(--nk-border));
}
.nui-on .nrp-page .nrp-bands > tr > td.nrp-band:first-child { border-left: 0; }
.nui-on .nrp-page .nrp-band-stInfo { --nrp-band: var(--dc-blue); }
.nui-on .nrp-page .nrp-band-commitmentSchedule { --nrp-band: var(--dc-teal); }
.nui-on .nrp-page .nrp-band-attendance { --nrp-band: var(--dc-muted-3); }
.nui-on .nrp-page .nrp-band-synergy { --nrp-band: var(--aa-gold, #E3A50E); }
.nui-on .nrp-page .nrp-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.nui-on .nrp-page .nrp-chip {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid var(--dc-border);
    border-radius: var(--dc-radius-pill);
    background: var(--dc-surface-2);
    font-size: 11px;
    color: var(--dc-muted);
    white-space: nowrap;
}
.nui-on .nrp-page .nrp-chip-value { font-weight: 700; color: var(--dc-ink); }
.nui-on .nrp-page .nrp-chip-skel { display: inline-block; width: 22px; height: 10px; }

/* Resource Management */
.nui-on .nrp-page .nrp-row-actions { gap: 8px; }
.nui-on .nrp-page .nrp-copied { font-size: 11px; font-weight: 600; color: var(--nk-blue); }
.nui-on .nrp-page td > span,
.nui-on .nrp-page td > div > span {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/* Transcripts: Print menu */
.nui-on .nrp-page .nrp-menu .dropdown-menu { border-radius: var(--nk-radius-sm); border-color: var(--nk-border); padding: 6px; min-width: 190px; }
.nui-on .nrp-page .nrp-menu .dropdown-menu > li > a { border-radius: 6px; padding: 8px 12px; font-size: 13px; cursor: pointer; }
.nui-on .nrp-page .nrp-menu .dropdown-menu > li.disabled > a { color: var(--nk-muted); cursor: not-allowed; }

/* Storyline library: skin container and head only (third-party file manager inside) */
.nui-on .nrp-storyline .nrp-table-card { padding-bottom: 14px; }
.nui-on .nrp-storyline storyline-component { display: block; min-height: 50vh; }

@media (max-width: 900px) {
    .nui-on .nrp-page .nrp-actions { margin-left: 0; flex-wrap: wrap; }
}