/* Shared styling for the Investments redesign (Components/Investments/Redesign,
   Components/Modals/Investments/Redesign). Kept out of the isolated .razor.css
   files on purpose: Blazor CSS isolation scopes those rules to one component, so
   patterns reused across multiple Investments components need to live in a global
   stylesheet to actually be shared rather than re-declared per file. */

/* .investment-empty-card removed — both usages now render the shared EmptyState component
   (Components/Shared/Redesign/DataDisplay/EmptyState.razor). */

/* .investment-row-actions / .investment-icon-button / .investment-icon-button img removed - both
   Investments tables now use the shared TableRowActions component and the global .zw-icon-button
   classes, which declared byte-identical values. .investment-icon-button--danger was only ever a
   marker class with no rule behind it; .zw-icon-button--danger does have one (a red focus ring). */

/* Passed to EditableSection.CssClass by InvestmentPaymentTermsSectionEditor. Global because
   EditableSection renders the element the class lands on, so the section's own isolated stylesheet
   cannot reach it. */
.investment-payment-terms-section {
    margin-top: 16px;
}

/* EditableSection keeps its content a plain block on purpose (see .zw-editable-section__content in
   EditableSection.razor.css), so this section opts into a stack itself: editor, history subheading,
   table and show-all link are spaced by one gap instead of per-element margins. Global for the
   same reason as the rule above - the content div is rendered by EditableSection. */
.investment-payment-terms-section .zw-editable-section__content {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Prepayment payment-term badges: SemanticBadge's five frozen tones (Neutral/Info/Success/
   Warning/Danger, Components/Shared/Redesign/DataDisplay) have no purple, so a Prepayment badge
   is rendered with Tone="Warning" as its structural base (padding/border-radius/font-size — Later
   Payment's real tone, matched exactly) plus this CssClass override supplying the original
   employee-pill--type-wage color (#f0ebff/#c5b7f2/#7d68d8, borrowed from the Employee domain's
   Wage color). The compound selector (two classes) is required, not just specificity theatre:
   redesign_foundation.css is @imported after this file in app.css, so a same-specificity single-
   class rule here would lose to .zw-semantic-badge--warning on source order alone. */
.zw-semantic-badge.investment-badge--prepayment {
    background: #f0ebff;
    border-color: #c5b7f2;
    color: #7d68d8;
}