/* ---------------------------------------------------------
   STEP2.CSS — Scoped styles alleen voor Stap 2 (klasse .s2)
   Past niets aan buiten .s2.
---------------------------------------------------------- */

.s2 .grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:14px }
.s2 .grid-single{ display:grid; grid-template-columns:1fr; gap:14px }
@media (max-width:720px){ .s2 .grid-2{ grid-template-columns:1fr } }

/* Auto grid voor percentages per vennoot */
.s2 .grid-auto{ display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:14px }

/* Kaarten/velden */
.s2 .card{
  background: var(--panel-strong);
  border:1px solid #cfe1fb;
  border-radius:10px;
  padding:.9rem;
  margin-bottom:14px;
}
.s2 .field{ background:transparent; border:0; padding:0 }
.s2 .field label{
  display:block; font-weight:700; font-size:.9rem; color:#1f2937;
  margin-left:.1rem; margin-bottom:.2rem;
}

/* Inputs in Stap 2: lijnstijl + extra linker padding */
.s2 input[type=text],
.s2 input[type=number],
.s2 input[type=date],
.s2 input[type=email],
.s2 textarea,
.s2 select{
  width:100%;
  font:inherit; color:#0f172a; background:#fff;
  border:0; border-bottom:1px solid #e5e7eb; border-radius:0;
  padding:.62rem .5rem .52rem 1rem;
  outline:none;
}
.s2 input[type=text]:focus,
.s2 input[type=number]:focus,
.s2 textarea:focus{ border-bottom-color:#002E5D }

.s2 textarea[data-autogrow]{ resize:none; overflow:hidden; min-height:92px; line-height:1.45 }

/* Voorbeeld-blokken */
.s2 .example{
  border-left:4px solid #002E5D; background:#f0f7ff;
  border:1px solid #d9e8fb; border-radius:10px;
  padding:.8rem 1rem; margin-top:.6rem; font-size:.92rem;
}

/* Kleine helpers */
.s2 .inline{ display:flex; gap:.8rem; flex-wrap:wrap; align-items:center }
.s2 .hint{ color:#64748b; font-size:.9rem }
.s2 .pct-sum{ font-weight:700; }