/* /clients page (mockup Clients.dc.html): the parts mk.css does not define. Scoped under .mk. */
.mk .hero{padding:72px 0 88px}
.mk .btn-wa{background:#1E7B4F;color:#fff;border-color:#1E7B4F}
.mk .btn-wa:hover{background:#166A42;border-color:#166A42;color:#fff}
.mk .stamp{background:#fff}
.mk .stamp.alt{transform:rotate(1.5deg);border-color:#0E2340;color:#0E2340}
.mk .dark .stamp.on-dark{background:transparent;border-color:#EA6A1F;color:#EA6A1F}
.mk .chip-wrap{white-space:normal;height:auto;padding-top:5px;padding-bottom:5px;line-height:1.35;border-radius:16px}
.mk .rate{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 0;border-top:1px solid #D8DEE5}
.mk .rate .num{font-size:24px;color:#0E2340}
.mk .rate .num .cap{font-family:var(--rz-font);font-weight:500}
.mk .rate .num.req{font-family:var(--rz-font);font-size:17px;font-weight:600;color:#5A6573}
.mk .crew-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#F3F5F7;border-radius:12px;flex-wrap:wrap}
.mk .proj-head .cap.ord{font-family:var(--rz-font-display);font-size:12px;letter-spacing:.06em}

/* Form (mockup .field / label / .input) */
.mk .field{display:flex;flex-direction:column;gap:8px;min-width:0}
.mk #aanvraag label{font-weight:700;font-size:15px;color:#0E2340}
.mk #aanvraag label.plain{font-weight:500;color:#171C24}
.mk .input{width:100%;box-sizing:border-box;min-height:52px;padding:12px 16px;border:1px solid #D8DEE5;border-radius:12px;font-family:var(--rz-font);font-weight:500;font-size:16px;background:#fff;color:#171C24}
.mk .input:focus{outline:none;border:2px solid #1A4D7C;padding:11px 15px}
.mk .input:focus-visible{outline:2px solid #1A4D7C;outline-offset:2px}
.mk textarea.input{min-height:140px;resize:vertical}
.mk .input[aria-invalid=true]{border:2px solid #9B1C1C;padding:11px 15px}
.mk input.input[type=file]{padding:12px}
.mk #aanvraag-form{display:flex;flex-direction:column;gap:18px}
.mk #aanvraag-form .v3-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mk .form-err{background:#FDE2E2;color:#9B1C1C;border-radius:12px;padding:12px 16px;font-weight:600}
.mk .form-ok{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.mk .form-ok .ref{font-size:28px;padding:10px 18px;transform:none;color:#0E2340;border-color:#0E2340}

/* sources inside dark sections */
.mk .dark .v3-src,.mk .dark .v3-src a{color:#9FB0CC;font-size:13px}
.mk .dark .v3-src a{text-decoration:underline}
.mk .li .v3-src{display:block;margin-top:2px}

@media (max-width:720px){
  .mk .hero{padding:40px 0 48px}
  .mk .btn{white-space:normal;text-align:center}
  .mk .rate .num{font-size:20px}
  .mk .form-ok .ref{font-size:22px}
}