/* Loan workspace: readable dialog, one scroll surface, compact controls. */
.modal-card--loan-detail,.modal-card--loan-payout{width:min(1180px,calc(100vw - 40px));max-height:calc(100dvh - 40px);margin:auto;border-radius:16px;overflow-y:auto;overscroll-behavior:contain}
.modal-card--loan-detail .loan-detail-header{padding:18px;gap:14px;align-items:center;flex-wrap:wrap}
.modal-card--loan-detail .loan-detail-header h2{font:600 25px/1.2 'DM Sans',sans-serif}
.modal-card--loan-detail .loan-profile-actions{flex-wrap:wrap;gap:8px;margin-left:auto;max-width:65%}
.modal-card--loan-detail .loan-profile-actions button{font-size:12px;padding:11px 14px;min-height:42px}
.modal-card--loan-detail .loan-financial-grid{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.modal-card--loan-detail .loan-financial-card{padding:14px;min-height:100px}
.modal-card--loan-detail .loan-financial-card h3{font:600 22px/1.25 'DM Sans',sans-serif;overflow-wrap:anywhere}
.modal-card--loan-detail .loan-command-summary-strip{display:none}
.modal-card--loan-detail .loan-command-tabs{position:sticky;top:0;z-index:3;background:var(--command-surface,var(--panel,#171a18));overflow-x:auto;white-space:nowrap}
.loan-workspace-contact{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.loan-workspace-contact button{font-size:12px;min-height:40px;padding:8px 14px}
.loan-payout-workspace{display:grid;gap:12px}
.payout-workspace-note,.payout-step-result{font-size:13px;line-height:1.6;color:var(--command-muted,var(--muted,#999));margin:0}
.payout-step{border:1px solid var(--command-line,var(--line,#333));border-radius:12px;padding:16px}
.payout-step.is-current{border-color:var(--gold,#c99b28)}
.payout-step.is-complete{border-color:color-mix(in srgb,var(--green,#32ac76) 45%,transparent)}
.payout-step>header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.payout-step>header>span{display:grid;place-items:center;border:1px solid var(--line,#555);width:28px;height:28px;border-radius:50%;font-size:12px;flex-shrink:0}
.payout-step.is-complete>header>span{color:var(--green,#32ac76)}
.payout-step>header h3{font:600 15px/1.3 'DM Sans',sans-serif;margin:0}
.payout-step>header small{margin-left:auto;font-size:11px;color:var(--muted,#999)}
.payout-step .field{margin-bottom:12px}
.payout-step button{font-size:12px;padding:11px 16px}
.modal-card--loan-payout .modal-heading h2{font:600 25px/1.2 'DM Sans',sans-serif}
@media(max-width:760px){.modal-card--loan-detail,.modal-card--loan-payout{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.modal-card--loan-detail .loan-profile-actions{margin-left:0;max-width:100%;width:100%}.modal-card--loan-detail .loan-profile-actions button{flex:1}.modal-card--loan-detail .loan-financial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-card--loan-detail .loan-detail-header h2{font-size:22px}.payout-step .form-grid{grid-template-columns:1fr}.payout-step .field.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.modal-card--loan-detail,.modal-card--loan-payout{animation:none;transition:none}}