.mfpc-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:12px; margin-bottom:12px; }
.mfpc label { display:flex; flex-direction:column; gap:6px; font-weight:600; }
.mfpc select { padding:8px; border:1px solid #cbd5e1; border-radius:8px; }
.mfpc-result { background:#b4d234; border:1px solid #e2e8f0; border-radius:10px; padding:10px; margin:12px 0; }
.mfpc-table { width:100%; border-collapse:collapse; margin-top:8px; }
.mfpc-table th, .mfpc-table td { border:1px solid #e5e7eb; padding:8px; text-align:left; vertical-align:middle; }
.mfpc-table th { background:#f1f5f9; }
.mfpc-missing { background:#fff7ed; } /* row highlight when coverage is missing */


/* Highlighted surface banner */
.calc-surface{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 16px;
  margin:8px 0 16px;
  border:1px solid #cfd8e3;
  background:#f5f8ff;
  border-radius:12px;
  font-weight:700;
  font-size:clamp(18px,2.2vw,22px);
  color:#0f172a;
}
.calc-surface strong{ font-weight:800; }
#mfpc_surface{ font-size:1.25em; font-variant-numeric:tabular-nums; }



.mfpc-table td img.mfpc-thumb{
  width:96px !important;
  height:96px !important;
  border-radius:12px;
  object-fit:cover;
  display:block;
}
.mfpc-table td:nth-child(2){ /* photo column */
  width:120px;
}

/* Add clear space before Step 2 */
.calc-surface{ margin:12px 0 28px; }
.calc-surface + *{ margin-top:24px !important; } /* pushes whatever comes next (Step 2 card) */