@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
:root{
  --green:#174711;
  --blue:#0D2A63;
  --red:#800202;
  --yellow:#E5C609;
  --muted:#6b7280;
}
body .erm-card{max-width:900px;margin:24px auto;padding:20px;border-radius:14px;background:linear-gradient(180deg,#ffffff,#fbfff9);box-shadow:0 10px 30px rgba(3,10,18,0.06);font-family:'Poppins',sans-serif;border:1px solid #eef3ea}
.erm-header h2{margin:0;font-size:20px;color:var(--green);font-weight:700}
.erm-sub{margin:6px 0 14px 0;color:var(--muted);font-size:14px}
.erm-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.erm-row{display:flex;flex-direction:column}
.erm-row label{font-weight:600;color:#223}
.erm-select,.erm-input{padding:12px;border-radius:10px;border:1px solid #e6eee3;font-size:15px;margin-top:8px}
.erm-actions{grid-column:1/-1;display:flex;gap:10px;margin-top:6px}
.erm-btn{flex:1;padding:12px;border-radius:10px;border:none;color:#fff;font-weight:700;cursor:pointer;transition:all .18s ease}
.erm-btn-primary{background:var(--green)}.erm-btn-primary:hover{filter:brightness(.95)}
.erm-btn-secondary{background:var(--blue)}.erm-btn-secondary:hover{filter:brightness(.95)}
.erm-btn-tertiary{background:var(--red)}.erm-btn-tertiary:hover{filter:brightness(.95)}
.erm-result{grid-column:1/-1;margin-top:18px;border-radius:10px;background:#fff;padding:14px;border:1px solid #eef6ee}
.erm-result-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #edf6ec;padding-bottom:10px;margin-bottom:10px}
.erm-total{font-size:20px;color:var(--green);font-weight:800}
.erm-specs{font-size:14px;color:#333;line-height:1.5}
.erm-specs h4{margin:6px 0 6px 0;color:#174711}
.erm-footer{margin-top:12px;font-size:13px;color:var(--muted);text-align:center}
@media(max-width:720px){.erm-body{grid-template-columns:1fr}.erm-actions{flex-direction:column}}