.loan-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.loan-summary-card{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);min-width:0}
.loan-summary-card span{color:var(--muted);font-size:11px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loan-summary-card strong{color:var(--accent-strong);font-size:16px;overflow-wrap:anywhere}
.loan-summary-card-1{border-top:3px solid var(--accent)}
.loan-summary-card-2{border-top:3px solid var(--accent2)}
.loan-summary-card-3{border-top:3px solid #e2a52b}
.loan-schedule-scroll{box-shadow:0 8px 22px rgba(30,50,85,.05)}
.loan-schedule tfoot th{padding:12px;border-top:2px solid var(--line);background:var(--panel-soft);color:var(--text);font-weight:800;white-space:nowrap}
@media(max-width:650px){
    .loan-summary-grid{grid-template-columns:1fr}
    .loan-summary-card{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .loan-summary-card strong{font-size:14px;text-align:left}
    .loan-schedule-heading{align-items:flex-start;flex-direction:column}
    .loan-export-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
    .loan-export-actions .button{width:100%}
    .loan-schedule{font-size:12px}
    .loan-schedule th,.loan-schedule td{padding:10px}
}