/*
 * Phase 4 (v5-ux) app-wide theme rollout: the NSG brand surfaces below now read
 * the design tokens (--color-brand / --color-brand-contrast, set on :root by
 * config/theme.php defaults + ThemeResolver per client) instead of a hardcoded
 * #014181. These three classes (.bg-nsg / .btn-nsg / .btn-outline-nsg) are how
 * the brand colour is painted across every report page, so tokenising them here
 * makes a theme/preset change restyle the whole app from one place (DRY) - which
 * is what the Studio's live theme edits drive.
 *
 * FIDELITY: every var() keeps the original literal as its fallback, so with NO
 * client theme applied the tokens on :root ARE #014181 / #ffffff and these rules
 * render byte-identical to V4. Only a deliberately-set theme changes them.
 */
.bg-nsg {
    background-color: var(--color-brand, #014181);
    color: var(--color-brand-contrast, white);
}

.btn-nsg {
    color: var(--color-brand-contrast, white);
    background-color: var(--color-brand, #014181);
    border-color: var(--color-brand, #014181);
}

.btn-nsg:hover {
    border-color: var(--color-brand, #014181);
}

.btn-outline-nsg {
    color: var(--color-brand, #014181);
    background-color: var(--color-surface, white);
    border-color: var(--color-brand, #014181);
}

.btn-outline-nsg:hover {
    color: var(--color-brand-contrast, white);
    background-color: var(--color-brand, #014181);
    border-color: var(--color-brand, #014181);
}

/* Primary Navbar Adjustments */
@media (min-width: 768px) {
    .navbar-nav.abs {
        position: absolute;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
}

.nav-link {
    color: white;
}

/* Side Navbar Adjustments */
.sidebar .nav-link {
    color: #014181;
}

.sidebar .nav-link.active {
    color: white;
    background-color: #014181;
}

/* Table Sorting */
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}