/* ===================================================================
   FlexOps Identity Portal - Portal Identity
   Base styles:   _content/FlexOps.Blazor.Shared/css/flexops-portal-base.css
   Radzen theme:  _content/FlexOps.Blazor.Shared/css/flexops-radzen-overrides.css
   Components:    _content/FlexOps.Blazor.Shared/css/flexops-components.css
   Tokens:        _content/FlexOps.Blazor.Shared/css/flexops-tokens.css
   =================================================================== */

/* =================================================================
   PORTAL ACCENT BAR — visual differentiation across FlexOps portals
   Identity Portal: green (trust/account management)
   ================================================================= */

:root {
    --portal-accent: #067647; /* success-700 — Identity Portal */
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--portal-accent);
    z-index: 10000;
    pointer-events: none;
}

/* ---- Wallet: transaction row selection + export -------------------------------
   Lives here rather than in FlexOps.Blazor.Shared because that is a separate repo
   shared by all four portals, and only this table has selectable rows today. Move
   it there the moment a second grid needs it. */

.fx-select-cell {
    width: 2.75rem;
    text-align: center;
    padding-right: 0 !important;
}

.fx-select-box {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    accent-color: var(--portal-accent, #2563eb);
    vertical-align: middle;
}

.fx-select-box:focus-visible {
    outline: 2px solid var(--portal-accent, #2563eb);
    outline-offset: 2px;
}

/* A selected row has to stay legible in both themes, so tint with the brand colour
   at low alpha rather than swapping the background outright. */
.fx-row--selected > td {
    background-color: color-mix(in srgb, var(--portal-accent, #2563eb) 8%, transparent);
}