/* /Components/Pages/AccessManagement/UserAccessCatalogue.razor.rz.scp.css */
.user-access-results .access-table-identifier[b-vkh0cp8lza] {
    font-variant-numeric: tabular-nums;
}

@media (max-width: 320px) {
    .user-access-results[b-vkh0cp8lza] {
        scrollbar-gutter: stable;
    }
}
/* /Components/Pages/AppealCase.razor.rz.scp.css */
.appeal-interest-card[b-euaut8emft],
.appeal-interest-card :is(form, textarea, input, button)[b-euaut8emft] {
    min-width: 0;
}

.interest-card-heading[b-euaut8emft] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.interest-card-heading h3[b-euaut8emft],
.interest-card-kicker[b-euaut8emft],
.appeal-private-context p[b-euaut8emft],
.workflow-conversation p[b-euaut8emft] {
    margin: 0;
}

.interest-card-kicker[b-euaut8emft],
.summary-label[b-euaut8emft] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.appeal-private-context[b-euaut8emft],
.manager-handoff-form[b-euaut8emft] {
    margin-block-start: var(--space-4);
    padding: var(--space-4);
    border-left: 3px solid var(--exxaro-blue);
    border-radius: var(--radius-md);
    background: var(--surface-subtle);
}

.appeal-private-context p[b-euaut8emft] {
    margin-block-start: var(--space-2);
    overflow-wrap: anywhere;
}

.workflow-state-summary[b-euaut8emft] {
    display: grid;
    gap: var(--space-3);
    margin: var(--space-4) 0 0;
}

.workflow-state-summary > div[b-euaut8emft] {
    display: grid;
    gap: var(--space-1);
}

.workflow-state-summary dt[b-euaut8emft] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    font-weight: 700;
}

.workflow-state-summary dd[b-euaut8emft] {
    margin: 0;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.workflow-conversation[b-euaut8emft] {
    display: grid;
    gap: var(--space-3);
    margin: var(--space-4) 0 0;
    padding: 0;
    list-style: none;
}

.workflow-conversation li[b-euaut8emft] {
    display: grid;
    gap: var(--space-1);
    padding-inline-start: var(--space-3);
    border-left: 3px solid var(--border-subtle);
}

.appeal-interest-card > .review-decision-form[b-euaut8emft] {
    margin-block-start: var(--space-5);
}

.appeal-interest-card .declaration-form-actions[b-euaut8emft] {
    margin-block-start: 0;
}

.appeal-interest-card textarea[b-euaut8emft] {
    box-sizing: border-box;
    width: 100%;
}

@media (max-width: 380px) {
    .appeal-interest-card .declaration-form-actions > :is(button, a)[b-euaut8emft] {
        width: 100%;
    }
}

@media (forced-colors: active) {
    .appeal-private-context[b-euaut8emft],
    .manager-handoff-form[b-euaut8emft],
    .workflow-conversation li[b-euaut8emft] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/EmployeeAppeal.razor.rz.scp.css */
.employee-appeal-page[b-tqogr42v7b],
.employee-appeal-page :is(form, fieldset, textarea, input, button)[b-tqogr42v7b] {
    min-width: 0;
}

.appeal-interest-card[b-tqogr42v7b] {
    display: grid;
    gap: var(--space-4);
}

.interest-card-heading[b-tqogr42v7b] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.interest-card-heading h3[b-tqogr42v7b],
.interest-card-kicker[b-tqogr42v7b],
.workflow-conversation p[b-tqogr42v7b] {
    margin: 0;
}

.interest-card-kicker[b-tqogr42v7b],
.summary-label[b-tqogr42v7b] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.workflow-state-summary[b-tqogr42v7b] {
    display: grid;
    gap: var(--space-3);
    margin: 0;
}

.workflow-state-summary > div[b-tqogr42v7b] {
    display: grid;
    gap: var(--space-1);
}

.workflow-state-summary dt[b-tqogr42v7b] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    font-weight: 700;
}

.workflow-state-summary dd[b-tqogr42v7b] {
    margin: 0;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.workflow-conversation[b-tqogr42v7b] {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.workflow-conversation li[b-tqogr42v7b] {
    display: grid;
    gap: var(--space-1);
    padding-inline-start: var(--space-3);
    border-left: 3px solid var(--exxaro-blue);
}

.employee-appeal-page .review-decision-form[b-tqogr42v7b] {
    padding: var(--space-5);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    background: var(--surface-card);
    box-shadow: var(--elevation-1);
}

.appeal-interest-card .review-decision-form[b-tqogr42v7b] {
    padding: var(--space-4);
    background: var(--surface-subtle);
    box-shadow: none;
}

.employee-appeal-page .review-decision-form > label[b-tqogr42v7b],
.employee-appeal-page .review-decision-note > label:not(.review-decision-option)[b-tqogr42v7b] {
    color: var(--text-primary);
    font-size: var(--text-15);
    font-weight: 600;
}

.employee-appeal-page textarea[b-tqogr42v7b] {
    box-sizing: border-box;
    width: 100%;
    min-height: 8rem;
    padding: var(--space-3);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    background: var(--surface-page);
    color: var(--text-primary);
    font: inherit;
    resize: vertical;
}

.employee-appeal-page textarea:focus[b-tqogr42v7b] {
    border-color: var(--focus-ring);
    box-shadow: var(--focus-halo);
}

.appeal-selection[b-tqogr42v7b] {
    padding-block: var(--space-2);
}

.appeal-selection .review-decision-option[b-tqogr42v7b] {
    min-height: 44px;
}

.appeal-selection .review-decision-option input[b-tqogr42v7b] {
    width: 1.25rem;
    height: 1.25rem;
}

.employee-appeal-page .declaration-form-actions[b-tqogr42v7b] {
    margin-block-start: 0;
}

@media (max-width: 380px) {
    .employee-appeal-page .review-decision-form[b-tqogr42v7b] {
        padding: var(--space-4);
    }

    .employee-appeal-page .declaration-form-actions > :is(button, a)[b-tqogr42v7b] {
        width: 100%;
    }
}

@media (forced-colors: active) {
    .workflow-conversation li[b-tqogr42v7b],
    .employee-appeal-page .review-decision-form[b-tqogr42v7b] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/EmployeeAppeals.razor.rz.scp.css */
.employee-appeals-page[b-lhdzxva62d] {
    width: 100%;
    margin: 0 auto;
}

.employee-appeals-page .page-heading > div[b-lhdzxva62d] {
    display: grid;
    gap: var(--space-2);
}

.employee-appeals-page .review-case-section > p[b-lhdzxva62d] {
    max-width: min(100%, var(--measure-lede));
    margin: 0;
    color: var(--text-tertiary);
    font-size: var(--text-16);
    line-height: 1.5;
}

.employee-appeals-page .review-row > a[b-lhdzxva62d] {
    min-width: 0;
}

.employee-appeals-page .review-row .badge[b-lhdzxva62d] {
    max-width: 100%;
    justify-self: start;
    white-space: normal;
}

.employee-appeals-page .review-row-primary[b-lhdzxva62d],
.employee-appeals-page .review-row-secondary[b-lhdzxva62d],
.employee-appeals-page .review-row-meta[b-lhdzxva62d] {
    overflow-wrap: anywhere;
}
/* /Components/Pages/EmployeeDeclarationReview.razor.rz.scp.css */
.declaration-outcome-trail .review-history-entry[b-wqsz6otgap] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.declaration-outcome-trail .interest-employee-card[b-wqsz6otgap] {
    display: grid;
    gap: var(--space-4);
    border-inline-start: 1px solid var(--border-subtle);
}

.interest-card-heading[b-wqsz6otgap] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    gap: var(--space-3);
}

.interest-card-heading h3[b-wqsz6otgap] { margin: 0; }

.interest-reply-box[b-wqsz6otgap] {
    padding: var(--space-4);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    background: var(--surface-subtle);
}

.interest-reply-box textarea[b-wqsz6otgap] {
    padding: var(--space-3);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    background: var(--surface-page);
    color: var(--text-primary);
    font: inherit;
    resize: vertical;
}

.interest-reply-counter[b-wqsz6otgap] { text-align: end; }

.declaration-outcome-trail .review-history-entry textarea[b-wqsz6otgap] {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 8rem;
    margin-block: 0.5rem;
}

.declaration-outcome-trail .review-history-entry button[b-wqsz6otgap] {
    min-height: 44px;
    max-width: 100%;
    white-space: normal;
}

@media (max-width: 380px) {
    .declaration-outcome-trail .review-history-entry button[b-wqsz6otgap] {
        width: 100%;
    }
}

.declaration-attestation[b-wqsz6otgap] {
    gap: var(--space-5);
}

.declaration-submit-step[b-wqsz6otgap] {
    display: grid;
    min-inline-size: 0;
    gap: var(--space-3);
    margin: 0;
    padding: var(--space-5);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    background: var(--surface-subtle);
}

.declaration-submit-step legend[b-wqsz6otgap] {
    width: 100%;
    padding: 0;
}

.declaration-submit-step__count[b-wqsz6otgap],
.declaration-submit-step__title[b-wqsz6otgap] {
    display: block;
}

.declaration-submit-step__count[b-wqsz6otgap] {
    color: var(--text-secondary);
    font-size: var(--text-13);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.declaration-submit-step__title[b-wqsz6otgap],
.declaration-submit-action h2[b-wqsz6otgap] {
    margin: var(--space-1) 0 0;
    font-size: var(--text-20);
}

.declaration-submit-step__help[b-wqsz6otgap],
.declaration-submit-action > p[b-wqsz6otgap] {
    margin: 0;
}

.declaration-submit-action .primary-action[b-wqsz6otgap] {
    justify-self: start;
}

.declaration-confirmation.declaration-submission-success[b-wqsz6otgap] {
    border-inline-start: 4px solid var(--status-success-border);
    background: var(--status-success-bg);
}

.declaration-submission-success h2[b-wqsz6otgap] {
    color: var(--status-success-fg);
}

@media (max-width: 640px) {
    .declaration-submit-step[b-wqsz6otgap] {
        padding: var(--space-4);
    }

    .declaration-submit-action .primary-action[b-wqsz6otgap] {
        justify-self: stretch;
    }
}
/* /Components/Pages/Ethics/CampaignSetup.razor.rz.scp.css */
.campaign-reminder-styles[b-82gtex4r3x],
.campaign-reminder-weekdays[b-82gtex4r3x] {
    margin: 1rem 0;
    padding: 0;
    border: 0;
    color-scheme: light dark;
}

.campaign-reminder-styles > legend[b-82gtex4r3x],
.campaign-reminder-weekdays > legend[b-82gtex4r3x] {
    margin-block-end: 0.65rem;
    color: var(--text-primary);
    font-weight: 700;
}

.campaign-reminder-styles[b-82gtex4r3x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.campaign-reminder-styles > legend[b-82gtex4r3x] {
    grid-column: 1 / -1;
}

.campaign-reminder-style-card[b-82gtex4r3x] {
    position: relative;
    display: flex;
    min-block-size: 44px;
    gap: 0.7rem;
    align-items: flex-start;
    padding: 0.85rem;
    border: 1px solid var(--border-subtle);
    border-radius: 0.75rem;
    background: var(--surface-subtle);
    cursor: pointer;
}

.campaign-reminder-style-card:has(input:checked)[b-82gtex4r3x] {
    border-color: var(--exxaro-lime);
    background: color-mix(in srgb, var(--exxaro-lime) 11%, var(--surface-card));
}

.campaign-reminder-style-card input[b-82gtex4r3x],
.campaign-weekday-chip input[b-82gtex4r3x] {
    inline-size: 1.15rem;
    block-size: 1.15rem;
    flex: 0 0 auto;
    accent-color: var(--exxaro-lime);
}

.campaign-reminder-style-card span[b-82gtex4r3x] {
    display: grid;
    gap: 0.25rem;
}

.campaign-reminder-style-card small[b-82gtex4r3x] {
    color: var(--text-secondary);
    line-height: 1.35;
}

.campaign-weekday-chips[b-82gtex4r3x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.campaign-weekday-chip[b-82gtex4r3x] {
    display: inline-flex;
    min-block-size: 44px;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--border-subtle);
    border-radius: 999px;
    background: var(--surface-card);
    cursor: pointer;
}

.campaign-weekday-chip:has(input:checked)[b-82gtex4r3x] {
    border-color: var(--exxaro-lime);
    background: color-mix(in srgb, var(--exxaro-lime) 14%, var(--surface-card));
    font-weight: 700;
}

.campaign-reminder-style-card:has(input:focus-visible)[b-82gtex4r3x],
.campaign-weekday-chip:has(input:focus-visible)[b-82gtex4r3x],
.campaign-reminder-time input:focus-visible[b-82gtex4r3x] {
    outline: 3px solid var(--exxaro-lime);
    outline-offset: 3px;
}

.campaign-reminder-time[b-82gtex4r3x] {
    max-inline-size: 18rem;
}

.campaign-reminder-summary[b-82gtex4r3x] {
    margin-block: 0.9rem;
    padding: 0.75rem 0.9rem;
    border-inline-start: 4px solid var(--exxaro-lime);
    background: var(--surface-subtle);
    color: var(--text-primary);
    font-weight: 650;
}

.campaign-reminder-preview[b-82gtex4r3x] {
    margin-block-start: 1.25rem;
    padding-block-start: 1rem;
    border-block-start: 1px solid var(--border-subtle);
}

.campaign-reminder-preview-list[b-82gtex4r3x] {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.campaign-reminder-preview-list li[b-82gtex4r3x] {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--border-subtle);
    border-radius: 0.6rem;
    background: var(--surface-card);
}

.campaign-reminder-preview-list span[b-82gtex4r3x] {
    color: var(--text-secondary);
    overflow-wrap: anywhere;
}

@media (max-width: 720px) {
    .campaign-reminder-styles[b-82gtex4r3x] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 320px) {
    .campaign-weekday-chip[b-82gtex4r3x] {
        flex: 1 1 calc(50% - 0.55rem);
        border-radius: 0.65rem;
    }
}

@media (forced-colors: active) {
    .campaign-reminder-style-card:has(input:checked)[b-82gtex4r3x],
    .campaign-weekday-chip:has(input:checked)[b-82gtex4r3x],
    .campaign-reminder-summary[b-82gtex4r3x] {
        border-color: Highlight;
    }
}

@media (prefers-reduced-motion: reduce) {
    .campaign-reminder-style-card[b-82gtex4r3x],
    .campaign-weekday-chip[b-82gtex4r3x] {
        transition: none !important;
    }
}
/* /Components/Pages/Ethics/QuestionnaireBuilder.razor.rz.scp.css */
.questionnaire-preview-prompt[b-86bp11rdoa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3) var(--space-4);
    margin-block-end: var(--space-4);
    padding: var(--space-4);
    border: thin solid var(--status-info-border);
    border-radius: var(--radius-sm);
    background: var(--status-info-bg);
    color: var(--status-info-fg);
}

.questionnaire-preview-prompt > div[b-86bp11rdoa] {
    flex: 1 1 calc(8 * var(--space-10));
    min-width: 0;
    font-size: var(--text-14);
}

.questionnaire-preview-prompt h3[b-86bp11rdoa],
.questionnaire-preview-prompt p[b-86bp11rdoa] {
    margin: 0;
    color: inherit;
}

.questionnaire-preview-prompt h3[b-86bp11rdoa] {
    font-size: var(--text-16);
}

.questionnaire-preview-prompt .secondary-action[b-86bp11rdoa] {
    flex-shrink: 1;
    border-color: var(--status-info-border);
    color: var(--status-info-fg);
}
/* /Components/Pages/GiftEntryCreate.razor.rz.scp.css */
.gift-create-page[b-6ns8vb92i6] {
    display: grid;
    gap: var(--space-6);
    max-width: 58rem;
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2rem);
}

.gift-create-heading[b-6ns8vb92i6],
.gift-create-form[b-6ns8vb92i6] {
    display: grid;
    gap: 1rem;
}

/* Kicker - matches .employee-kicker. This sheet previously tracked it at .06em
   while the register sheet used no uppercase at all; both now follow the token. */
.gift-kicker[b-6ns8vb92i6] {
    margin: 0;
    color: var(--text-tertiary);
    font-size: var(--text-11);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
}

.gift-create-heading h1[b-6ns8vb92i6],
.gift-create-heading p[b-6ns8vb92i6],
.gift-create-form fieldset[b-6ns8vb92i6] {
    margin: 0;
}

/* Page title - matches the History page title (.employee-history-heading h1).
   app.css sets no size or weight on h1, so without this the heading falls back
   to the browser's 2em/700 and reads heavier than every other workspace page. */
.gift-create-heading h1[b-6ns8vb92i6] {
    color: var(--text-primary);
    font-size: var(--text-32);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.16;
}

/* Page lede - matches .employee-history-heading > p:last-child. */
.gift-create-heading p[b-6ns8vb92i6] {
    max-width: 44rem;
    color: var(--text-secondary);
    font-size: var(--text-15);
    line-height: 1.6;
}

/* The two choice groups sit side by side where there is room. */
.gift-choice-grid[b-6ns8vb92i6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
    gap: 1rem;
    align-items: stretch;
}

.gift-choice-fieldset[b-6ns8vb92i6] {
    display: grid;
    align-content: start;
    gap: .75rem;
    min-inline-size: 0;
    padding: 1rem;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    background: var(--surface-card);
    box-shadow: var(--elevation-1);
}

/* A legend normally straddles the fieldset border, which cut the question text
   in half against the card edge. Floating it makes it an ordinary first row
   inside the card. */
.gift-choice-fieldset legend[b-6ns8vb92i6] {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 .25rem;
}

/* Field labels and fieldset legends - History has no form, so these match the
   app's shared form label (.form-field label). */
.gift-create-form legend[b-6ns8vb92i6],
.gift-field > label[b-6ns8vb92i6] {
    color: var(--text-primary);
    font-size: var(--text-14);
    font-weight: 600;
}

.gift-choice-options[b-6ns8vb92i6] {
    display: grid;
    gap: .6rem;
    clear: both;
}

/* Tactile choice cards - the same grammar as the declaration answer cards. */
.gift-choice-card[b-6ns8vb92i6] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 52px;
    padding: .65rem .9rem;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    background: var(--surface-subtle);
    cursor: pointer;
    transition: border-color var(--duration-base) var(--ease-standard),
                background-color var(--duration-base) var(--ease-standard),
                transform var(--duration-base) var(--ease-standard),
                box-shadow var(--duration-base) var(--ease-standard);
}

.gift-choice-card:hover[b-6ns8vb92i6] {
    border-color: color-mix(in srgb, var(--border-subtle) 50%, var(--exxaro-green));
    background: var(--surface-card);
}

.gift-choice-card:active[b-6ns8vb92i6] {
    transform: scale(0.99);
}

.gift-choice-card:has(input:checked)[b-6ns8vb92i6] {
    border-color: var(--status-success-border);
    background: var(--status-success-bg);
    box-shadow: var(--elevation-1);
}

.gift-choice-card input[b-6ns8vb92i6] {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    margin: 0;
    accent-color: var(--exxaro-green);
}

.gift-choice-icon[b-6ns8vb92i6] {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--exxaro-lime) 18%, transparent);
    color: var(--status-success-fg);
}

.gift-choice-card:has(input:checked) .gift-choice-icon[b-6ns8vb92i6] {
    background: color-mix(in srgb, var(--exxaro-lime) 34%, transparent);
}

.gift-choice-copy[b-6ns8vb92i6] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.gift-choice-title[b-6ns8vb92i6] {
    color: var(--text-primary);
    font-size: var(--text-15);
    font-weight: 600;
    line-height: 1.3;
}

.gift-choice-card:has(input:checked) .gift-choice-title[b-6ns8vb92i6] {
    color: var(--status-success-fg);
}

.gift-choice-hint[b-6ns8vb92i6] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    line-height: 1.35;
}

.gift-form-grid[b-6ns8vb92i6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.gift-field[b-6ns8vb92i6] {
    display: grid;
    gap: .4rem;
    min-width: 0;
}

.gift-field input[b-6ns8vb92i6],
.gift-field textarea[b-6ns8vb92i6] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: .75rem;
    color: var(--text-primary);
    background: var(--surface-subtle);
    border: 1px solid var(--border-subtle);
    border-radius: .5rem;
    font: inherit;
}

.gift-field textarea[b-6ns8vb92i6] {
    resize: vertical;
}

/* The rand value reads as money: the currency prefix lives inside the field. */
.gift-money-input[b-6ns8vb92i6] {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-subtle);
    border-radius: .5rem;
    background: var(--surface-subtle);
}

.gift-money-input:focus-within[b-6ns8vb92i6] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
}

.gift-money-prefix[b-6ns8vb92i6] {
    padding: 0 .25rem 0 .75rem;
    color: var(--text-tertiary);
    font-weight: 600;
}

.gift-money-input input[b-6ns8vb92i6] {
    border: 0;
    background: transparent;
    padding-left: .25rem;
}

.gift-money-input input:focus-visible[b-6ns8vb92i6] {
    outline: none;
}

/* Field help - matches the shared .field-help. */
.gift-field-help[b-6ns8vb92i6] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    line-height: 1.45;
}

/* Form status line - the app's status/empty text level (.history-empty). */
.gift-live-status[b-6ns8vb92i6] {
    color: var(--text-tertiary);
    font-size: var(--text-14);
}

.gift-error-summary[b-6ns8vb92i6] {
    padding: 1rem;
    border: 2px solid var(--status-danger-border);
    border-radius: .75rem;
    background: var(--status-danger-bg);
    color: var(--status-danger-fg);
}

.gift-error-summary h2[b-6ns8vb92i6],
.gift-error-summary p[b-6ns8vb92i6],
.gift-live-status[b-6ns8vb92i6] {
    margin: 0;
}

/* Error summary heading - matches the declaration error summary
   (.declaration-error-summary h2); its body takes the body-copy level. */
.gift-error-summary h2[b-6ns8vb92i6] {
    font-size: var(--text-18);
}

.gift-error-summary p[b-6ns8vb92i6] {
    font-size: var(--text-15);
    line-height: 1.6;
}

.gift-form-actions[b-6ns8vb92i6] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}

.gift-policy-note[b-6ns8vb92i6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--space-3);
    align-items: start;
    padding: var(--space-4) var(--space-5);
    border: 1px solid var(--border-subtle);
    border-left: 3px solid var(--exxaro-lime);
    border-radius: var(--radius-md);
    background: var(--surface-subtle);
}

.gift-policy-note > .semantic-icon[b-6ns8vb92i6] {
    color: var(--exxaro-green);
}

.gift-policy-note > div[b-6ns8vb92i6] {
    display: grid;
    gap: var(--space-1);
}

.gift-policy-note strong[b-6ns8vb92i6] {
    color: var(--text-primary);
    font-size: var(--text-14);
}

.gift-policy-note span:last-child[b-6ns8vb92i6] {
    color: var(--text-secondary);
    font-size: var(--text-13);
    line-height: 1.5;
}

.gift-create-page :focus-visible[b-6ns8vb92i6] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
}

/* The title steps down at the same width as every other workspace page. */
@media (max-width: 760px) {
    .gift-create-heading h1[b-6ns8vb92i6] {
        font-size: var(--text-24);
    }
}

@media (max-width: 640px) {
    .gift-form-grid[b-6ns8vb92i6] {
        grid-template-columns: 1fr;
    }

    .gift-form-actions > *[b-6ns8vb92i6] {
        width: 100%;
        text-align: center;
    }
}

@media (forced-colors: active) {
    .gift-error-summary[b-6ns8vb92i6],
    .gift-choice-fieldset[b-6ns8vb92i6],
    .gift-choice-card[b-6ns8vb92i6],
    .gift-money-input[b-6ns8vb92i6],
    .gift-field input[b-6ns8vb92i6],
    .gift-field textarea[b-6ns8vb92i6] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/GiftEntryDetail.razor.rz.scp.css */
.gift-detail-page[b-n4gxezibbu] {
    display: grid;
    gap: var(--space-6);
    max-width: 68rem;
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2rem);
}

.gift-detail-heading[b-n4gxezibbu] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
}

.gift-detail-heading h1[b-n4gxezibbu],
.gift-detail-heading p[b-n4gxezibbu],
.gift-detail-section h2[b-n4gxezibbu],
.gift-detail-list[b-n4gxezibbu],
.gift-detail-list dd[b-n4gxezibbu],
.gift-detail-unavailable h1[b-n4gxezibbu],
.gift-detail-unavailable p[b-n4gxezibbu] {
    margin: 0;
}

.gift-detail-section[b-n4gxezibbu],
.gift-detail-unavailable[b-n4gxezibbu] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--border-subtle);
    border-radius: .75rem;
    background: var(--surface-card);
    box-shadow: var(--elevation-1);
}

.gift-detail-list[b-n4gxezibbu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.gift-detail-list > div[b-n4gxezibbu] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.gift-detail-list .is-wide[b-n4gxezibbu] {
    grid-column: 1 / -1;
}

/* Page title - matches the History page title (.employee-history-heading h1).
   app.css sets no size or weight on h1, so without this the heading falls back
   to the browser's 2em/700 and reads heavier than every other workspace page. */
.gift-detail-heading h1[b-n4gxezibbu],
.gift-detail-unavailable h1[b-n4gxezibbu] {
    color: var(--text-primary);
    font-size: var(--text-32);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.16;
}

/* Kicker - matches .employee-kicker. */
.gift-kicker[b-n4gxezibbu] {
    color: var(--text-tertiary);
    font-size: var(--text-11);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
}

/* Supporting copy under a title - matches the History lede
   (.employee-history-heading > p:last-child). */
.gift-detail-heading p[b-n4gxezibbu],
.gift-detail-unavailable p[b-n4gxezibbu] {
    max-width: 44rem;
    color: var(--text-secondary);
    font-size: var(--text-15);
    line-height: 1.6;
}

/* Card heading - History has no card headings, so this matches the declaration
   pages (.declaration-review-list h2), which set only the size and keep the
   heading weight and the global h2 letter-spacing. */
.gift-detail-section h2[b-n4gxezibbu] {
    font-size: var(--text-18);
}

/* Label and value - no History or declaration screen pairs these, so they match
   the app's one label/value pattern, .identity-attribute-grid. */
.gift-detail-list dt[b-n4gxezibbu] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.gift-detail-list dd[b-n4gxezibbu] {
    color: var(--text-primary);
    font-size: var(--text-15);
    font-weight: 600;
}

.gift-timeline[b-n4gxezibbu] {
    margin: 0;
    padding-left: 1.5rem;
}

.gift-timeline li[b-n4gxezibbu] {
    display: grid;
    gap: .25rem;
    padding-left: .5rem;
}

/* Timeline entry title takes the value level; its timestamp takes the History
   row-meta level (.history-row-copy p). */
.gift-timeline li strong[b-n4gxezibbu] {
    color: var(--text-primary);
    font-size: var(--text-15);
    font-weight: 600;
}

.gift-timeline time[b-n4gxezibbu] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    line-height: 1.45;
}

.gift-detail-actions[b-n4gxezibbu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.gift-status-pill[b-n4gxezibbu] {
    display: inline-flex;
    width: fit-content;
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--status-neutral-border);
    border-radius: var(--radius-pill);
    background: var(--status-neutral-bg);
    color: var(--status-neutral-fg);
    font-size: var(--text-12);
    font-weight: 700;
}

.gift-status-pill.is-recorded[b-n4gxezibbu] {
    border-color: var(--status-success-border);
    background: var(--status-success-bg);
    color: var(--status-success-fg);
}

.gift-status-pill.is-pending[b-n4gxezibbu] {
    border-color: var(--status-info-border);
    background: var(--status-info-bg);
    color: var(--status-info-fg);
}

.gift-status-pill.is-attention[b-n4gxezibbu] {
    border-color: var(--status-warning-border);
    background: var(--status-warning-bg);
    color: var(--status-warning-fg);
}

.gift-detail-page :focus-visible[b-n4gxezibbu] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
}

/* The title steps down at the same width as every other workspace page. */
@media (max-width: 760px) {
    .gift-detail-heading h1[b-n4gxezibbu],
    .gift-detail-unavailable h1[b-n4gxezibbu] {
        font-size: var(--text-24);
    }
}

@media (max-width: 640px) {
    .gift-detail-heading[b-n4gxezibbu] {
        align-items: stretch;
        flex-direction: column;
    }

    .gift-detail-list[b-n4gxezibbu] {
        grid-template-columns: 1fr;
    }

    .gift-detail-list .is-wide[b-n4gxezibbu] {
        grid-column: auto;
    }
}

@media (forced-colors: active) {
    .gift-detail-section[b-n4gxezibbu],
    .gift-detail-unavailable[b-n4gxezibbu] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/GiftRegister.razor.rz.scp.css */
.gift-register-page[b-4aavd0oayr] {
    display: grid;
    gap: var(--space-6);
    max-width: 72rem;
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2rem);
}

.gift-register-heading[b-4aavd0oayr] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1.5rem;
}

.gift-register-heading .primary-action[b-4aavd0oayr] {
    flex: 0 0 auto;
}

.gift-register-heading > div[b-4aavd0oayr],
.gift-register-list[b-4aavd0oayr] {
    display: grid;
    gap: 1rem;
}

.gift-kicker[b-4aavd0oayr],
.gift-register-heading h1[b-4aavd0oayr],
.gift-register-heading p[b-4aavd0oayr],
.gift-register-state h2[b-4aavd0oayr],
.gift-register-state p[b-4aavd0oayr] {
    margin: 0;
}

/* Page title - matches the History page title (.employee-history-heading h1).
   app.css sets no size or weight on h1, so without this the heading falls back
   to the browser's 2em/700 and reads heavier than every other workspace page. */
.gift-register-heading h1[b-4aavd0oayr] {
    color: var(--text-primary);
    font-size: var(--text-32);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.16;
}

/* Kicker - matches .employee-kicker. */
.gift-kicker[b-4aavd0oayr] {
    color: var(--text-tertiary);
    font-size: var(--text-11);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
}

/* Page lede - matches .employee-history-heading > p:last-child. */
.gift-register-heading p[b-4aavd0oayr] {
    max-width: 44rem;
    color: var(--text-secondary);
    font-size: var(--text-15);
    line-height: 1.6;
}

/* Card heading - History has no card headings, so this matches the declaration
   pages (.declaration-review-list h2), which set only the size and keep the
   heading weight and the global h2 letter-spacing. */
.gift-register-state h2[b-4aavd0oayr] {
    font-size: var(--text-18);
}

/* Card body and the loading line - the app's body and empty-state levels. */
.gift-register-state p[b-4aavd0oayr] {
    color: var(--text-tertiary);
    font-size: var(--text-15);
    line-height: 1.6;
}

.gift-register-status[b-4aavd0oayr] {
    color: var(--text-tertiary);
    font-size: var(--text-14);
}

/* Row title - matches the History row title (.history-row-copy h2). The
   letter-spacing is restated because these rows use h3, which the global rule
   tracks slightly differently from h2. */
.gift-register-row-heading h3[b-4aavd0oayr] {
    color: var(--text-secondary);
    font-size: var(--text-15);
    font-weight: 400;
    letter-spacing: -0.012em;
    line-height: 1.45;
}

/* Row meta - matches .history-row-copy p. */
.gift-reference[b-4aavd0oayr] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    line-height: 1.45;
}

/* Label and value - no History or declaration screen pairs these, so they match
   the app's one label/value pattern, .identity-attribute-grid. */
.gift-register-row dt[b-4aavd0oayr] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.gift-register-row dd[b-4aavd0oayr] {
    color: var(--text-primary);
    font-size: var(--text-15);
    font-weight: 600;
}

.gift-register-row[b-4aavd0oayr],
.gift-register-state[b-4aavd0oayr] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    background: var(--surface-card);
    box-shadow: var(--elevation-1);
    transition: transform var(--duration-base) var(--ease-standard),
                box-shadow var(--duration-base) var(--ease-standard),
                border-color var(--duration-base) var(--ease-standard);
}

.gift-register-row:hover[b-4aavd0oayr] {
    transform: translateY(-2px);
    box-shadow: var(--elevation-2);
    border-color: color-mix(in srgb, var(--border-subtle) 60%, var(--exxaro-green));
}

.gift-register-empty-card[b-4aavd0oayr] {
    text-align: center;
    justify-items: center;
    align-items: center;
    padding: var(--space-8) var(--space-6);
}

.gift-policy-note[b-4aavd0oayr] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--space-3);
    align-items: start;
    padding: var(--space-4) var(--space-5);
    border: 1px solid var(--border-subtle);
    border-left: 3px solid var(--exxaro-lime);
    border-radius: var(--radius-md);
    background: var(--surface-subtle);
}

.gift-policy-note > .semantic-icon[b-4aavd0oayr] {
    color: var(--exxaro-green);
}

.gift-policy-note > div[b-4aavd0oayr] {
    display: grid;
    gap: var(--space-1);
}

.gift-policy-note strong[b-4aavd0oayr] {
    color: var(--text-primary);
    font-size: var(--text-14);
}

.gift-policy-note span:last-child[b-4aavd0oayr] {
    color: var(--text-secondary);
    font-size: var(--text-13);
    line-height: 1.5;
}

.gift-register-state.is-unavailable[b-4aavd0oayr] {
    border-left: .35rem solid var(--status-warning-border);
}

.gift-register-row-heading[b-4aavd0oayr] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.gift-register-row-heading h3[b-4aavd0oayr],
.gift-register-row dl[b-4aavd0oayr],
.gift-register-row dd[b-4aavd0oayr] {
    margin: 0;
}

.gift-register-row dl[b-4aavd0oayr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.gift-register-row dl > div[b-4aavd0oayr] {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Row identity - the tinted gift mark keeps rows recognisable at a glance. */
.gift-row-title[b-4aavd0oayr] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.gift-row-mark[b-4aavd0oayr] {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--exxaro-lime) 18%, transparent);
    color: var(--status-success-fg);
}

/* Review state as a pill - the same vocabulary as the detail page. */
.gift-status-pill[b-4aavd0oayr] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--status-neutral-border);
    border-radius: var(--radius-pill);
    background: var(--status-neutral-bg);
    color: var(--status-neutral-fg);
    font-size: var(--text-12);
    font-weight: 600;
    white-space: nowrap;
}

.gift-status-pill.is-recorded[b-4aavd0oayr] {
    border-color: var(--status-success-border);
    background: var(--status-success-bg);
    color: var(--status-success-fg);
}

.gift-status-pill.is-pending[b-4aavd0oayr] {
    border-color: var(--status-info-border);
    background: var(--status-info-bg);
    color: var(--status-info-fg);
}

.gift-status-pill.is-attention[b-4aavd0oayr] {
    border-color: var(--status-warning-border);
    background: var(--status-warning-bg);
    color: var(--status-warning-fg);
}

/* Late logging stays visible as words, tinted to draw the eye. */
.gift-late-flag[b-4aavd0oayr] {
    color: var(--status-warning-fg);
    font-weight: 700;
}

/* Inline row action - matches the History row action (.history-amend-link). */
.gift-detail-link[b-4aavd0oayr] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    justify-self: start;
    font-size: var(--text-12);
    font-weight: 500;
}

.gift-detail-link .semantic-icon[b-4aavd0oayr] {
    width: 14px;
    height: 14px;
    transition: transform var(--duration-base) var(--ease-standard);
}

.gift-detail-link .semantic-icon[b-4aavd0oayr]::before {
    width: 14px;
    height: 14px;
}

.gift-register-row:hover .gift-detail-link .semantic-icon[b-4aavd0oayr] {
    transform: translateX(3px);
}

.gift-register-page :focus-visible[b-4aavd0oayr] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
}

/* The title steps down at the same width as every other workspace page. */
@media (max-width: 760px) {
    .gift-register-heading h1[b-4aavd0oayr] {
        font-size: var(--text-24);
    }
}

@media (max-width: 640px) {
    .gift-register-heading[b-4aavd0oayr],
    .gift-register-row-heading[b-4aavd0oayr] {
        align-items: stretch;
        flex-direction: column;
    }

    .gift-register-heading .primary-action[b-4aavd0oayr] {
        width: 100%;
        text-align: center;
    }

    .gift-register-row dl[b-4aavd0oayr] {
        grid-template-columns: 1fr;
    }
}

@media (forced-colors: active) {
    .gift-register-row[b-4aavd0oayr],
    .gift-register-state[b-4aavd0oayr] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/GiftReviewDetail.razor.rz.scp.css */
.gift-detail-page[b-5outuu68qx] {
    display: grid;
    gap: var(--space-6);
    max-width: 68rem;
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 2rem);
}

.gift-detail-heading[b-5outuu68qx] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
}

.gift-detail-heading h1[b-5outuu68qx],
.gift-detail-heading p[b-5outuu68qx],
.gift-detail-section h2[b-5outuu68qx],
.gift-detail-list[b-5outuu68qx],
.gift-detail-list dd[b-5outuu68qx],
.gift-detail-unavailable h1[b-5outuu68qx],
.gift-detail-unavailable p[b-5outuu68qx] {
    margin: 0;
}

.gift-detail-section[b-5outuu68qx],
.gift-detail-unavailable[b-5outuu68qx] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--border-subtle);
    border-radius: .75rem;
    background: var(--surface-card);
    box-shadow: var(--elevation-1);
}

.gift-detail-list[b-5outuu68qx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.gift-detail-list > div[b-5outuu68qx] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.gift-detail-list .is-wide[b-5outuu68qx] {
    grid-column: 1 / -1;
}

/* Page title - matches the History page title (.employee-history-heading h1).
   app.css sets no size or weight on h1, so without this the heading falls back
   to the browser's 2em/700 and reads heavier than every other workspace page. */
.gift-detail-heading h1[b-5outuu68qx],
.gift-detail-unavailable h1[b-5outuu68qx] {
    color: var(--text-primary);
    font-size: var(--text-32);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.16;
}

/* Kicker - matches .employee-kicker. */
.gift-kicker[b-5outuu68qx] {
    color: var(--text-tertiary);
    font-size: var(--text-11);
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
}

/* Supporting copy under a title - matches the History lede
   (.employee-history-heading > p:last-child). */
.gift-detail-heading p[b-5outuu68qx],
.gift-detail-unavailable p[b-5outuu68qx] {
    max-width: 44rem;
    color: var(--text-secondary);
    font-size: var(--text-15);
    line-height: 1.6;
}

/* Card heading - History has no card headings, so this matches the declaration
   pages (.declaration-review-list h2), which set only the size and keep the
   heading weight and the global h2 letter-spacing. */
.gift-detail-section h2[b-5outuu68qx] {
    font-size: var(--text-18);
}

/* Label and value - no History or declaration screen pairs these, so they match
   the app's one label/value pattern, .identity-attribute-grid. */
.gift-detail-list dt[b-5outuu68qx] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.gift-detail-list dd[b-5outuu68qx] {
    color: var(--text-primary);
    font-size: var(--text-15);
    font-weight: 600;
}

.gift-timeline[b-5outuu68qx] {
    margin: 0;
    padding-left: 1.5rem;
}

.gift-timeline li[b-5outuu68qx] {
    display: grid;
    gap: .25rem;
    padding-left: .5rem;
}

/* Timeline entry title takes the value level; its timestamp takes the History
   row-meta level (.history-row-copy p). */
.gift-timeline li strong[b-5outuu68qx] {
    color: var(--text-primary);
    font-size: var(--text-15);
    font-weight: 600;
}

.gift-timeline time[b-5outuu68qx] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    line-height: 1.45;
}

.gift-detail-actions[b-5outuu68qx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.gift-status-pill[b-5outuu68qx] {
    display: inline-flex;
    width: fit-content;
    padding: var(--space-1) var(--space-3);
    border: 1px solid var(--status-neutral-border);
    border-radius: var(--radius-pill);
    background: var(--status-neutral-bg);
    color: var(--status-neutral-fg);
    font-size: var(--text-12);
    font-weight: 700;
}

.gift-status-pill.is-recorded[b-5outuu68qx] {
    border-color: var(--status-success-border);
    background: var(--status-success-bg);
    color: var(--status-success-fg);
}

.gift-status-pill.is-pending[b-5outuu68qx] {
    border-color: var(--status-info-border);
    background: var(--status-info-bg);
    color: var(--status-info-fg);
}

.gift-status-pill.is-attention[b-5outuu68qx] {
    border-color: var(--status-warning-border);
    background: var(--status-warning-bg);
    color: var(--status-warning-fg);
}

.gift-detail-page :focus-visible[b-5outuu68qx] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
}

/* The title steps down at the same width as every other workspace page. */
@media (max-width: 760px) {
    .gift-detail-heading h1[b-5outuu68qx],
    .gift-detail-unavailable h1[b-5outuu68qx] {
        font-size: var(--text-24);
    }
}

@media (max-width: 640px) {
    .gift-detail-heading[b-5outuu68qx] {
        align-items: stretch;
        flex-direction: column;
    }

    .gift-detail-list[b-5outuu68qx] {
        grid-template-columns: 1fr;
    }

    .gift-detail-list .is-wide[b-5outuu68qx] {
        grid-column: auto;
    }
}

@media (forced-colors: active) {
    .gift-detail-section[b-5outuu68qx],
    .gift-detail-unavailable[b-5outuu68qx] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-bk7hvxrloy] {
    display: grid;
    gap: var(--space-6);
    container-type: inline-size;
    max-width: 72rem;
}

.home-heading[b-bk7hvxrloy] {
    margin-bottom: 0;
    padding-bottom: var(--space-2);
    max-width: none;
}

/* .page-heading starts its children, so this wrapper would otherwise shrink to its
   widest child. The welcome's column is capped at the reading measure, which would
   leave the card narrower than the work beneath it; the card spans the page and
   only its contents keep to the measure. */
.home-heading > div[b-bk7hvxrloy] { align-self: stretch; min-width: 0; }

/* One centred column (spec 106 FR-048): the portal's name, the purpose directly
   beneath it, and the disclosure beneath that, at one readable measure.

   The welcome is the one warm moment on a working page, so it is drawn with light
   rather than lines (stakeholder review, 12 October 2026): no border, and no rule
   over the disclosure, which read as a form field in dark mode. The surface leans a
   few percent toward Exxaro orange, with a soft lime glow behind the name and a
   faint amber warmth in the far corner. Everything is colour-mixed from theme
   tokens, so the same rule is a warm cream in light mode and a warm umber in dark
   mode rather than a flat brown-black box. A resting elevation and, in dark mode, a
   faint top sheen give it an edge without a keyline. Lime stays an accent: a glow
   and one short stroke, never a fill.

   FR-042 sizes the default: the whole single-draft card beneath this panel must sit
   inside the first scrollport on 1280x720 and 1366x768 laptops, so the default
   rhythm is compact and the accent stroke rides in the top padding rather than
   taking a row. Screens with room to spare get the larger name and more air. */
.home-welcome[b-bk7hvxrloy] {
    position: relative;
    isolation: isolate;
    display: grid;
    justify-items: center;
    gap: var(--space-2);
    min-width: 0;
    margin-top: var(--space-3);
    padding: var(--space-4) var(--space-5) var(--space-2);
    border: 0;
    border-radius: var(--radius-2xl);
    background-color: color-mix(in srgb, var(--surface-card) 96%, var(--exxaro-orange));
    background-image:
        radial-gradient(75% 120% at 50% -20%, color-mix(in srgb, var(--exxaro-lime) 16%, transparent), transparent 70%),
        radial-gradient(55% 90% at 100% 110%, color-mix(in srgb, var(--exxaro-orange) 9%, transparent), transparent 70%);
    box-shadow: var(--elevation-1), inset 0 1px 0 color-mix(in srgb, var(--white) 6%, transparent);
    text-align: center;
    overflow-wrap: anywhere;
}

/* One short lime stroke centred in the top padding: the accent the sign-in eyebrow
   carries, reduced to a mark so the name stays the first thing read. It appears only
   where the padding has room for it; on a short laptop screen the glow carries the
   accent alone rather than a stroke pressed against the edge. */
.home-welcome[b-bk7hvxrloy]::before { position: absolute; inset: var(--space-4) auto auto 50%; width: var(--space-8); border-top: 3px solid var(--exxaro-lime); border-radius: var(--radius-pill); content: none; transform: translateX(-50%); }

.home-welcome > *[b-bk7hvxrloy] { width: 100%; max-width: var(--measure-lede); }
.home-welcome p[b-bk7hvxrloy] { margin: 0; color: var(--text-secondary); font-size: var(--text-16); line-height: 1.6; }
.home-welcome .lede[b-bk7hvxrloy] { max-width: none; color: var(--text-primary); font-family: var(--font-display); font-weight: 600; line-height: 1.25; text-wrap: balance; }
/* The greeting is the lockup's lead line, not a line of body copy. One step down,
   slightly open, and tight to the name, it reads as the label it is -- the role
   sign-in's lime eyebrow plays, without borrowing the uppercase, which would
   misread on a phrase that has to flow into the name. */
.home-welcome-greeting[b-bk7hvxrloy] { display: block; color: var(--text-secondary); font-size: var(--text-14); font-weight: 500; letter-spacing: 0.01em; line-height: 1.3; }
/* Size here; light-mode ink just below. The face, the tracking, the leading and the
   500 tail are the shared .portal-name rules in app.css, which sign-in consumes
   from the same block.
   --text-24 is what a short laptop screen can carry without pushing current work
   below the fold; taller screens take --text-28, still beneath the <h1>Home. */
.home-welcome-title[b-bk7hvxrloy] { font-size: var(--text-24); }
/* Light-mode ink (spec 106 FR-055). On the cream surface the shared 700 in body
   ink read as a black slab, heavier than anything else in the card. Sign-in already
   draws this name in Exxaro brown on light ground, so Home takes the same warm
   ink, one weight lighter: a 28px line inside a card does not need a masthead's
   weight to lead. The tail steps back to a softened brown, keeping the hierarchy in
   weight and tone rather than opacity. Dark mode is unchanged: light-on-dark already
   reads as intended at 700, and forced colours replace both inks. */
:root:not([data-theme="dark"]) .home-welcome .portal-name[b-bk7hvxrloy] { color: var(--exxaro-brown); font-weight: 600; }
:root:not([data-theme="dark"]) .home-welcome .portal-name-tail[b-bk7hvxrloy] { color: color-mix(in srgb, var(--exxaro-brown) 80%, var(--surface-card)); }
.home-welcome-context[b-bk7hvxrloy] { display: grid; align-content: start; justify-items: center; gap: var(--space-1); min-width: 0; }
.home-welcome-purpose strong[b-bk7hvxrloy] { color: var(--status-success-fg); font-weight: 600; }
.home-welcome-impact[b-bk7hvxrloy] { min-width: 0; }
/* The disclosure is a quiet control, not a row under a rule: its label and toggle
   sit together on a capsule that only tints on hover. Touch keeps a 44px target;
   a fine pointer needs less, which is height FR-042 can spend on current work. */
.home-welcome-impact > summary[b-bk7hvxrloy] { display: flex; justify-content: center; align-items: center; gap: var(--space-2); width: fit-content; min-height: 44px; margin-inline: auto; padding: var(--space-1) var(--space-1) var(--space-1) var(--space-4); border-radius: var(--radius-pill); color: var(--text-primary); font-size: var(--text-14); font-weight: 600; list-style: none; cursor: pointer; transition: background-color var(--duration-interactive) var(--ease-standard); }
.home-welcome-impact > summary:hover[b-bk7hvxrloy] { background-color: color-mix(in srgb, var(--text-primary) 6%, transparent); }
.home-welcome-impact > summary[b-bk7hvxrloy]::-webkit-details-marker { display: none; }
.home-welcome-impact > summary:focus-visible[b-bk7hvxrloy] { outline: 3px solid var(--focus-ring); outline-offset: 3px; border-radius: var(--radius-pill); }
.home-welcome-impact > p[b-bk7hvxrloy] { padding-block: var(--space-1) var(--space-2); font-size: var(--text-14); }
.home-welcome-toggle[b-bk7hvxrloy] { position: relative; flex: 0 0 28px; width: 28px; min-height: 28px; border-radius: var(--radius-round); background-color: color-mix(in srgb, var(--exxaro-lime) 26%, transparent); color: var(--status-success-fg); }
.home-welcome-toggle[b-bk7hvxrloy]::before, .home-welcome-toggle[b-bk7hvxrloy]::after { position: absolute; inset: 50% auto auto 50%; width: 10px; border-top: 1.5px solid currentColor; content: ""; transform: translate(-50%, -50%); }
.home-welcome-toggle[b-bk7hvxrloy]::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform var(--duration-base) var(--ease-out-quint); }
.home-welcome-impact[open] .home-welcome-toggle[b-bk7hvxrloy]::after { transform: translate(-50%, -50%); }

@media (pointer: fine) {
    .home-welcome-impact > summary[b-bk7hvxrloy] { min-height: 32px; }
}

/* Room to spare: the larger name, the stroke given its own space, and more air. */
@media (min-height: 50rem) {
    .home-welcome[b-bk7hvxrloy] { gap: var(--space-3); margin-top: var(--space-4); padding: var(--space-8) var(--space-6) var(--space-4); }
    .home-welcome[b-bk7hvxrloy]::before { content: ""; }
    .home-welcome-title[b-bk7hvxrloy] { font-size: var(--text-28); }
    .home-welcome-context[b-bk7hvxrloy] { gap: var(--space-2); }
}
@media (min-height: 50rem) and (max-width: 40rem) {
    .home-welcome[b-bk7hvxrloy] { padding-inline: var(--space-5); }
}

/* A single, small entrance movement; the message is readable throughout. */
@media (prefers-reduced-motion: no-preference) {
    .home-welcome .lede[b-bk7hvxrloy], .home-welcome-context[b-bk7hvxrloy] { animation: home-welcome-in-b-bk7hvxrloy var(--duration-smooth) var(--ease-out-quint) both; }
    .home-welcome-context[b-bk7hvxrloy] { animation-delay: var(--duration-fast); }
    .home-welcome-impact[open] > p[b-bk7hvxrloy] { animation: home-welcome-in-b-bk7hvxrloy var(--duration-smooth) var(--ease-out-quint) both; }
}
@keyframes home-welcome-in-b-bk7hvxrloy { from { transform: translateY(var(--space-2)); } to { transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
    .home-welcome .lede[b-bk7hvxrloy], .home-welcome-context[b-bk7hvxrloy], .home-welcome-impact[open] > p[b-bk7hvxrloy] { animation: none; }
    .home-welcome-impact > summary[b-bk7hvxrloy], .home-welcome-toggle[b-bk7hvxrloy]::after { transition: none; }
}
@media (forced-colors: active) {
    .home-welcome[b-bk7hvxrloy] { background-image: none; border: 1px solid CanvasText; box-shadow: none; }
    .home-welcome[b-bk7hvxrloy]::before { border-top-color: CanvasText; }
    .home-welcome-toggle[b-bk7hvxrloy] { border: 1px solid CanvasText; background-color: Canvas; }
    .home-welcome-impact > summary:focus-visible[b-bk7hvxrloy] { outline-color: Highlight; }
}

.home-work[b-bk7hvxrloy] {
    display: grid;
    gap: var(--space-4);
}

.home-work > h2[b-bk7hvxrloy] {
    margin: 0;
    font-size: var(--text-20);
}

.home-work-list[b-bk7hvxrloy] {
    display: grid;
    gap: var(--space-4);
}

.home-work-banner[b-bk7hvxrloy] {
    display: grid;
    grid-template-columns: minmax(10rem, 0.3fr) minmax(0, 1fr) auto;
    gap: var(--space-6);
    align-items: start;
    padding: clamp(var(--space-5), 3vw, calc(var(--space-6) + var(--space-1))) clamp(var(--space-5), 3vw, var(--space-8));
    border: 1px solid var(--status-success-border);
    border-radius: var(--radius-xl);
}

.home-work-banner[data-work-group="my-coi"][b-bk7hvxrloy] {
    grid-template-columns: minmax(10rem, 0.3fr) minmax(0, 1fr);
}

.home-banner-heading[b-bk7hvxrloy] {
    display: flex;
    gap: var(--space-3);
    align-items: center;
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--status-success-fg);
}

.home-banner-heading h3[b-bk7hvxrloy],
.home-work-copy h4[b-bk7hvxrloy],
.home-state h2[b-bk7hvxrloy] {
    margin: 0;
}

.home-banner-heading h3[b-bk7hvxrloy] {
    font-size: var(--text-24);
    letter-spacing: -0.01em;
    color: var(--status-success-fg);
}

.home-banner-label[b-bk7hvxrloy],
.home-item-type[b-bk7hvxrloy] {
    margin: 0 0 var(--space-1);
    color: var(--text-tertiary);
    font-size: var(--text-12);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.home-banner-label[b-bk7hvxrloy] {
    color: var(--status-success-fg);
}

.home-banner-heading > div[b-bk7hvxrloy] {
    /* At phone widths the watermark can sit behind the green heading. */
    background-color: var(--status-success-bg);
}

.home-banner-heading .home-state-mark[b-bk7hvxrloy] {
    width: var(--space-10);
    height: var(--space-10);
}

.home-work-items[b-bk7hvxrloy] {
    display: grid;
    gap: var(--space-4);
}

.home-work-item[b-bk7hvxrloy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-4);
    align-items: center;
}

.home-work-item + .home-work-item[b-bk7hvxrloy] {
    padding-top: var(--space-4);
    border-top: 1px solid color-mix(in srgb, var(--status-success-border) 35%, transparent);
}

.home-work-copy[b-bk7hvxrloy] {
    min-width: 0;
}

.home-work-item.home-information-item[b-bk7hvxrloy] {
    padding: var(--space-4);
    border: 1px solid var(--status-warning-border);
    border-radius: var(--radius-md);
    background: var(--status-warning-bg);
    overflow-wrap: anywhere;
}

.home-information-item .home-action[b-bk7hvxrloy] {
    white-space: normal;
    text-align: center;
}

.home-work-copy h4[b-bk7hvxrloy] {
    overflow-wrap: anywhere;
    font-size: var(--text-16);
}

.home-work-copy p[b-bk7hvxrloy],
.home-count[b-bk7hvxrloy],
.home-state p[b-bk7hvxrloy] {
    margin: var(--space-2) 0 0;
    color: var(--text-secondary);
}

.home-deadline[b-bk7hvxrloy] {
    font-size: var(--text-14);
}

.home-action[b-bk7hvxrloy] {
    justify-self: end;
    white-space: nowrap;
}

.home-action-note[b-bk7hvxrloy] {
    color: var(--text-tertiary);
    font-size: var(--text-14);
}

.home-more-link[b-bk7hvxrloy] {
    width: fit-content;
    color: var(--text-secondary);
    font-size: var(--text-14);
}

.home-count[b-bk7hvxrloy] {
    align-self: center;
    font-size: var(--text-16);
}

.home-count strong[b-bk7hvxrloy] {
    color: var(--text-primary);
    font-size: var(--text-24);
}

.home-ethics-counts[b-bk7hvxrloy] {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-ethics-counts li[b-bk7hvxrloy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    align-items: center;
    justify-content: space-between;
}

.home-ethics-counts a[b-bk7hvxrloy] {
    /* Keep link text readable where the watermark strokes overlap. */
    background-color: var(--status-success-bg);
}

.home-check-message[b-bk7hvxrloy],
.home-state[b-bk7hvxrloy] {
    display: flex;
    gap: var(--space-3);
    align-items: flex-start;
    padding: var(--space-4) var(--space-5);
    border: 1px solid var(--status-neutral-border);
    border-radius: var(--radius-md);
    background: var(--status-neutral-bg);
    color: var(--status-neutral-fg);
}

.home-check-message[b-bk7hvxrloy] {
    flex-wrap: wrap;
}

.home-state-success[b-bk7hvxrloy] {
    align-items: center;
    gap: var(--space-4);
    padding: clamp(var(--space-5), 4vw, var(--space-8)) clamp(var(--space-5), 4vw, var(--space-10));
    border-color: var(--status-success-border);
    border-radius: var(--radius-xl);
    color: var(--status-success-fg);
}

.home-state-success[b-bk7hvxrloy],
.home-work-banner[b-bk7hvxrloy] {
    position: relative;
    overflow: hidden;
    /* The ghosted Exxaro x-figure bleeds off the right edge as a quiet brand
       watermark behind the good-standing message. */
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M19 26 L45 54' fill='none' stroke='%23aacf4e' stroke-opacity='0.22' stroke-width='11' stroke-linecap='round'/%3E%3Cpath d='M45 26 L19 54' fill='none' stroke='%23aacf4e' stroke-opacity='0.22' stroke-width='11' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='14' r='6.5' fill='%23aacf4e' fill-opacity='0.22'/%3E%3C/svg%3E") right -3.5rem center / 15rem auto no-repeat,
        radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--exxaro-lime) 14%, transparent), transparent 16rem),
        var(--status-success-bg);
}

.home-state-success h2[b-bk7hvxrloy] {
    font-size: var(--text-24);
    letter-spacing: -0.01em;
}

.home-state-mark[b-bk7hvxrloy] {
    font-size: var(--text-20);
    font-weight: 800;
    line-height: 1;
    background: color-mix(in srgb, var(--exxaro-lime) 22%, transparent);
    border-color: color-mix(in srgb, var(--status-success-border) 55%, transparent);
}

.home-areas[b-bk7hvxrloy] {
    min-width: 0;
    border-top: 1px solid var(--border-subtle);
}

.home-areas-disclosure > summary[b-bk7hvxrloy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    min-height: calc(var(--space-10) + var(--space-2));
    padding: var(--space-3) var(--space-1);
    list-style: none;
    cursor: pointer;
    border-radius: var(--radius-sm);
}

.home-areas-disclosure > summary[b-bk7hvxrloy]::-webkit-details-marker { display: none; }
.home-areas-disclosure > summary h2[b-bk7hvxrloy] { margin: 0; font-size: var(--text-20); color: var(--text-primary); }
.home-areas-disclosure > summary[b-bk7hvxrloy]::after {
    content: "";
    width: var(--space-2);
    height: var(--space-2);
    flex: 0 0 var(--space-2);
    margin-inline-end: var(--space-2);
    border-right: 1px solid var(--text-secondary);
    border-bottom: 1px solid var(--text-secondary);
    transform: rotate(45deg);
}
.home-areas-disclosure[open] > summary[b-bk7hvxrloy]::after { transform: rotate(225deg); }
.home-areas-disclosure > summary:focus-visible[b-bk7hvxrloy] { outline: 3px solid var(--focus-ring); outline-offset: 3px; }

/* Standing is optional context; tasks above retain the primary emphasis. */
.home-areas ul[b-bk7hvxrloy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--space-6);
    margin: 0;
    padding: 0 0 var(--space-2);
    list-style: none;
}
.home-areas li[b-bk7hvxrloy] { min-width: 0; border-bottom: 1px solid var(--border-subtle); }
.home-areas a[b-bk7hvxrloy] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--space-3);
    align-items: center;
    width: 100%;
    min-height: calc(var(--space-10) + var(--space-1));
    padding: var(--space-3) var(--space-2);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    text-decoration: none;
}
.home-areas a:hover[b-bk7hvxrloy] { background-color: var(--surface-subtle); }
.home-areas a:hover .home-area-title[b-bk7hvxrloy] { text-decoration: underline; text-underline-offset: var(--space-1); }
.home-area-mark[b-bk7hvxrloy] {
    display: inline-grid;
    width: var(--space-5);
    height: var(--space-5);
    place-items: center;
    color: var(--text-secondary);
}
.home-area-copy[b-bk7hvxrloy] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-3); min-width: 0; }
.home-area-title[b-bk7hvxrloy] { color: var(--text-primary); font-size: var(--text-15); font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.home-area-standing[b-bk7hvxrloy] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1); margin-inline-start: auto; color: var(--text-secondary); font-size: var(--text-14); line-height: 1.4; overflow-wrap: anywhere; }
.home-area-figure[b-bk7hvxrloy] { color: var(--text-primary); font-weight: 600; font-variant-numeric: tabular-nums; }

@container (min-width: 40rem) {
    .home-areas ul[b-bk7hvxrloy] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (pointer: coarse) {
    .home-areas a[b-bk7hvxrloy] { min-height: calc(var(--space-10) + var(--space-2)); }
}

.home-areas a:focus-visible[b-bk7hvxrloy],
.home-work-banner a:focus-visible[b-bk7hvxrloy],
.home-action-tile:focus-visible[b-bk7hvxrloy] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
}

.home-quick-hub[b-bk7hvxrloy] {
    display: grid;
    gap: var(--space-4);
}

.home-quick-heading[b-bk7hvxrloy] {
    display: grid;
    gap: var(--space-1);
}

.home-quick-heading h2[b-bk7hvxrloy] {
    margin: 0;
    font-size: var(--text-20);
    color: var(--text-primary);
}

.home-quick-actions[b-bk7hvxrloy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: var(--space-4);
}

.home-action-tile[b-bk7hvxrloy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-5);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    background: var(--surface-card);
    box-shadow: var(--elevation-1);
    text-decoration: none;
    color: inherit;
    transition: transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);
}

.home-action-tile:hover[b-bk7hvxrloy] {
    transform: translateY(-2px);
    box-shadow: var(--elevation-2);
    border-color: var(--exxaro-lime);
}

.home-action-tile:active[b-bk7hvxrloy] {
    transform: scale(0.98);
}

.home-tile-icon-wrap[b-bk7hvxrloy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    background: var(--status-success-bg);
    color: var(--status-success-fg);
}

.home-tile-copy[b-bk7hvxrloy] {
    display: grid;
    gap: var(--space-1);
}

.home-tile-copy h3[b-bk7hvxrloy] {
    margin: 0;
    font-size: var(--text-16);
    font-weight: 600;
    color: var(--text-primary);
}

.home-tile-copy p[b-bk7hvxrloy] {
    margin: 0;
    font-size: var(--text-14);
    line-height: 1.5;
    color: var(--text-secondary);
}

.home-tile-cta[b-bk7hvxrloy] {
    margin-top: auto;
    padding-top: var(--space-2);
    font-size: var(--text-14);
    font-weight: 600;
    color: var(--status-info-fg);
    display: inline-flex;
    align-items: center;
}

.home-action-tile:hover .home-tile-cta[b-bk7hvxrloy] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.home-help[b-bk7hvxrloy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-4) var(--space-6);
    align-items: center;
    padding-block: var(--space-4);
    border-top: 1px solid var(--border-subtle);
}

.home-help-guide[b-bk7hvxrloy] {
    display: flex;
    gap: var(--space-3);
    align-items: center;
    min-width: 0;
}

.home-help-guide > .semantic-icon[b-bk7hvxrloy] {
    color: var(--text-secondary);
    flex-shrink: 0;
}

.home-help-guide a[b-bk7hvxrloy],
.home-help-support[b-bk7hvxrloy] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 44px;
    max-width: 100%;
    color: var(--text-primary);
    font-size: var(--text-14);
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.home-help-guide a[b-bk7hvxrloy] {
    font-weight: 600;
}

.home-help p[b-bk7hvxrloy] {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--text-14);
    line-height: 1.5;
}

.home-help a:focus-visible[b-bk7hvxrloy] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
}

@media (max-width: 48rem) {
    .home-help[b-bk7hvxrloy] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-help-support[b-bk7hvxrloy] {
        justify-self: start;
    }

    .home-work-banner[b-bk7hvxrloy],
    .home-work-banner[data-work-group="my-coi"][b-bk7hvxrloy] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-work-item[b-bk7hvxrloy] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-action[b-bk7hvxrloy] {
        justify-self: start;
        white-space: normal;
    }
}

@media (max-width: 20rem) {
    .home-page[b-bk7hvxrloy] {
        gap: var(--space-5);
    }

    .home-work-banner[b-bk7hvxrloy],
    .home-state[b-bk7hvxrloy],
    .home-check-message[b-bk7hvxrloy] {
        padding: var(--space-4);
    }

    .home-areas ul[b-bk7hvxrloy],
    .home-areas li[b-bk7hvxrloy],
    .home-areas a[b-bk7hvxrloy] {
        width: 100%;
    }
}

@media (forced-colors: active) {
    .home-work-banner[b-bk7hvxrloy],
    .home-state[b-bk7hvxrloy],
    .home-check-message[b-bk7hvxrloy],
    .home-areas a[b-bk7hvxrloy] {
        border-color: CanvasText;
        box-shadow: none;
        forced-color-adjust: auto;
    }

    .home-areas-disclosure > summary:focus-visible[b-bk7hvxrloy],
    .home-areas a:focus-visible[b-bk7hvxrloy],
    .home-work-banner a:focus-visible[b-bk7hvxrloy],
    .home-help a:focus-visible[b-bk7hvxrloy] {
        outline-color: Highlight;
    }
}
/* /Components/Pages/ReleaseNotes.razor.rz.scp.css */
/* Release-page density is local to this route; shared release tokens remain in app.css. */
.release-experience-page[b-5a9i60ke6d] {
  width: min(100% - (2 * var(--space-4)), 760px);
  gap: var(--space-4);
}

.release-change-list[b-5a9i60ke6d] {
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
/* /Components/Pages/Reporting/CampaignStatusDashboard.razor.rz.scp.css */
.campaign-status-dashboard[b-r788e70oya] {
    display: grid;
    gap: var(--space-5);
}

.campaign-status-dashboard .breadcrumb-nav[b-r788e70oya] {
    margin-bottom: var(--space-1);
}

.campaign-status-panel[b-r788e70oya] {
    display: grid;
    gap: var(--space-5);
    padding: var(--space-4);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    background: var(--surface-card);
}

.campaign-status-selector[b-r788e70oya] {
    display: grid;
    gap: var(--space-2);
}

.campaign-status-selector label[b-r788e70oya] {
    color: var(--text-primary);
    font-weight: 700;
}

.campaign-status-selector select[b-r788e70oya] {
    width: 100%;
    min-height: var(--space-10);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm);
    background: var(--surface-card);
    color: var(--text-primary);
}

.campaign-status-selector select:focus-visible[b-r788e70oya] {
    outline: 3px solid var(--focus-ring);
    outline-offset: var(--space-1);
}

.campaign-status-message[b-r788e70oya] {
    margin: 0;
    color: var(--text-secondary);
}

.campaign-status-message h2[b-r788e70oya] {
    margin: 0 0 var(--space-2);
    color: var(--text-primary);
}

.campaign-status-message p[b-r788e70oya] {
    margin: 0;
}

.campaign-status-message.is-empty[b-r788e70oya],
.campaign-status-message.is-unavailable[b-r788e70oya] {
    padding: var(--space-5);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    background: var(--surface-card);
}
/* /Components/Pages/Reporting/GiftReportContent.razor.rz.scp.css */
.employee-record-gift[b-l1qsq38guh] {
  display: grid;
  gap: var(--space-3);
}
/* /Components/Pages/ReviewCasePage.razor.rz.scp.css */
.review-history-entry[b-jl8m3mzqn0],
.review-history-entry details[b-jl8m3mzqn0],
.review-history-entry .review-decision-form[b-jl8m3mzqn0] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.review-history-entry .review-decision-form :is(textarea, select, input)[b-jl8m3mzqn0] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

.review-decision-note textarea[b-jl8m3mzqn0] {
    min-height: 12rem;
}

.review-history-entry .review-decision-form :is(button, .primary-action, .secondary-action)[b-jl8m3mzqn0] {
    min-height: 44px;
    max-width: 100%;
    white-space: normal;
}

.interest-review-card[b-jl8m3mzqn0] {
    display: grid;
    gap: var(--space-4);
}

.interest-card-heading[b-jl8m3mzqn0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.interest-card-heading h3[b-jl8m3mzqn0],
.interest-card-kicker[b-jl8m3mzqn0],
.interest-workflow-timeline p[b-jl8m3mzqn0] {
    margin: 0;
}

.interest-card-kicker[b-jl8m3mzqn0],
.summary-label[b-jl8m3mzqn0] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.interest-workflow-timeline[b-jl8m3mzqn0] {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.interest-workflow-timeline > li[b-jl8m3mzqn0] {
    display: grid;
    gap: var(--space-1);
    padding-inline-start: var(--space-3);
    border-left: 3px solid var(--exxaro-blue);
}

.interest-workflow-timeline p[b-jl8m3mzqn0],
.policy-citation[b-jl8m3mzqn0] {
    overflow-wrap: anywhere;
}

.policy-citation[b-jl8m3mzqn0] {
    color: var(--text-tertiary);
    font-size: var(--text-13);
}

.interest-action-panel[b-jl8m3mzqn0] {
    padding: var(--space-4);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    background: var(--surface-subtle);
}

.interest-action-panel .declaration-form-actions[b-jl8m3mzqn0] {
    margin-block-start: 0;
}

.interest-action-panel .review-decision-note input[b-jl8m3mzqn0] {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: var(--space-3);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    background: var(--surface-page);
    color: var(--text-primary);
    font: inherit;
}

.interest-action-panel .review-decision-note input:focus[b-jl8m3mzqn0] {
    border-color: var(--focus-ring);
    box-shadow: var(--focus-halo);
}

.interest-action-choices[b-jl8m3mzqn0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.interest-action-choices .review-decision-option[b-jl8m3mzqn0] {
    flex: 1 1 10rem;
    min-width: 0;
}

.interest-answer-choices[b-jl8m3mzqn0] {
    display: grid;
    gap: var(--space-2);
}

.review-history-entry .review-decision-form input:is([type="radio"], [type="checkbox"])[b-jl8m3mzqn0] {
    width: 1.125rem;
    flex: 0 0 1.125rem;
}

@media (max-width: 380px) {
    .interest-action-panel[b-jl8m3mzqn0] {
        padding: var(--space-3);
    }

    .review-history-entry .review-decision-form :is(button, .primary-action, .secondary-action)[b-jl8m3mzqn0] {
        width: 100%;
    }
}

@media (forced-colors: active) {
    .interest-workflow-timeline > li[b-jl8m3mzqn0],
    .interest-action-panel[b-jl8m3mzqn0] {
        border-color: CanvasText;
    }
}
/* /Components/Pages/ReviewQueuePage.razor.rz.scp.css */
.reconsideration-card[b-q3ddizvoi3],
.reconsideration-card :is(form, fieldset, textarea, input, button)[b-q3ddizvoi3] {
    min-width: 0;
}

.reconsideration-card[b-q3ddizvoi3] {
    display: grid;
    gap: var(--space-4);
}

.interest-card-heading[b-q3ddizvoi3] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.interest-card-heading h3[b-q3ddizvoi3],
.interest-card-kicker[b-q3ddizvoi3] {
    margin: 0;
}

.interest-card-kicker[b-q3ddizvoi3] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.workflow-state-summary[b-q3ddizvoi3] {
    margin: 0;
    padding: var(--space-4);
    border-left: 3px solid var(--exxaro-blue);
    border-radius: var(--radius-md);
    background: var(--surface-subtle);
}

.workflow-state-summary dt[b-q3ddizvoi3] {
    color: var(--text-tertiary);
    font-size: var(--text-12);
    font-weight: 700;
}

.workflow-state-summary dd[b-q3ddizvoi3] {
    margin: var(--space-1) 0 0;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.reconsideration-card .review-decision-form[b-q3ddizvoi3] {
    padding: var(--space-4);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    background: var(--surface-subtle);
}

.reconsideration-card .declaration-form-actions[b-q3ddizvoi3] {
    margin-block-start: 0;
}

@media (max-width: 380px) {
    .reconsideration-card .review-decision-form[b-q3ddizvoi3] {
        padding: var(--space-3);
    }

    .reconsideration-card .declaration-form-actions > button[b-q3ddizvoi3] {
        width: 100%;
    }
}

@media (forced-colors: active) {
    .workflow-state-summary[b-q3ddizvoi3],
    .reconsideration-card .review-decision-form[b-q3ddizvoi3] {
        border-color: CanvasText;
    }
}
/* /Components/Shared/CampaignStatusChart.razor.rz.scp.css */
.campaign-status-chart[b-kp78cwsgna] {
    min-width: 0;
    margin: 0;
    padding: var(--space-4);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    background: var(--surface-card);
}

.campaign-status-chart-heading[b-kp78cwsgna] {
    margin-bottom: var(--space-2);
    text-align: center;
}

.campaign-status-chart-heading h2[b-kp78cwsgna] {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--text-18);
}

.campaign-status-chart-heading p[b-kp78cwsgna] {
    margin: var(--space-1) 0 0;
    color: var(--text-secondary);
    font-size: var(--text-13);
}

.campaign-status-chart svg[b-kp78cwsgna] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.campaign-status-chart .chart-gridline[b-kp78cwsgna] {
    stroke: var(--border-subtle);
}

.campaign-status-chart .chart-axis[b-kp78cwsgna] {
    stroke: var(--border-strong);
}

.campaign-status-chart .chart-bar[b-kp78cwsgna] {
    fill: var(--exxaro-lime);
    stroke: var(--exxaro-green);
}

.campaign-status-chart-summary[b-kp78cwsgna] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-2);
    margin: var(--space-2) 0 0;
}

.campaign-status-chart-summary .chart-summary-item[b-kp78cwsgna] {
    min-width: 0;
    padding: var(--space-2);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    text-align: center;
}

.campaign-status-chart-summary dt[b-kp78cwsgna] {
    color: var(--text-secondary);
    font-size: var(--text-13);
    line-height: 1.2;
}

.campaign-status-chart-summary dd[b-kp78cwsgna] {
    margin: var(--space-1) 0 0;
    color: var(--text-primary);
    font-size: var(--text-14);
    font-weight: 700;
}

@media (max-width: 420px) {
    .campaign-status-chart[b-kp78cwsgna] {
        padding: var(--space-2);
    }

    .campaign-status-chart-summary[b-kp78cwsgna] {
        gap: var(--space-1);
    }

    .campaign-status-chart-summary .chart-summary-item[b-kp78cwsgna] {
        padding: var(--space-1);
    }

    .campaign-status-chart-summary dt[b-kp78cwsgna] {
        font-size: var(--text-11);
    }
}
/* /Components/Shared/InAppUserPicker.razor.rz.scp.css */
.in-app-user-picker[b-ro9moafn6d] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.in-app-user-picker__label[b-ro9moafn6d],
.in-app-user-picker__selected h3[b-ro9moafn6d],
.in-app-user-picker__help[b-ro9moafn6d],
.in-app-user-picker__status[b-ro9moafn6d] {
    margin: 0;
}

.in-app-user-picker__form[b-ro9moafn6d],
.in-app-user-picker__search-row[b-ro9moafn6d] {
    display: grid;
    gap: 0.5rem;
}

.in-app-user-picker__search-row[b-ro9moafn6d] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
}

.in-app-user-picker input[b-ro9moafn6d],
.in-app-user-picker button[b-ro9moafn6d] {
    min-height: 2.75rem;
}

.in-app-user-picker input[b-ro9moafn6d] {
    min-width: 0;
    width: 100%;
}

.in-app-user-picker ul[b-ro9moafn6d] {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.in-app-user-picker__results button[b-ro9moafn6d],
.in-app-user-picker__selected li[b-ro9moafn6d] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: left;
}

.in-app-user-picker__selected[b-ro9moafn6d] {
    display: grid;
    gap: 0.5rem;
}

.in-app-user-picker__selected li > span[b-ro9moafn6d] {
    display: grid;
    min-width: 0;
}

.in-app-user-picker__name[b-ro9moafn6d] {
    font-weight: 650;
    overflow-wrap: anywhere;
}

.in-app-user-picker__identifier[b-ro9moafn6d] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.in-app-user-picker :focus-visible[b-ro9moafn6d] {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
}

@media (max-width: 320px) {
    .in-app-user-picker__search-row[b-ro9moafn6d],
    .in-app-user-picker__results button[b-ro9moafn6d],
    .in-app-user-picker__selected li[b-ro9moafn6d] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .in-app-user-picker__search-row button[b-ro9moafn6d],
    .in-app-user-picker__selected button[b-ro9moafn6d] {
        width: 100%;
    }
}

@media (forced-colors: active) {
    .in-app-user-picker :focus-visible[b-ro9moafn6d] {
        outline-color: Highlight;
    }
}

@media (prefers-reduced-motion: reduce) {
    .in-app-user-picker *[b-ro9moafn6d] {
        scroll-behavior: auto;
        transition-duration: 0.01ms !important;
    }
}