/*
 * Portal brand chrome — shared token contract for Enaptive web portals.
 *
 * Reuse in other portals:
 *   1. Set on :root (or a portal wrapper): --portal-brand-accent, optional --portal-brand-accent-bar-height.
 *   2. Include this stylesheet (or copy the structural rules) after base CSS.
 *   3. Add the accent bar element + body class — see _Layout.cshtml (OfferRunner Admin).
 *
 * OfferRunner Admin defaults are defined below; other portals override the variables only.
 */
:root {
    --portal-brand-accent: var(--cds-brand-accent, #55aaff);
    --portal-brand-accent-bar-height: var(--cds-size-brand-accent-bar-height, 10px);
    --portal-brand-accent-hover: var(--cds-brand-accent-hover, #3d99ee);
    --portal-brand-on-accent: var(--cds-brand-on-accent, #ffffff);
}

/* Fixed strip above the primary app bar */
.or-portal-brand-accent-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--portal-brand-accent-bar-height);
    background-color: var(--portal-brand-accent);
    z-index: 1040;
    pointer-events: none;
}

body.or-portal-with-brand-accent-bar #nav-content.navbar.fixed-top {
    top: var(--portal-brand-accent-bar-height);
}

body.or-portal-with-brand-accent-bar {
    padding-top: calc(var(--portal-brand-accent-bar-height) + 2.1875rem);
}

/* Content + public pages: text links use brand accent (chrome/nav excluded by selectors) */
.or-portal-root main.or-app-main a:not(.btn):not(.k-button):not(.dropdown-item):not(.btn-close):not(.navbar-brand),
.or-portal-root main.or-app-main .k-pager-wrap a.k-link,
.or-portal-root main.or-app-main .k-pager-wrap a.k-pager-nav,
.or-portal-root footer.or-app-footer a:not(.btn),
.or-portal-root body > .container-fluid a:not(.btn):not(.k-button) {
    color: var(--portal-brand-accent);
}

.or-portal-root main.or-app-main a:not(.btn):not(.k-button):not(.dropdown-item):not(.btn-close):not(.navbar-brand):hover,
.or-portal-root main.or-app-main .k-pager-wrap a.k-link:hover,
.or-portal-root main.or-app-main .k-pager-wrap a.k-pager-nav:hover,
.or-portal-root footer.or-app-footer a:not(.btn):hover,
.or-portal-root body > .container-fluid a:not(.btn):not(.k-button):hover {
    color: var(--portal-brand-accent-hover);
}

.or-portal-root main.or-app-main a:not(.btn):not(.k-button):not(.dropdown-item):not(.btn-close):not(.navbar-brand):focus-visible,
.or-portal-root body > .container-fluid a:not(.btn):not(.k-button):focus-visible {
    outline-color: var(--portal-brand-accent);
}

/* AI agent FAB — brand fill (distinct from generic .btn-primary elsewhere) */
#or-agent-fab {
    background-color: var(--portal-brand-accent) !important;
    border-color: var(--portal-brand-accent) !important;
    color: var(--portal-brand-on-accent) !important;
}

#or-agent-fab:hover,
#or-agent-fab:focus-visible {
    background-color: var(--portal-brand-accent-hover) !important;
    border-color: var(--portal-brand-accent-hover) !important;
    color: var(--portal-brand-on-accent) !important;
}

/* Dashboard trend charts — column series fill matches portal brand bar */
.or-portal-root .dashboard-chart-content .k-chart-series .k-chart-visual rect,
.or-portal-root .dashboard-chart-content .k-chart-series .k-chart-visual path {
    fill: var(--portal-brand-accent) !important;
}

.or-portal-root .dashboard-chart-content .k-chart-series-item rect,
.or-portal-root .dashboard-chart-content .k-chart-series-item path {
    fill: var(--portal-brand-accent) !important;
}

/*
 * Grid profile / drill links use Bootstrap .text-primary (default blue).
 * Match brand accent; nested detail grids use the same ClientTemplates.
 */
.or-portal-root main.or-app-main .k-grid a.text-primary,
.or-portal-root main.or-app-main .k-detail-row .k-grid a.text-primary {
    color: var(--portal-brand-accent) !important;
}

.or-portal-root main.or-app-main .k-grid a.text-primary:hover,
.or-portal-root main.or-app-main .k-detail-row .k-grid a.text-primary:hover,
.or-portal-root main.or-app-main .k-grid a.text-primary:focus,
.or-portal-root main.or-app-main .k-detail-row .k-grid a.text-primary:focus {
    color: var(--portal-brand-accent-hover) !important;
}

.or-portal-root main.or-app-main .k-grid a.text-primary:focus-visible,
.or-portal-root main.or-app-main .k-detail-row .k-grid a.text-primary:focus-visible {
    outline-color: var(--portal-brand-accent);
}