.met-card{background:var(--met-bg);border:1.5px solid #1f2937;border-radius:16px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,0.04);max-width:none;color:var(--met-text)}
.met-head h3{margin:0 0 10px 0;font-size:26px;line-height:1.2;font-weight:800;color:var(--met-text)}
.met-wrap{display:flex;flex-direction:column;gap:16px}
/* Inputs */
.met-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.met-form .met-lbl{display:flex;flex-direction:column;gap:8px}
.met-lblt{font-size:13px;font-weight:700;color:var(--met-text)}
.met-form input, .met-form select{padding:12px 14px;border:2px solid #111827;border-radius:14px;font-size:16px;color:#111827;background:#fff}
.met-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}
.met-btn{border:2px solid var(--met-primary);border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer}
.met-btn-outline{background:transparent;color:var(--met-primary)}
.met-btn-outline:hover{background:rgba(0,0,0,0.03)}
/* Result */
.met-result{border-top:1px dashed #e5e7eb;padding-top:12px}
.met-result.hidden{display:none}
.met-result-title{font-size:14px;color:#475569;margin-bottom:4px}
.met-total{font-size:30px;font-weight:900;margin-bottom:8px;color:var(--met-text)}
.met-total.emph{font-weight:900}
.met-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.chip{background:#eef2f7;border:1px solid #d8dee8;border-radius:999px;padding:6px 10px;font-size:12px;color:#334155}
.met-bd{list-style:none;padding:0;margin:8px 0 12px 0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.met-bd li{background:#f9fafb;border:1px solid #eef2f7;border-radius:12px;padding:8px 10px;font-size:14px;color:#374151}
.met-btn-primary{display:inline-block;text-align:center;background:var(--met-accent);color:#fff;border:2px solid var(--met-accent);border-radius:14px;padding:12px 16px;font-weight:900}
.met-btn-ghost{display:inline-block;text-align:center;background:transparent;color:var(--met-primary);border:2px solid var(--met-primary);border-radius:14px;padding:10px 14px;font-weight:800}
.met-cta-row{display:flex;gap:10px;margin-bottom:10px}
.met-recalc{display:block;margin:6px auto 0 auto;background:transparent;border:none;color:#64748b;text-decoration:underline;font-size:13px;font-weight:700;cursor:pointer}
.met-legal{font-size:12px;color:#6b7280;margin-top:8px}
/* Dark mode: component bg dark, fields white */
.met-card[data-mode="dark"]{background:#0f172a;color:#e5e7eb}
.met-card[data-mode="dark"] .met-head h3{color:#e5e7eb}
.met-card[data-mode="dark"] .met-lblt{color:#e5e7eb}
.met-card[data-mode="dark"] .met-bd li{background:#0b1220;border-color:#1f2937;color:#cbd5e1}
/* Fields remain white */
.met-card[data-mode="dark"] input, .met-card[data-mode="dark"] select{background:#fff;color:#111827;border-color:#111827}
/* Responsive */
@media (max-width:none;){
  .met-form{grid-template-columns:1fr}
  .met-bd{grid-template-columns:1fr}
}

.met-fullwidth{width:100%!important;max-width:none!important}