/* The "whose money is this?" color language (Financial UX Tier 3).
   Trust (client's money) = blue; Operating/Business (firm's money) = amber/slate.
   These tokens match the palette the matter pipeline already teaches
   (MatterFinancial .station-client blue, retainer-threshold amber) — reuse them for
   every amount, row chip, and account picker instead of inventing local colors.
   Served as _content/FirmwareBlazor.UI/css/money.css; linked from the Client index.html. */
:root {
    --fw-trust-text: #1d4ed8;
    --fw-trust-bg: #e7edfb;
    --fw-trust-border: #2563eb;

    --fw-operating-text: #b45309;
    --fw-operating-bg: #fef3c7;
    --fw-operating-border: #d97706;

    --fw-business-text: #475569;
    --fw-business-bg: #f1f5f9;
    --fw-business-border: #94a3b8;
}

/* Funds-source chip — Money In "deposited to", Money Out "paid from". */
.fw-funds {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.fw-funds-trust {
    color: var(--fw-trust-text);
    background: var(--fw-trust-bg);
}

.fw-funds-operating {
    color: var(--fw-operating-text);
    background: var(--fw-operating-bg);
}

.fw-funds-business {
    color: var(--fw-business-text);
    background: var(--fw-business-bg);
}

/* Account-picker dot — marks each option in bank-account dropdowns. */
.fw-funds-dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 7px;
    vertical-align: baseline;
}

.fw-funds-dot-trust { background: var(--fw-trust-border); }
.fw-funds-dot-operating { background: var(--fw-operating-border); }
.fw-funds-dot-business { background: var(--fw-business-border); }