/* Styles for Refinance Calculator */
.memrefi-wrap{--bg:#ffffff;--text:#111827;--muted:#6b7280;--brand:#7ebc42;--ring:#bbf7d0;--card:#f3f4f6;--border:#e5e7eb}
.memrefi-wrap{background:var(--bg);color:var(--text);max-width:900px;margin:auto;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 10px 18px rgba(0,0,0,.05)}
.memrefi-grid{display:grid;grid-template-columns:1fr;gap:16px}
.memrefi-fieldset{border:1px solid var(--border);border-radius:14px;padding:14px}
.memrefi-fieldset legend{padding:0 8px;font-weight:700;color:#0f172a}
.memrefi-field{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.memrefi-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.memrefi-field label{font-weight:600}
.memrefi-field input, .memrefi-field select{border:1px solid var(--border);border-radius:10px;padding:10px;font-size:16px}
.memrefi-field input:focus, .memrefi-field select:focus{outline:none;box-shadow:0 0 0 4px var(--ring)}
.memrefi-checkbox{display:flex;align-items:center;gap:8px;margin-top:6px}
.memrefi-actions{display:flex;gap:10px;margin-top:4px}
.memrefi-btn{background:var(--brand);border:none;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:700}
.memrefi-btn.memrefi-ghost{background:#e5e7eb;color:#111827}
.memrefi-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.memrefi-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}
.memrefi-kpi{font-size:24px;font-weight:800;margin-top:4px}
.memrefi-kpi-label{color:var(--muted);font-size:14px}
.memrefi-kpi-sub{color:var(--muted);font-size:12px;margin-top:4px}
.memrefi-amort{margin-top:12px}
.memrefi-table-wrap{max-height:360px;overflow:auto;border:1px solid var(--border);border-radius:12px}
.memrefi-table{width:100%;border-collapse:separate;border-spacing:0}
.memrefi-table th,.memrefi-table td{padding:10px;border-bottom:1px solid var(--border);text-align:right;font-variant-numeric:tabular-nums}
.memrefi-table th:first-child,.memrefi-table td:first-child{text-align:left}
.memrefi-disclaimer{color:var(--muted);font-size:12px;margin-top:12px}
@media (max-width:800px){
  .memrefi-split{grid-template-columns:1fr}
  .memrefi-cards{grid-template-columns:1fr}
}