/**
 * Franchise inner pages — light ribbon-pack accents (--fr-primary).
 * Does not recast the left sidebar (uses --erp-sidebar-bg-solid).
 */
body.fr-portal .fr-page-title {
    color: var(--fr-primary, #003366);
}

body.fr-portal .bg-primary,
body.fr-portal .fr-btn-primary {
    background-color: var(--fr-primary, #003366) !important;
    color: #fff !important;
}

body.fr-portal .hover\:bg-primary:hover,
body.fr-portal .fr-btn-primary:hover {
    background-color: var(--fr-primary-mid, var(--fr-primary, #003366)) !important;
}

body.fr-portal .text-primary {
    color: var(--fr-primary, #003366) !important;
}

body.fr-portal .border-primary,
body.fr-portal .focus\:border-primary:focus {
    border-color: var(--fr-primary, #003366) !important;
}

body.fr-portal .fr-panel,
body.fr-portal .stg-panel {
    border-color: color-mix(in srgb, var(--fr-primary, #003366) 18%, #e2e8f0);
}

body.fr-portal .fr-panel__header {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--fr-primary, #003366) 6%, #f8fafc) 0%,
        #fff 100%
    );
}

body.fr-portal a:focus-visible,
body.fr-portal button:focus-visible,
body.fr-portal input:focus-visible,
body.fr-portal select:focus-visible,
body.fr-portal textarea:focus-visible {
    outline-color: color-mix(in srgb, var(--fr-primary, #003366) 55%, transparent);
}

/* Leave gold-on-navy sidebar focus alone. */
body.fr-portal .erp-sidebar a:focus-visible,
body.fr-portal .erp-sidebar button:focus-visible,
body.fr-portal .erp-sidebar input:focus-visible,
body.fr-portal .erp-sidebar select:focus-visible,
body.fr-portal .erp-sidebar textarea:focus-visible,
body.fr-portal #sidebar a:focus-visible,
body.fr-portal #sidebar button:focus-visible {
    outline-color: unset;
}

body.fr-portal .fr-btn-danger,
body.fr-portal .bg-rose-600,
body.fr-portal .bg-red-600 {
    background-color: #be123c !important;
    color: #fff !important;
}