/* ---------------------------------------------------------
   STEP3.CSS — Scoped styles alleen voor Stap 3 (klasse .s3)
   Bevoegdheid & Duur/opzegtermijn
---------------------------------------------------------- */

.s3 .card{
  background: var(--panel-strong);
  border:1px solid #cfe1fb;
  border-radius:10px;
  padding:.9rem;
  margin-bottom:14px;
}

.s3 .field{ background:transparent; border:0; padding:0 }
.s3 .field label{
  display:block; font-weight:700; font-size:.9rem; color:#1f2937;
  margin-left:.1rem; margin-bottom:.25rem;
}

/* Inputs (lijnstijl) */
.s3 input[type=text],
.s3 input[type=number],
.s3 textarea,
.s3 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;
}
.s3 input[type=number]{ max-width:140px }
.s3 input[type=number]:focus,
.s3 textarea:focus,
.s3 select:focus{ border-bottom-color:#002E5D }

/* Layout helpers */
.s3 .inline{ display:flex; gap:1rem; align-items:center; flex-wrap:wrap }
.s3 .numrow{ display:flex; gap:10px; align-items:center }
.s3 .unit{ min-width:90px; font-weight:700; color:#111827 }

/* Hint/voorbeeld */
.s3 .example{
  border-left:4px solid #002E5D; background:#f0f7ff;
  border:1px solid #d9e8fb; border-radius:10px;
  padding:.8rem 1rem; margin-top:.6rem; font-size:.92rem;
}
.s3 .hint{ color:#64748b; font-size:.9rem }