body {
    margin: 0;
    padding: 0;
    font-family: var(--font-family);
}

a {
    color: var(--primary-color);
}

/* iafg-modal's overlay (z-index: 100000) sits above the standard lightning/modal used by the
   lightning-file-upload "Upload Files" dialog, which renders in native shadow DOM (unreachable via
   class selectors like .slds-modal). Lower iafg-modal instead, below the ~9000 range lightning/modal uses. */
.overlay[iafg-modal_modal] {
    z-index: 8000 !important;
}

/* iafg-tabs renders its tab header buttons in its own scoped light DOM, unreachable from
   consumer component CSS. Replace its default top border with a left border to match
   bpm-container-title's look. */
iafg-tabs > div > button:not(.selected) {
    background-color: transparent !important;
    color: var(--Neutral-Grey-Darkest, #4F5874) !important;
    color: var(
        --Neutral-Grey-Darkest,
        color(display-p3 0.3216 0.3451 0.4392)
    ) !important;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-variant-numeric: lining-nums tabular-nums;
    font-weight: 600;
    line-height: 24px;
}

iafg-tabs > div > button:not(.selected):hover {
    background-color: #F5F7FF !important;
}

iafg-tabs > div > button.selected.selected {
    position: relative !important;
    border-top: none !important;
    border-left: none !important;
}

iafg-tabs > div > button.selected.selected::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 24px;
    border-left: 3px solid var(--gbi-blue-active, #EDEFF9);
    transform: translateY(-50%);
}