/* Active finance surfaces: compact luxury treatment driven by runtime tenant tokens.
   Loaded after isolated component CSS so no finance page can fall back to a fixed brand palette. */
:is(
    .finance-main,
    .finance-config-page,
    .finance-access-page,
    .money-rate-page,
    .finance-grants-page,
    .payments-accrual-page,
    .finance-dialog-shell,
    .finance-grant-dialog,
    .add-payments-accrual-dialog,
    .finance-report-dialog
) {
    --finance-brand: var(--tenant-action, var(--portal-primary));
    --finance-brand-text: var(--tenant-action-text, var(--portal-surface-strong, var(--portal-surface)));
    --finance-accent: var(--tenant-accent, var(--portal-primary));
    --finance-accent-text: var(--tenant-accent-text, var(--portal-title));
    --finance-brand-soft: color-mix(in srgb, var(--tenant-primary, var(--portal-primary)) 10%, var(--portal-surface-strong, var(--portal-surface)));
    --finance-accent-soft: color-mix(in srgb, var(--tenant-accent, var(--portal-primary)) 10%, var(--portal-surface-strong, var(--portal-surface)));
    --finance-line: color-mix(in srgb, var(--tenant-primary, var(--portal-primary)) 14%, var(--portal-border));
    color: var(--portal-text);
}

:is(
    .finance-main,
    .finance-config-page,
    .finance-access-page,
    .money-rate-page,
    .finance-grants-page,
    .payments-accrual-page,
    .finance-dialog-shell,
    .finance-grant-dialog,
    .add-payments-accrual-dialog,
    .finance-report-dialog
) :is(.portal-filter-panel, .portal-list-panel, .portal-page-hero, .portal-surface, .portal-card) {
    border-color: var(--finance-line) !important;
    background-color: var(--portal-surface) !important;
    box-shadow: var(--portal-shadow-soft) !important;
}

:is(
    .finance-config-page,
    .finance-access-page,
    .money-rate-page,
    .finance-grants-page,
    .payments-accrual-page,
    .finance-dialog-shell,
    .finance-grant-dialog,
    .add-payments-accrual-dialog,
    .finance-report-dialog
) :is(
    [class$="__card"],
    [class$="__summary-card"],
    [class$="__mini-chip"],
    [class$="__status-chip"],
    [class$="__metric"]
) {
    border-color: var(--finance-line) !important;
    background: linear-gradient(180deg, var(--portal-surface-strong, var(--portal-surface)), var(--portal-surface)) !important;
    box-shadow: var(--portal-shadow-soft) !important;
}

:is(
    .finance-config-page,
    .finance-access-page,
    .money-rate-page,
    .finance-grants-page,
    .payments-accrual-page,
    .finance-dialog-shell,
    .finance-grant-dialog,
    .add-payments-accrual-dialog,
    .finance-report-dialog
) :is(h1, h2, h3, h4, strong, [class$="__title"]) {
    color: var(--portal-title) !important;
}

:is(
    .finance-config-page,
    .finance-access-page,
    .money-rate-page,
    .finance-grants-page,
    .payments-accrual-page,
    .finance-dialog-shell,
    .finance-grant-dialog,
    .add-payments-accrual-dialog,
    .finance-report-dialog
) :is(p, small, [class$="__caption"], [class$="__subtitle"], [class$="__eyebrow"]) {
    color: var(--portal-text-soft) !important;
}

:is(
    .finance-config-page,
    .finance-access-page,
    .money-rate-page,
    .finance-grants-page,
    .payments-accrual-page,
    .finance-dialog-shell,
    .finance-grant-dialog,
    .add-payments-accrual-dialog,
    .finance-report-dialog
) :is([class$="__row--active"], [class$="__recipient-row--edited"]) {
    background: linear-gradient(90deg, var(--finance-brand-soft), color-mix(in srgb, var(--tenant-primary) 4%, transparent)) !important;
}

:is(
    .finance-config-page,
    .finance-access-page,
    .money-rate-page,
    .finance-grants-page,
    .payments-accrual-page,
    .finance-dialog-shell,
    .finance-grant-dialog,
    .add-payments-accrual-dialog,
    .finance-report-dialog
) :is([class$="__action-button"], [class$="__icon-button"], .finance-dialog__icon-action) {
    border-color: var(--finance-line) !important;
    color: var(--finance-brand) !important;
    background: var(--portal-surface-strong, var(--portal-surface)) !important;
    box-shadow: var(--portal-shadow-soft) !important;
}

:is(
    .finance-config-page,
    .finance-access-page,
    .money-rate-page,
    .finance-grants-page,
    .payments-accrual-page,
    .finance-dialog-shell,
    .finance-grant-dialog,
    .add-payments-accrual-dialog,
    .finance-report-dialog
) :is([class*="--danger"], [class$="__debt"]) {
    color: var(--portal-danger) !important;
}

:is(
    .finance-main,
    .finance-config-page,
    .finance-access-page,
    .money-rate-page,
    .finance-grants-page,
    .payments-accrual-page,
    .finance-dialog-shell,
    .finance-grant-dialog,
    .add-payments-accrual-dialog,
    .finance-report-dialog
) :is(button, [role="button"], .rz-button):focus-visible {
    outline: 2px solid var(--finance-brand) !important;
    outline-offset: 2px;
}

@media (max-width: 760px) {
    :is(.finance-main, .finance-config-page, .finance-access-page, .money-rate-page, .finance-grants-page, .payments-accrual-page) {
        gap: 0.6rem;
    }

    :is(.finance-main, .finance-config-page, .finance-access-page, .money-rate-page, .finance-grants-page, .payments-accrual-page)
    :is(.portal-filter-panel, .portal-list-panel, .portal-page-hero) {
        border-radius: 16px !important;
    }
}