/* Receivable/payable workflow cards: scoped to the account workspace. */
.finance-account-management .finance-account-flow { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0; }
.finance-account-management .finance-account-step { position:relative;display:flex;align-items:center;gap:12px;min-height:112px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-align:left;font:inherit;cursor:pointer; }
.finance-account-management .finance-account-step:hover,.finance-account-management .finance-account-step.active { border-color:var(--brand);background:var(--soft); }
.finance-account-management .finance-account-step:focus-visible { outline:2px solid var(--brand);outline-offset:3px; }
.finance-account-management .finance-account-step>i { display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:var(--soft);color:var(--brand); }
.finance-account-management .finance-account-step svg { width:22px;height:22px; }
.finance-account-management .finance-account-step>span { display:flex;flex-direction:column;gap:8px;min-width:0; }
.finance-account-management .finance-account-step b { font-size:16px;font-weight:600; }
.finance-account-management .finance-account-step small { font-size:12px;color:#6d5960;line-height:1.5; }
.finance-account-management .finance-account-step>strong { margin-left:auto;font-size:20px;color:var(--brand);font-variant-numeric:tabular-nums; }
.finance-account-management .finance-account-step>em { position:absolute;right:12px;top:8px;font-size:12px;font-style:normal;color:#6d5960; }
.finance-receivable-picker { overflow-x:auto; }
.finance-receivable-picker>p { padding:0 16px 16px;color:#6d5960;font-size:14px; }
@media(max-width:1100px){.finance-account-management .finance-account-flow{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.finance-account-management .finance-account-flow{grid-template-columns:minmax(0,1fr);}}

.finance-account-management .finance-chain-help{font-size:14px;line-height:1.7;color:#6d5960;margin:8px 0 16px;}
