/**
 * OplichtingHelpdesk — OHV Style Overrides
 * ----------------------------------------
 * Visuele overrides die bovenop public.css geladen worden.
 * Doel: alle public-facing plugin-views (formulieren, klantomgeving,
 * inloggen/registreren, agreement) in dezelfde stijl als de site brengen.
 *
 * Geen wijzigingen aan layout-structuur of JS-functionaliteit — alleen
 * kleuren, typografie, randen, paddings.
 */

/* ============================================================
   CSS VARIABELEN — gedeeld met de site (Voorwaarden.txt e.d.)
   ============================================================ */
.ohd-form-container,
.ohd-anonymous-modal,
.ohd-melding-modal,
.ohd-anonymous-launch-wrap,
.ohd-search-launch-wrap,
.ohd-signaallijst-container,
.ohd-search-modal,
.ohd-dossier-container,
.ohd-dossier-topbar,
.ohd-auth-container,
.ohd-agreement-wrap,
.ohd-anonymous-thanks {
  --ohv-primary: #17202A;
  --ohv-secondary: #53606C;
  --ohv-accent: #1769AA;
  --ohv-accent-dark: #0F4F82;
  --ohv-background: #F8F5F1;
  --ohv-card: #FFFFFF;
  --ohv-soft: #EDF6FC;
  --ohv-border: #CBD9E5;
  --ohv-text: #1C2430;
  --ohv-muted: #625F5B;
  --ohv-good: #2E7D5B;
  --ohv-warn: #D97706;
  --ohv-bad: #B33A3A;
  --ohv-font: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ============================================================
   FORMULIER CONTAINER
   ============================================================ */
.ohd-form-container {
  font-family: var(--ohv-font) !important;
  color: var(--ohv-text) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  background: transparent !important;
}

.ohd-form-container *,
.ohd-form-container *::before,
.ohd-form-container *::after {
  box-sizing: border-box;
}

/* ============================================================
   PROGRESS BAR (stappen 1-2-3-4)
   ============================================================ */
.ohd-form-container .ohd-progress-bar {
  background: transparent !important;
  padding: 8px 0 20px !important;
  border: 0 !important;
  margin: 0 0 20px !important;
}

.ohd-form-container .ohd-progress-steps {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}

.ohd-anonymous-modal .ohd-form-section-icon svg {
  stroke: var(--ohv-accent) !important;
}

/* Track (achtergrond-lijn) achter de steps */
.ohd-form-container .ohd-progress-steps::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--ohv-border) !important;
  z-index: 0;
}

/* Fill (gekleurde voortgang) — width wordt door public.js direct
   ingesteld via inline style, dus geen var() of ::after meer. */
.ohd-form-container .ohd-progress-line {
  position: absolute !important;
  top: 17px !important;
  left: 0 !important;
  height: 2px !important;
  background: var(--ohv-accent) !important;
  z-index: 1 !important;
  transition: width .3s ease !important;
  /* width wordt geset door public.js per stap */
}

.ohd-form-container .ohd-progress-step {
  position: relative;
  flex: 1 1 0;
  text-align: center;
  z-index: 1;
}

.ohd-form-container .ohd-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  color: var(--ohv-muted) !important;
  -webkit-text-fill-color: var(--ohv-muted) !important;
  border: 2px solid var(--ohv-border) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  font-family: var(--ohv-font) !important;
  margin: 0 auto 8px !important;
  transition: all .2s ease;
}

.ohd-form-container .ohd-progress-step.active .ohd-step-number,
.ohd-form-container .ohd-progress-step.completed .ohd-step-number {
  background: var(--ohv-accent) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: var(--ohv-accent) !important;
}

.ohd-form-container .ohd-step-label {
  font-size: 13px !important;
  color: var(--ohv-muted) !important;
  font-weight: 600 !important;
  font-family: var(--ohv-font) !important;
  line-height: 1.35 !important;
}

.ohd-form-container .ohd-progress-step.active .ohd-step-label {
  color: var(--ohv-primary) !important;
}

.ohd-form-container .ohd-progress-status {
  text-align: center;
  margin-top: 12px;
  color: var(--ohv-muted);
  font-size: 13px;
}

/* ============================================================
   FORMULIER VELDEN
   ============================================================ */
.ohd-form-container .ohd-form-step h3 {
  margin: 0 0 8px !important;
  color: var(--ohv-primary) !important;
  font-size: clamp(20px, 2.5vw, 26px) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  font-family: var(--ohv-font) !important;
}

.ohd-form-container .ohd-form-step > p {
  margin: 0 0 18px !important;
  color: var(--ohv-muted) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.ohd-form-container .ohd-form-step h4 {
  margin: 22px 0 10px !important;
  color: var(--ohv-primary) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  font-family: var(--ohv-font) !important;
}

.ohd-form-container .ohd-form-group {
  margin: 0 0 16px !important;
}

.ohd-form-container .ohd-form-group > label,
.ohd-form-container .ohd-form-row > label {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--ohv-primary) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: var(--ohv-font) !important;
}

.ohd-form-container .ohd-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 0 0 16px;
}

@media (max-width: 640px) {
  .ohd-form-container .ohd-form-row {
    grid-template-columns: 1fr;
  }
}

.ohd-form-container .required,
.ohd-form-container .ohd-required {
  color: var(--ohv-accent) !important;
  font-weight: 700;
}

/* Input, textarea, select */
.ohd-form-container input[type="text"],
.ohd-form-container input[type="email"],
.ohd-form-container input[type="tel"],
.ohd-form-container input[type="number"],
.ohd-form-container input[type="password"],
.ohd-form-container input[type="url"],
.ohd-form-container input[type="search"],
.ohd-form-container input[type="date"],
.ohd-form-container input[type="time"],
.ohd-form-container .ohd-input,
.ohd-form-container textarea,
.ohd-form-container select {
  width: 100% !important;
  padding: 11px 14px !important;
  border: 1px solid var(--ohv-border) !important;
  border-radius: 7px !important;
  background: #FFFFFF !important;
  color: var(--ohv-text) !important;
  -webkit-text-fill-color: var(--ohv-text) !important;
  font-family: var(--ohv-font) !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: all .2s ease !important;
  margin: 0 !important;
}

.ohd-form-container input:focus,
.ohd-form-container textarea:focus,
.ohd-form-container select:focus,
.ohd-form-container .ohd-input:focus {
  border-color: var(--ohv-accent) !important;
  box-shadow: 0 0 0 3px rgba(164,92,64,.16) !important;
}

.ohd-form-container input[readonly],
.ohd-form-container input[readonly]:focus {
  background: var(--ohv-background) !important;
  color: var(--ohv-muted) !important;
  -webkit-text-fill-color: var(--ohv-muted) !important;
  cursor: not-allowed;
  border-color: var(--ohv-border) !important;
  box-shadow: none !important;
}

.ohd-form-container textarea {
  min-height: 110px;
  resize: vertical;
}

.ohd-form-container input[type="file"] {
  width: 100%;
  padding: 10px 12px !important;
  background: #FFFFFF !important;
  border: 1px dashed var(--ohv-border) !important;
  border-radius: 7px !important;
  font-family: var(--ohv-font) !important;
  font-size: 14px !important;
  color: var(--ohv-text) !important;
  cursor: pointer;
}

.ohd-form-container .ohd-field-help,
.ohd-form-container .ohd-input-help {
  display: block;
  margin: 6px 0 0;
  color: var(--ohv-muted) !important;
  font-size: 13px !important;
  font-style: normal !important;
  line-height: 1.45;
}

.ohd-form-container .ohd-field-error,
.ohd-form-container .ohd-error {
  display: block;
  margin: 6px 0 0;
  padding: 8px 12px;
  background: #FCE9E9 !important;
  color: var(--ohv-bad) !important;
  border-left: 3px solid var(--ohv-bad) !important;
  border-radius: 4px;
  font-size: 13px !important;
  font-weight: 600;
}

/* Checkbox + radio */
.ohd-form-container .ohd-checkbox-label,
.ohd-form-container label.ohd-checkbox-label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  cursor: pointer;
  color: var(--ohv-text) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  padding: 8px 0 !important;
}

.ohd-form-container input[type="checkbox"],
.ohd-form-container input[type="radio"] {
  flex: 0 0 auto;
  width: 18px !important;
  height: 18px !important;
  margin: 1px 0 0 !important;
  accent-color: var(--ohv-accent);
  cursor: pointer;
}

/* Radio-row (bv. JA/NEE) */
.ohd-form-container .ohd-radio-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.ohd-form-container .ohd-radio-row label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #FFFFFF;
  border: 1.5px solid var(--ohv-border);
  border-radius: 7px;
  cursor: pointer;
  font-weight: 600;
  color: var(--ohv-text);
  transition: all .2s ease;
}

.ohd-form-container .ohd-radio-row label:has(input:checked) {
  border-color: var(--ohv-accent);
  background: var(--ohv-soft);
  color: var(--ohv-primary);
}

/* ============================================================
   KNOPPEN
   ============================================================ */
.ohd-form-container .ohd-button,
.ohd-form-container .ohd-form-nav .ohd-button,
.ohd-form-container button.ohd-button,
.ohd-form-container input.ohd-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 24px !important;
  background: #FFFFFF !important;
  color: var(--ohv-accent) !important;
  -webkit-text-fill-color: var(--ohv-accent) !important;
  border: 1.5px solid var(--ohv-accent) !important;
  border-radius: 7px !important;
  font-family: var(--ohv-font) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: all .2s ease !important;
  margin: 0 !important;
}

.ohd-form-container .ohd-button:hover,
.ohd-form-container .ohd-button:focus {
  background: var(--ohv-soft) !important;
  color: var(--ohv-primary) !important;
  -webkit-text-fill-color: var(--ohv-primary) !important;
  border-color: var(--ohv-primary) !important;
  transform: translateY(-1px);
}

.ohd-form-container .ohd-button-primary,
.ohd-form-container .ohd-button.ohd-button-primary,
.ohd-form-container button.ohd-button-primary,
.ohd-form-container input.ohd-button-primary {
  background: var(--ohv-accent) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: var(--ohv-accent) !important;
}

.ohd-form-container .ohd-button-primary:hover,
.ohd-form-container .ohd-button-primary:focus {
  background: var(--ohv-accent-dark) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: var(--ohv-accent-dark) !important;
  transform: translateY(-1px);
}

.ohd-form-container .ohd-button:disabled,
.ohd-form-container .ohd-button-primary:disabled {
  opacity: .55;
  cursor: not-allowed;
  transform: none !important;
}

.ohd-form-container .ohd-form-nav {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--ohv-border);
}

.ohd-form-container .ohd-form-nav .ohd-prev-step {
  background: #FFFFFF !important;
  color: var(--ohv-secondary) !important;
  -webkit-text-fill-color: var(--ohv-secondary) !important;
  border-color: var(--ohv-secondary) !important;
}

.ohd-form-container .ohd-form-nav .ohd-next-step,
.ohd-form-container .ohd-form-nav button[type="submit"] {
  margin-left: auto;
}

/* ============================================================
   FORM MESSAGES
   ============================================================ */
.ohd-form-container .ohd-form-messages {
  margin: 0 0 16px;
}

.ohd-form-container .ohd-form-messages:empty {
  display: none;
}

.ohd-form-container .ohd-form-messages > * {
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
}

.ohd-form-container .ohd-form-messages .ohd-success {
  background: #E6F4EE !important;
  color: var(--ohv-good) !important;
  border-left: 4px solid var(--ohv-good) !important;
}

.ohd-form-container .ohd-form-messages .ohd-error {
  background: #FCE9E9 !important;
  color: var(--ohv-bad) !important;
  border-left: 4px solid var(--ohv-bad) !important;
}

/* ============================================================
   MODAL (anonymous + melding modal)
   ============================================================ */
.ohd-anonymous-modal,
.ohd-search-modal,
.ohd-melding-modal {
  font-family: var(--ohv-font) !important;
}

.ohd-anonymous-modal-content,
.ohd-search-modal-content,
.ohd-melding-modal-content {
  background: var(--ohv-background) !important;
  border-radius: 12px !important;
  border-top: 4px solid var(--ohv-accent) !important;
  box-shadow: 0 24px 60px rgba(23,32,42,.25) !important;
}

.ohd-modal-title {
  color: var(--ohv-primary) !important;
  font-size: clamp(22px, 2.5vw, 28px) !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  font-family: var(--ohv-font) !important;
  letter-spacing: -.02em !important;
  margin: 0 0 18px !important;
}

.ohd-modal-close {
  background: transparent !important;
  border: 0 !important;
  color: var(--ohv-muted) !important;
  font-size: 28px !important;
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: all .2s ease;
}

.ohd-modal-close:hover {
  background: var(--ohv-soft) !important;
  color: var(--ohv-primary) !important;
}

/* Search modal specifiek */
.ohd-modal-search-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 13px 22px !important;
  background: var(--ohv-accent) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1.5px solid var(--ohv-accent) !important;
  border-radius: 7px !important;
  font-family: var(--ohv-font) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
  margin-top: 10px !important;
}

.ohd-modal-search-btn:hover {
  background: var(--ohv-accent-dark) !important;
  border-color: var(--ohv-accent-dark) !important;
}

.ohd-modal-search-btn.loading {
  opacity: .6;
  cursor: progress;
}

/* ============================================================
   AGREEMENT pagina
   ============================================================ */
.ohd-agreement-wrap,
.ohd-agreement-container {
  font-family: var(--ohv-font) !important;
  color: var(--ohv-text) !important;
  background: transparent !important;
}

.ohd-agreement-wrap h1,
.ohd-agreement-wrap h2,
.ohd-agreement-wrap h3 {
  color: var(--ohv-primary) !important;
  font-family: var(--ohv-font) !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

.ohd-agreement-wrap h1 { font-size: clamp(28px, 4vw, 38px) !important; line-height: 1.15 !important; margin: 0 0 16px !important; }
.ohd-agreement-wrap h2 { font-size: clamp(22px, 2.5vw, 26px) !important; line-height: 1.2 !important; margin: 22px 0 12px !important; }
.ohd-agreement-wrap h3 { font-size: 18px !important; line-height: 1.3 !important; margin: 16px 0 8px !important; }

.ohd-agreement-wrap p,
.ohd-agreement-wrap li {
  color: var(--ohv-text) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.ohd-agreement-wrap table {
  width: 100%;
  border-collapse: collapse;
  background: #FFFFFF;
  border: 1px solid var(--ohv-border);
  border-radius: 8px;
  overflow: hidden;
  margin: 16px 0;
}

.ohd-agreement-wrap th {
  background: var(--ohv-soft) !important;
  text-align: left !important;
  padding: 12px 14px !important;
  color: var(--ohv-primary) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid var(--ohv-border) !important;
  vertical-align: top;
}

.ohd-agreement-wrap td {
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--ohv-border) !important;
  color: var(--ohv-text) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  vertical-align: top;
}

.ohd-agreement-wrap tr:last-child td { border-bottom: 0 !important; }

/* ============================================================
   DOSSIER (klantomgeving) — basis-styling
   Volledige make-over volgt in sessie B, dit is alvast minimaal
   netjes maken zodat het er nu niet "WordPress-paars" uitziet.
   ============================================================ */
.ohd-dossier-container {
  font-family: var(--ohv-font) !important;
  color: var(--ohv-text) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.ohd-dossier-container h1,
.ohd-dossier-container h2,
.ohd-dossier-container h3,
.ohd-dossier-topbar h1 {
  color: var(--ohv-primary) !important;
  font-family: var(--ohv-font) !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

.ohd-dossier-topbar {
  background: var(--ohv-primary) !important;
  color: #F3EFEA !important;
  padding: 16px 22px !important;
  border-radius: 10px !important;
  border-left: 5px solid var(--ohv-accent) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.ohd-dossier-topbar h1,
.ohd-dossier-topbar h2 {
  color: #FFFFFF !important;
  margin: 0 !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  font-weight: 700 !important;
}

.ohd-dossier-topbar a,
.ohd-dossier-topbar .ohd-dossier-logout-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px !important;
  background: rgba(255,255,255,.12) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  border-radius: 7px !important;
  font-family: var(--ohv-font) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
}

.ohd-dossier-topbar a:hover,
.ohd-dossier-topbar .ohd-dossier-logout-btn:hover {
  background: rgba(255,255,255,.22) !important;
  border-color: #FFFFFF !important;
}

.ohd-dossier-section,
.ohd-dossier-box {
  background: #FFFFFF !important;
  border: 1px solid var(--ohv-border) !important;
  border-radius: 10px !important;
  padding: 22px !important;
  margin-bottom: 18px;
  box-shadow: 0 8px 22px rgba(23,32,42,.05);
}

.ohd-dossier-section h2,
.ohd-dossier-section h3 {
  margin: 0 0 12px !important;
  font-size: clamp(18px, 2vw, 22px) !important;
}

.ohd-cases-list {
  display: grid;
  gap: 14px;
}

.ohd-case-card {
  background: #FFFFFF !important;
  border: 1px solid var(--ohv-border) !important;
  border-left: 4px solid var(--ohv-accent) !important;
  border-radius: 10px !important;
  padding: 18px 22px !important;
  box-shadow: 0 8px 22px rgba(23,32,42,.05);
}

.ohd-case-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}

.ohd-case-header h3 {
  margin: 0 !important;
  font-size: 17px !important;
  color: var(--ohv-primary) !important;
}

.ohd-case-badge,
.ohd-case-statuses span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: var(--ohv-soft);
  color: var(--ohv-accent);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ohd-case-details,
.ohd-detail-row {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 8px 14px;
  margin: 0 0 6px;
}

.ohd-detail-label {
  color: var(--ohv-muted) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.ohd-detail-value {
  color: var(--ohv-text) !important;
  font-size: 15px !important;
}

@media (max-width: 640px) {
  .ohd-case-details,
  .ohd-detail-row {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

/* ============================================================
   AUTH (login, register)
   ============================================================ */
.ohd-auth-container {
  font-family: var(--ohv-font) !important;
  background: #FFFFFF !important;
  border: 1px solid var(--ohv-border) !important;
  border-top: 4px solid var(--ohv-accent) !important;
  border-radius: 12px !important;
  padding: clamp(24px, 4vw, 36px) !important;
  max-width: 480px;
  margin: 0 auto;
  box-shadow: 0 14px 34px rgba(23,32,42,.07);
}

.ohd-auth-container h1,
.ohd-auth-container h2 {
  color: var(--ohv-primary) !important;
  font-family: var(--ohv-font) !important;
  font-size: clamp(22px, 3vw, 28px) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  margin: 0 0 8px !important;
  text-align: center;
}

.ohd-auth-container > p,
.ohd-auth-container .ohd-description {
  color: var(--ohv-muted) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  text-align: center;
  margin: 0 0 24px !important;
}

.ohd-auth-footer-line,
.ohd-auth-footer-line-muted {
  text-align: center;
  margin: 14px 0 0;
  color: var(--ohv-muted) !important;
  font-size: 14px !important;
}

.ohd-auth-footer-link {
  color: var(--ohv-accent) !important;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: rgba(164,92,64,.55);
  text-underline-offset: 3px;
}

.ohd-auth-footer-link:hover {
  color: var(--ohv-primary) !important;
}

/* ============================================================
   ANONYMOUS-THANKS pagina
   ============================================================ */
.ohd-anonymous-thanks {
  font-family: var(--ohv-font) !important;
  background: #FFFFFF !important;
  border: 1px solid var(--ohv-border) !important;
  border-top: 4px solid var(--ohv-accent) !important;
  border-radius: 12px !important;
  padding: clamp(24px, 4vw, 36px) !important;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0 14px 34px rgba(23,32,42,.07);
}

.ohd-anonymous-thanks h1,
.ohd-anonymous-thanks h2 {
  color: var(--ohv-primary) !important;
  font-family: var(--ohv-font) !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

/* ============================================================
   HOTFIX V1.1.1 — issues uit eerste test sessie A
   ============================================================ */

/* 1. Browser-autofill geeft blauw/paarse achtergrond op velden
      (vooral Edge/Chrome). Forceer wit. */
.ohd-form-container input:-webkit-autofill,
.ohd-form-container input:-webkit-autofill:hover,
.ohd-form-container input:-webkit-autofill:focus,
.ohd-form-container input:-webkit-autofill:active,
.ohd-form-container textarea:-webkit-autofill,
.ohd-form-container select:-webkit-autofill {
    -webkit-text-fill-color: var(--ohv-text) !important;
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
    box-shadow: 0 0 0 1000px #FFFFFF inset !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    transition: background-color 5000s ease-in-out 0s;
    caret-color: var(--ohv-text);
}

/* 2. Modal header strook — verwijder de oranje border-top
      die als brede balk verschijnt */
.ohd-anonymous-modal-content,
.ohd-search-modal-content,
.ohd-melding-modal-content,
div.ohd-anonymous-modal-content,
div.ohd-search-modal-content,
div.ohd-melding-modal-content {
    border-top: 0 !important;
    background: #FFFFFF !important;
    padding: 30px clamp(20px, 4vw, 36px) !important;
    border-radius: 12px !important;
    position: relative !important;
}

/* 3. Modal close-button — verwijder rode/oranje achtergrond,
      maak 'm subtiel grijs */
.ohd-modal-close,
button.ohd-modal-close,
#ohd-modal-close,
#ohd-anonymous-modal-close,
#ohd-melding-modal-close {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    color: var(--ohv-muted) !important;
    -webkit-text-fill-color: var(--ohv-muted) !important;
    font-size: 28px !important;
    cursor: pointer !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    box-shadow: none !important;
    transition: all .2s ease !important;
}

.ohd-modal-close:hover,
button.ohd-modal-close:hover,
#ohd-modal-close:hover,
#ohd-anonymous-modal-close:hover,
#ohd-melding-modal-close:hover {
    background: var(--ohv-soft) !important;
    color: var(--ohv-primary) !important;
    -webkit-text-fill-color: var(--ohv-primary) !important;
}

/* 4. Modal-title — geef ruimte boven voor de absolute close-button */
.ohd-modal-title,
h2.ohd-modal-title {
    padding-right: 40px !important;
    text-align: left !important;
}

/* 5. Search modal — zoek-knop met loep moet OHV-stijl krijgen,
      niet rode cirkel. Reset shape naar normale knop. */
.ohd-modal-search-btn,
button.ohd-modal-search-btn,
.ohd-search-modal-content .ohd-modal-search-btn {
    width: auto !important;
    min-width: 130px !important;
    border-radius: 7px !important;
    background: var(--ohv-accent) !important;
    border-color: var(--ohv-accent) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    padding: 12px 22px !important;
}

.ohd-modal-search-btn:hover,
button.ohd-modal-search-btn:hover {
    background: var(--ohv-accent-dark) !important;
    border-color: var(--ohv-accent-dark) !important;
}

/* 6. Status-badges in zoek-resultaten — kleuren conform OHV
      (groen voor onbekend = niet gevonden = positief voor zoeker;
       koper/rood voor bekend = match) */
.ohd-status-badge {
    display: inline-block !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    font-family: var(--ohv-font) !important;
}

.ohd-status-onbekend,
span.ohd-status-onbekend {
    background: #EEF2F6 !important;
    color: #17202A !important;
    -webkit-text-fill-color: #17202A !important;
    border: 1px solid #D7DEE7 !important;
}

.ohd-status-bekend,
span.ohd-status-bekend {
    background: var(--ohv-soft) !important;
    color: var(--ohv-accent-dark) !important;
    -webkit-text-fill-color: var(--ohv-accent-dark) !important;
    border: 1px solid rgba(164,92,64,.32) !important;
}

/* 7. Result-warning blok in zoek-modal */
.ohd-result-warning,
.ohd-search-results .ohd-result-warning {
    background: #F5F7F9 !important;
    border: 1px solid #D7DEE7 !important;
    border-left: 4px solid #17202A !important;
    border-radius: 8px !important;
    padding: 14px 18px !important;
    color: var(--ohv-text) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin-top: 12px !important;
}

/* 8. Search-modal input — koper focus-ring + grotere width */
.ohd-search-modal-content input[type="text"],
.ohd-search-modal-content input[type="search"] {
    border-radius: 7px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    margin-right: 10px !important;
}

/* 9. Search results container styling */
.ohd-search-results-container,
.ohd-search-results {
    margin-top: 18px !important;
    padding: 14px 16px !important;
    background: #FFFFFF !important;
    border: 1px solid #D7DEE7 !important;
    border-radius: 8px !important;
    font-family: var(--ohv-font) !important;
}

.ohd-result-header.ohd-result-found,
.ohd-result-header.ohd-result-not-found {
    background: #FFFFFF !important;
    border: 1px solid #D7DEE7 !important;
    border-left: 4px solid #17202A !important;
    color: #17202A !important;
}

.ohd-result-info {
    background: #F5F7F9 !important;
    border: 1px solid #D7DEE7 !important;
    border-left: 4px solid #17202A !important;
    color: #17202A !important;
}

/* ============================================================
   STATEMENT-HIGHLIGHT — kernpropositie (vraag 2 anonieme melding)
   ============================================================ */
.ohd-form-container .ohd-statement-group.ohd-statement-highlight {
    position: relative !important;
    background: linear-gradient(180deg, rgba(37,211,102,.06), rgba(37,211,102,.02)) !important;
    border: 1.5px solid rgba(37,211,102,.30) !important;
    border-left: 5px solid var(--ohv-whatsapp) !important;
    border-radius: 12px !important;
    padding: 20px 22px 18px !important;
    margin: 18px 0 !important;
    box-shadow: 0 6px 18px rgba(37,211,102,.08) !important;
}

.ohd-form-container .ohd-statement-highlight-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 8px !important;
}

.ohd-form-container .ohd-statement-highlight-icon {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    background: rgba(37,211,102,.14);
    border-radius: 6px;
    padding: 2px;
}

.ohd-form-container .ohd-statement-highlight-title {
    color: var(--ohv-primary) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    font-family: var(--ohv-font) !important;
}

.ohd-form-container .ohd-statement-highlight-title .ohd-statement-number {
    color: var(--ohv-accent);
    font-weight: 700;
    margin-right: 4px;
}

.ohd-form-container .ohd-statement-highlight-text {
    margin: 0 0 8px !important;
    color: var(--ohv-text) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.ohd-form-container .ohd-statement-highlight-cost {
    display: inline-block !important;
    margin: 0 0 14px !important;
    padding: 6px 12px !important;
    background: rgba(164,92,64,.10) !important;
    border-left: 3px solid var(--ohv-accent) !important;
    border-radius: 4px !important;
    color: var(--ohv-accent-dark) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

.ohd-form-container .ohd-statement-highlight .ohd-radio-group {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: 4px !important;
}

.ohd-form-container .ohd-statement-highlight .ohd-radio-label {
    flex: 1 1 0 !important;
    min-width: 140px !important;
    padding: 11px 16px !important;
    background: #FFFFFF !important;
    border: 1.5px solid var(--ohv-border) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    color: var(--ohv-text) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all .2s ease !important;
}

.ohd-form-container .ohd-statement-highlight .ohd-radio-label:has(input:checked) {
    border-color: var(--ohv-whatsapp);
    background: rgba(37,211,102,.10);
    color: var(--ohv-whatsapp-text);
}

/* ============================================================
   FORMULIER VRIENDELIJKER MAKEN — zachtere achtergrond, meer ademruimte
   ============================================================ */
.ohd-form-container .ohd-form-step {
    padding: 4px 0 !important;
}

.ohd-form-container .ohd-form-group {
    margin: 0 0 18px !important;
}

/* Statement groups (1. 2. 3.) krijgen subtiele highlight zodat ze
   visueel groeperen */
.ohd-form-container .ohd-statement-group:not(.ohd-statement-highlight) {
    background: rgba(255,241,234,.32) !important;
    border: 1px solid var(--ohv-border) !important;
    border-radius: 8px !important;
    padding: 14px 18px !important;
    margin: 10px 0 !important;
}

.ohd-form-container .ohd-statement-number {
    color: var(--ohv-accent) !important;
    font-weight: 700 !important;
    margin-right: 4px !important;
}

/* Velden iets warmer */
.ohd-form-container input[type="text"]:not([readonly]),
.ohd-form-container input[type="email"]:not([readonly]),
.ohd-form-container input[type="tel"]:not([readonly]),
.ohd-form-container input[type="number"]:not([readonly]),
.ohd-form-container input[type="date"]:not([readonly]),
.ohd-form-container input[type="url"]:not([readonly]),
.ohd-form-container textarea:not([readonly]),
.ohd-form-container select:not([readonly]) {
    background: #FEFCFA !important;
    transition: all .2s ease !important;
}

.ohd-form-container input[type="text"]:not([readonly]):hover,
.ohd-form-container input[type="email"]:not([readonly]):hover,
.ohd-form-container input[type="tel"]:not([readonly]):hover {
    border-color: rgba(164,92,64,.55) !important;
    background: #FFFFFF !important;
}

/* ============================================================
   POSTCODE STATUS — zichtbaarder, meer feedback
   ============================================================ */
.ohd-postcode-status:not(:empty) {
    display: block !important;
    margin: 8px 0 0 !important;
    padding: 8px 12px !important;
    background: rgba(255,255,255,.7) !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-left: 3px solid transparent !important;
}

.ohd-postcode-status[data-state="loading"] {
    color: var(--ohv-muted) !important;
    border-left-color: var(--ohv-muted) !important;
    background: rgba(255,241,234,.55) !important;
}

.ohd-postcode-status[data-state="success"] {
    color: var(--ohv-good) !important;
    border-left-color: var(--ohv-good) !important;
    background: rgba(46,125,91,.08) !important;
}

.ohd-postcode-status[data-state="error"] {
    color: var(--ohv-bad) !important;
    border-left-color: var(--ohv-bad) !important;
    background: rgba(179,58,58,.08) !important;
}

/* ============================================================
   HOTFIX V1.1.3 — formulier-secties, counter, prefix-input, sterke autofill
   ============================================================ */

/* Form sectie-blokken — groeperen logisch bij elkaar horende velden */
.ohd-form-container .ohd-form-section {
    background: rgba(255,255,255,.85) !important;
    border: 1px solid var(--ohv-border) !important;
    border-radius: 10px !important;
    padding: 22px 24px !important;
    margin: 0 0 18px !important;
    box-shadow: 0 6px 18px rgba(23,32,42,.05) !important;
}

.ohd-form-container .ohd-form-section-header {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding-bottom: 14px !important;
    margin-bottom: 16px !important;
    border-bottom: 1px solid var(--ohv-border) !important;
}

.ohd-form-container .ohd-form-section-icon {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    background: var(--ohv-soft) !important;
    border-radius: 8px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.ohd-form-container .ohd-form-section-header h4 {
    margin: 0 0 4px !important;
    color: var(--ohv-primary) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    font-family: var(--ohv-font) !important;
    letter-spacing: -.01em !important;
}

.ohd-form-container .ohd-form-section-desc {
    margin: 0 !important;
    color: var(--ohv-muted) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* Sub-secties binnen Step 3 (Persoonlijk / Adres / Contact) */
.ohd-form-container .ohd-form-subsection {
    margin: 12px 0 !important;
    padding: 14px 16px !important;
    background: rgba(255,241,234,.32) !important;
    border-left: 3px solid var(--ohv-accent) !important;
    border-radius: 6px !important;
}

.ohd-form-container .ohd-form-subsection-title {
    color: var(--ohv-accent) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin: 0 0 12px !important;
    font-family: var(--ohv-font) !important;
}

.ohd-form-container .ohd-form-subsection .ohd-form-group:last-child {
    margin-bottom: 0 !important;
}

/* Optional label */
.ohd-form-container .ohd-optional {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    background: rgba(98,95,91,.10);
    color: var(--ohv-muted);
    font-size: 11px;
    font-weight: 600;
    border-radius: 999px;
    letter-spacing: 0;
    text-transform: none;
}

/* Field help prominent */
.ohd-form-container .ohd-field-help-prominent {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 8px 12px !important;
    background: var(--ohv-soft) !important;
    border-left: 3px solid var(--ohv-accent) !important;
    border-radius: 4px !important;
    color: var(--ohv-text) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

/* Textarea meta — counter + tip onder textarea */
.ohd-form-container .ohd-textarea-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 6px 0 0 !important;
    flex-wrap: wrap !important;
}

.ohd-form-container .ohd-char-counter {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    background: var(--ohv-soft);
    border: 1px solid var(--ohv-border);
    border-radius: 999px;
    color: var(--ohv-muted);
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    transition: all .2s ease;
}

.ohd-form-container .ohd-char-counter[data-state="progress"] {
    border-color: rgba(217,119,6,.4);
    background: rgba(217,119,6,.08);
    color: var(--ohv-warn);
}

.ohd-form-container .ohd-char-counter[data-state="ok"] {
    border-color: rgba(46,125,91,.4);
    background: rgba(46,125,91,.10);
    color: var(--ohv-good);
}

.ohd-form-container .ohd-char-counter[data-state="ok"]::before {
    content: "✓ ";
    font-weight: 700;
}

.ohd-form-container .ohd-textarea-tip {
    color: var(--ohv-muted);
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
}

/* Prefix input (€ prefix bij bedrag-veld) */
.ohd-form-container .ohd-input-prefix {
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid var(--ohv-border);
    border-radius: 7px;
    overflow: hidden;
    background: #FFFFFF;
    transition: all .2s ease;
}
.ohd-form-container .ohd-input-prefix:focus-within {
    border-color: var(--ohv-accent);
    box-shadow: 0 0 0 3px rgba(164,92,64,.16);
}

.ohd-form-container .ohd-input-prefix .ohd-prefix {
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    background: var(--ohv-soft);
    color: var(--ohv-accent);
    font-weight: 700;
    font-size: 16px;
    border-right: 1px solid var(--ohv-border);
}

.ohd-form-container .ohd-input-prefix .ohd-input-with-prefix {
    border: 0 !important;
    border-radius: 0 !important;
    padding: 11px 14px !important;
    flex: 1;
    box-shadow: none !important;
}

.ohd-form-container .ohd-input-prefix .ohd-input-with-prefix:focus {
    box-shadow: none !important;
    border: 0 !important;
}

/* STERKERE AUTOFILL OVERRIDE — voor login/register/melding formulieren */
.ohd-form-container input:-webkit-autofill,
.ohd-form-container input:-webkit-autofill:hover,
.ohd-form-container input:-webkit-autofill:focus,
.ohd-form-container input:-webkit-autofill:active,
.ohd-auth-container input:-webkit-autofill,
.ohd-auth-container input:-webkit-autofill:hover,
.ohd-auth-container input:-webkit-autofill:focus,
.ohd-auth-container input:-webkit-autofill:active,
input.ohd-input:-webkit-autofill,
input.ohd-input:-webkit-autofill:hover,
input.ohd-input:-webkit-autofill:focus {
    -webkit-text-fill-color: #1C2430 !important;
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
    box-shadow: 0 0 0 1000px #FFFFFF inset !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    transition: background-color 5000s ease-in-out 0s !important;
    caret-color: #1C2430 !important;
    color: #1C2430 !important;
}

/* ============================================================
   HOTFIX V1.1.4 — grotere fonts (desktop), betere textarea-box, mobile-optimalisatie
   ============================================================ */

/* DESKTOP — grotere fonts vanaf hier — alle bezoekers krijgen leesbaardere tekst */
@media (min-width: 641px) {
    /* Body */
    .ohd-form-container,
    .ohd-anonymous-thanks {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    /* Sectie-headers in formulier */
    .ohd-form-container .ohd-form-section-header h4 {
        font-size: 20px !important;
    }
    .ohd-form-container .ohd-form-section-desc {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    /* Stap-titels */
    .ohd-form-container .ohd-form-step h3 {
        font-size: clamp(22px, 2.5vw, 28px) !important;
    }

    /* Labels in formulier */
    .ohd-form-container .ohd-form-group > label,
    .ohd-form-container .ohd-form-row > label {
        font-size: 15px !important;
    }

    /* Input-velden — comfortabel om in te typen */
    .ohd-form-container input[type="text"],
    .ohd-form-container input[type="email"],
    .ohd-form-container input[type="tel"],
    .ohd-form-container input[type="number"],
    .ohd-form-container input[type="url"],
    .ohd-form-container input[type="date"],
    .ohd-form-container textarea,
    .ohd-form-container select,
    .ohd-form-container .ohd-input {
        font-size: 16px !important;
        padding: 13px 16px !important;
    }

    /* Help-teksten en counter */
    .ohd-form-container .ohd-field-help,
    .ohd-form-container .ohd-field-help-prominent,
    .ohd-form-container .ohd-textarea-tip,
    .ohd-form-container .ohd-char-counter,
    .ohd-form-container .ohd-postcode-status {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    /* Optionele tag */
    .ohd-form-container .ohd-optional {
        font-size: 12px !important;
    }

    /* Sub-sectie titel */
    .ohd-form-container .ohd-form-subsection-title {
        font-size: 13px !important;
    }

    /* Knoppen */
    .ohd-form-container .ohd-button,
    .ohd-form-container button.ohd-button,
    .ohd-form-container input.ohd-button {
        font-size: 16px !important;
        padding: 13px 28px !important;
    }

    /* Radio en checkbox labels */
    .ohd-form-container .ohd-checkbox-label,
    .ohd-form-container .ohd-radio-label {
        font-size: 15px !important;
    }

    /* Statement highlight */
    .ohd-form-container .ohd-statement-highlight-title {
        font-size: 19px !important;
    }
    .ohd-form-container .ohd-statement-highlight-text {
        font-size: 15px !important;
    }
    .ohd-form-container .ohd-statement-highlight-cost {
        font-size: 14px !important;
    }

    /* Privacy statement */
    .ohd-form-container .ohd-privacy-text,
    .ohd-form-container .ohd-privacy-statement p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}

/* TEXTAREA — duidelijker als invoerveld herkenbaar */
.ohd-form-container textarea,
.ohd-form-container textarea.ohd-input {
    background: #FFFFFF !important;
    border: 2px solid var(--ohv-border) !important;
    border-radius: 8px !important;
    min-height: 140px !important;
    padding: 14px 16px !important;
    resize: vertical !important;
    box-shadow: inset 0 1px 3px rgba(23,32,42,.04) !important;
    transition: all .2s ease !important;
}

.ohd-form-container textarea:hover {
    border-color: rgba(164,92,64,.45) !important;
    background: #FFFFFF !important;
}

.ohd-form-container textarea:focus {
    border-color: var(--ohv-accent) !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(164,92,64,.16), inset 0 1px 3px rgba(23,32,42,.04) !important;
}

/* MODAL — beter pasbaar op mobile, geen horizontale scroll */
.ohd-anonymous-modal,
.ohd-search-modal,
.ohd-melding-modal {
    overflow-x: hidden !important;
}

.ohd-anonymous-modal-content,
.ohd-search-modal-content,
.ohd-melding-modal-content {
    width: min(96vw, 880px) !important;
    max-width: 96vw !important;
    box-sizing: border-box !important;
}

/* MOBILE (< 640px) — formulier in scherm + sticky knoppen */
@media (max-width: 640px) {
    /* Modal vult bijna heel scherm */
    .ohd-anonymous-modal-content,
    .ohd-search-modal-content,
    .ohd-melding-modal-content {
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: 100vh !important;
        margin: 0 !important;
        padding: 20px 16px 90px !important;
        border-radius: 0 !important;
        overflow-y: auto !important;
    }

    /* Sectie minder paddingen op mobile */
    .ohd-form-container .ohd-form-section {
        padding: 16px 14px !important;
    }

    .ohd-form-container .ohd-form-section-header {
        gap: 10px !important;
        padding-bottom: 10px !important;
        margin-bottom: 12px !important;
    }

    .ohd-form-container .ohd-form-section-icon {
        width: 30px !important;
        height: 30px !important;
    }

    .ohd-form-container .ohd-form-section-header h4 {
        font-size: 17px !important;
    }

    /* Form-row stapelen op mobile */
    .ohd-form-container .ohd-form-row {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    /* Input-velden iets grotere tap-targets */
    .ohd-form-container input[type="text"],
    .ohd-form-container input[type="email"],
    .ohd-form-container input[type="tel"],
    .ohd-form-container input[type="number"],
    .ohd-form-container .ohd-input,
    .ohd-form-container select,
    .ohd-form-container textarea {
        font-size: 16px !important;  /* belangrijk: voorkomt iOS auto-zoom */
        padding: 12px 14px !important;
    }

    .ohd-form-container textarea {
        min-height: 120px !important;
    }

    /* STICKY NAV-KNOPPEN onderaan op mobile */
    .ohd-form-container .ohd-form-nav {
        position: sticky !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 22px -16px -20px !important;
        padding: 14px 16px !important;
        background: rgba(255,255,255,.97) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        border-top: 1px solid var(--ohv-border) !important;
        z-index: 10 !important;
        box-shadow: 0 -8px 22px rgba(23,32,42,.10) !important;
        display: flex !important;
        gap: 8px !important;
    }

    .ohd-form-container .ohd-form-nav .ohd-button {
        flex: 1 1 0 !important;
        font-size: 15px !important;
        padding: 13px 14px !important;
        min-height: 48px !important;
    }

    /* Hoofdsubmit-knop iets meer ruimte */
    .ohd-form-container .ohd-form-nav button[type="submit"] {
        flex: 2 1 0 !important;
    }

    /* Statement-highlight ook compacter */
    .ohd-form-container .ohd-statement-highlight {
        padding: 16px 14px !important;
    }

    .ohd-form-container .ohd-statement-highlight .ohd-radio-group {
        flex-direction: column !important;
    }

    .ohd-form-container .ohd-statement-highlight .ohd-radio-label {
        width: 100% !important;
        flex: none !important;
    }

    /* Textarea iets compacter */
    .ohd-form-container .ohd-textarea-meta {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }

    /* Modal-titel kleiner */
    .ohd-modal-title,
    h2.ohd-modal-title {
        font-size: 19px !important;
        padding-right: 40px !important;
    }

    /* Progress steps iets compacter — namen onder elkaar */
    .ohd-form-container .ohd-step-number {
        width: 30px !important;
        height: 30px !important;
        font-size: 13px !important;
    }

    .ohd-form-container .ohd-step-label {
        font-size: 11px !important;
    }
}

/* ============================================================
   POSTCODE AUTOCOMPLETE STATUS
   ============================================================ */
.ohd-postcode-status {
  display: block;
  margin: 6px 0 0;
  font-size: 13px;
  font-weight: 600;
  min-height: 18px;
  transition: color .2s ease;
}

.ohd-postcode-status[data-state="loading"] { color: var(--ohv-muted); }
.ohd-postcode-status[data-state="success"] { color: var(--ohv-good); }
.ohd-postcode-status[data-state="error"]   { color: var(--ohv-bad); }

/* ============================================================
   AGREEMENT NOTICE etc.
   ============================================================ */
.ohd-agreement-notice {
  margin: 14px 0;
  padding: 14px 18px;
  background: var(--ohv-soft) !important;
  border-left: 4px solid var(--ohv-accent) !important;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--ohv-text) !important;
}

/* ============================================================
   LOGIN-REQUIRED block
   ============================================================ */
.ohd-login-required {
  background: var(--ohv-soft) !important;
  border: 1px solid rgba(164,92,64,.32) !important;
  border-left: 4px solid var(--ohv-accent) !important;
  border-radius: 10px !important;
  padding: 24px !important;
  text-align: center;
  font-family: var(--ohv-font) !important;
  color: var(--ohv-text) !important;
}

.ohd-login-required h2 {
  color: var(--ohv-primary) !important;
  font-family: var(--ohv-font) !important;
  font-size: clamp(20px, 2.5vw, 24px) !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  margin: 0 0 10px !important;
}

.ohd-login-required p {
  color: var(--ohv-text) !important;
  font-size: 15px !important;
  margin: 0 0 18px !important;
}

.ohd-login-buttons {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.ohd-login-buttons .ohd-button,
.ohd-login-buttons a.ohd-button {
  padding: 12px 22px !important;
}

/* ============================================================
   E-MAIL VERIFICATION blok
   ============================================================ */
.ohd-email-verify-required {
  background: var(--ohv-soft) !important;
  border: 1px solid rgba(164,92,64,.32) !important;
  border-left: 4px solid var(--ohv-accent) !important;
  border-radius: 10px !important;
  padding: 22px !important;
  margin-bottom: 18px;
}

.ohd-email-verify-required h2 {
  color: var(--ohv-primary) !important;
  font-family: var(--ohv-font) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

.ohd-email-verify-message {
  color: var(--ohv-text) !important;
  font-size: 15px !important;
  margin: 0 0 16px !important;
}

/* ============================================================
   UNIVERSELE STATUS-BANNERS (v1.1.5)
   ------------------------------------------------------------
   Werken overal in de plugin: ook in mijn-dossier, signaallijst,
   agreement en andere views buiten .ohd-form-container.
   De vorige .ohd-form-container .ohd-success / .ohd-error
   regels blijven gewoon werken voor inline form-veld-errors;
   deze block-level versies stylen banners op pagina-niveau.
   ============================================================ */

/* Token-fallback voor contexten zonder OHV-parent.
   Indien gebruikt buiten een .ohd-* container, declareren we
   de OHV-tokens lokaal zodat var(--ohv-*) altijd resolved. */
.ohd-success,
.ohd-error,
.ohd-info,
.ohd-warning {
  --ohv-primary: #17202A;
  --ohv-accent: #A45C40;
  --ohv-good: #2E7D5B;
  --ohv-warn: #D97706;
  --ohv-bad: #B33A3A;
  --ohv-text: #1C2430;
  --ohv-border: #DED5CA;
  --ohv-font: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Standalone (block-level) banners.
   :not()-selectors sluiten form-veld-states uit:
   - .ohd-form-group: in form-anonymous wordt deze class soms toegevoegd
     aan de form-group wrapper-div bij een veld-error. Die behoudt
     z'n eigen styling.
   - input/select/textarea: deze elementen krijgen .ohd-error als
     invalid-state class; mogen GEEN block-banner styling krijgen.
   Alle :not()-argumenten zijn simple selectors, dus CSS Level 3
   compatible (werkt in alle browsers vanaf 2017+). */
.ohd-success:not(.ohd-form-group),
.ohd-error:not(.ohd-form-group):not(input):not(select):not(textarea),
.ohd-info:not(.ohd-form-group),
.ohd-warning:not(.ohd-form-group) {
  display: block !important;
  margin: 0 0 16px !important;
  padding: 14px 18px !important;
  border-radius: 8px !important;
  font-family: var(--ohv-font) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  border: 1px solid transparent !important;
  border-left-width: 4px !important;
  border-left-style: solid !important;
  box-shadow: 0 1px 3px rgba(23, 32, 42, 0.04) !important;
}

.ohd-success:not(.ohd-form-group) {
  background: #E6F4EE !important;
  color: var(--ohv-good) !important;
  border-color: rgba(46, 125, 91, 0.30) !important;
  border-left-color: var(--ohv-good) !important;
}

.ohd-error:not(.ohd-form-group):not(input):not(select):not(textarea) {
  background: #FCE9E9 !important;
  color: var(--ohv-bad) !important;
  border-color: rgba(179, 58, 58, 0.32) !important;
  border-left-color: var(--ohv-bad) !important;
}

.ohd-info:not(.ohd-form-group) {
  background: #FFF1EA !important;
  color: var(--ohv-primary) !important;
  border-color: rgba(164, 92, 64, 0.28) !important;
  border-left-color: var(--ohv-accent) !important;
}

.ohd-warning:not(.ohd-form-group) {
  background: #FEF3E0 !important;
  color: #8A4A00 !important;
  border-color: rgba(217, 119, 6, 0.32) !important;
  border-left-color: var(--ohv-warn) !important;
}

/* Links binnen banners */
.ohd-success a,
.ohd-error a,
.ohd-info a,
.ohd-warning a {
  color: inherit !important;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ohd-success a:hover,
.ohd-error a:hover,
.ohd-info a:hover,
.ohd-warning a:hover {
  color: var(--ohv-primary) !important;
}

/* Sterke nadruk binnen banners */
.ohd-success strong,
.ohd-error strong,
.ohd-info strong,
.ohd-warning strong {
  font-weight: 700;
}

/* ============================================================
   WORDPRESS ADMIN NOTICES — OHV stijl (v1.1.5)
   ------------------------------------------------------------
   Voor consistentie in /wp-admin/ binnen plugin-pagina's:
   notice notice-success / notice-error / notice-warning /
   notice-info krijgen koper-accent in plaats van WP-groen/blauw.
   Alleen binnen #wpbody-content om site-frontend niet te raken
   bij themes die deze classes per ongeluk overerven.
   ============================================================ */
#wpbody-content .notice,
#wpbody-content div.updated,
#wpbody-content div.error {
  --ohv-good: #2E7D5B;
  --ohv-warn: #D97706;
  --ohv-bad: #B33A3A;
  --ohv-accent: #A45C40;
  --ohv-primary: #17202A;
  border-radius: 6px !important;
  border-left-width: 4px !important;
  padding: 12px 14px !important;
  box-shadow: 0 1px 2px rgba(23, 32, 42, 0.05) !important;
}

#wpbody-content .notice.notice-success,
#wpbody-content div.updated {
  background: #E6F4EE !important;
  border-left-color: var(--ohv-good) !important;
  color: var(--ohv-good) !important;
}

#wpbody-content .notice.notice-error,
#wpbody-content div.error {
  background: #FCE9E9 !important;
  border-left-color: var(--ohv-bad) !important;
  color: var(--ohv-bad) !important;
}

#wpbody-content .notice.notice-warning {
  background: #FEF3E0 !important;
  border-left-color: var(--ohv-warn) !important;
  color: #8A4A00 !important;
}

#wpbody-content .notice.notice-info {
  background: #FFF1EA !important;
  border-left-color: var(--ohv-accent) !important;
  color: var(--ohv-primary) !important;
}

#wpbody-content .notice p {
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0.4em 0 !important;
}

/* ============================================================
   OHD AUTH-CONTAINER: PAARSE/ORANJE OVERRIDES (v1.1.7)
   ------------------------------------------------------------
   public.css regels 1187-1230 zetten een oude branding op de
   login/register-pagina's:
     - body donkerblauw (#0d1b2a) - full-bleed
     - section-box paars gradient (#2a2338 → #201b2d)
     - titel + labels wit
     - knop oranje (#ef4b3f)
     - links blauw (#2A7FD2)
   Dit blok overschrijft al die regels naar OHV-tokens, met
   gelijke of hogere specificity + !important zodat we winnen
   ongeacht laadvolgorde.
   ============================================================ */

/* Buitenste container: geen donkere full-bleed meer */
.ohd-auth-container {
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(40px, 6vw, 60px) 20px !important;
  background: transparent !important;
  max-width: none !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Inner card: white met koperen border-top */
.ohd-auth-container .ohd-section-box {
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid var(--ohv-border) !important;
  border-top: 4px solid var(--ohv-accent) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 34px rgba(23,32,42,.07) !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  padding: clamp(28px, 4vw, 40px) !important;
}

/* Titel zwart (was wit op paars) */
.ohd-auth-container .ohd-section-title {
  color: var(--ohv-primary) !important;
  font-family: var(--ohv-font) !important;
  font-size: clamp(22px, 3vw, 28px) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  text-align: center !important;
  margin: 0 0 22px !important;
}

/* Labels donker (waren wit) */
.ohd-auth-container .ohd-section-form label {
  color: var(--ohv-primary) !important;
  font-family: var(--ohv-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

/* Inputs - clean OHV stijl */
.ohd-auth-container .ohd-section-form .ohd-input,
.ohd-auth-container .ohd-section-form input[type="text"],
.ohd-auth-container .ohd-section-form input[type="email"],
.ohd-auth-container .ohd-section-form input[type="password"] {
  background: #FFFFFF !important;
  border: 1.5px solid var(--ohv-border) !important;
  border-radius: 7px !important;
  padding: 11px 14px !important;
  color: var(--ohv-text) !important;
  font-family: var(--ohv-font) !important;
  font-size: 15px !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
}

.ohd-auth-container .ohd-section-form .ohd-input:focus,
.ohd-auth-container .ohd-section-form input[type="text"]:focus,
.ohd-auth-container .ohd-section-form input[type="email"]:focus,
.ohd-auth-container .ohd-section-form input[type="password"]:focus {
  border-color: var(--ohv-accent) !important;
  box-shadow: 0 0 0 3px rgba(164, 92, 64, 0.18) !important;
  outline: none !important;
}

/* Knoppen in koper (waren oranje) */
.ohd-auth-container .ohd-section-form .ohd-button,
.ohd-auth-container .ohd-section-form .ohd-button-primary,
.ohd-auth-container .ohd-section-form button[type="submit"] {
  background: var(--ohv-accent) !important;
  border: 1.5px solid var(--ohv-accent) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-radius: 7px !important;
  padding: 12px 22px !important;
  font-family: var(--ohv-font) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
}

.ohd-auth-container .ohd-section-form .ohd-button:hover,
.ohd-auth-container .ohd-section-form .ohd-button-primary:hover,
.ohd-auth-container .ohd-section-form button[type="submit"]:hover {
  background: var(--ohv-accent-dark) !important;
  border-color: var(--ohv-accent-dark) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(23, 32, 42, .08) !important;
  transform: translateY(-1px) !important;
}

/* Links binnen section-box - blauw vervangen door koper */
.ohd-section-box a,
.ohd-section-box a.ohd-auth-footer-link,
.ohd-auth-container .ohd-section-box a {
  color: var(--ohv-accent) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(164, 92, 64, 0.45) !important;
  text-underline-offset: 3px !important;
  font-weight: 700 !important;
}

.ohd-section-box a:hover,
.ohd-auth-container .ohd-section-box a:hover {
  color: var(--ohv-primary) !important;
}

/* Footer-tekst binnen section-box */
.ohd-section-box p.ohd-auth-footer-line,
.ohd-section-box p.ohd-auth-footer-line-muted,
.ohd-auth-container .ohd-section-box p {
  color: var(--ohv-muted) !important;
  text-align: center !important;
  margin: 14px 0 0 !important;
}

/* Beschrijvende help-tekst (bv. "Minimaal 8 tekens...") */
.ohd-auth-container .ohd-description,
.ohd-auth-container p.ohd-description {
  color: var(--ohv-muted) !important;
  font-size: 13px !important;
  text-align: left !important;
  margin: 4px 0 0 !important;
}

/* Checkbox "Onthoud mij" */
.ohd-auth-container .ohd-checkbox-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--ohv-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.ohd-auth-container input[type="checkbox"] {
  accent-color: var(--ohv-accent) !important;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer !important;
}

/* Required-asterisk in koper */
.ohd-auth-container .required,
.ohd-auth-container span.required {
  color: var(--ohv-accent) !important;
  font-weight: 700 !important;
}

/* Form-row (Voornaam / Achternaam in register) */
.ohd-auth-container .ohd-form-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-bottom: 0 !important;
}
@media (max-width: 480px) {
  .ohd-auth-container .ohd-form-row {
    grid-template-columns: 1fr !important;
  }
  .ohd-auth-container .ohd-section-box {
    border-radius: 10px !important;
    padding: 24px 22px !important;
  }
}

/* ============================================================
   v1.9.6.6 - dossier/document/zoekregister correcties
   ============================================================ */

.ohd-page-full-bg .ohd-dossier-box .ohd-button,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-primary,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-secondary,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-small,
.ohd-result-cta-button,
.ohd-modal-search-btn,
.ohd-search-popup-button {
  background: #17202A !important;
  border-color: #17202A !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-button:hover,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-primary:hover,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-secondary:hover,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-small:hover,
.ohd-result-cta-button:hover,
.ohd-result-cta-button:focus,
.ohd-modal-search-btn:hover,
.ohd-search-popup-button:hover {
  background: #0F1722 !important;
  border-color: #0F1722 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ohd-agreement-doc-wrapper {
  background: #FFFFFF !important;
  border: 1px solid #D7DEE7 !important;
  border-radius: 8px !important;
  margin-top: 14px !important;
  padding: 14px 16px !important;
}

.ohd-agreement-doc-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
}

.ohd-agreement-doc-actions strong {
  color: #17202A !important;
  font-size: 14px;
}

.ohd-case-footer {
  border-top: 1px solid #E2E7ED;
  margin-top: 24px !important;
  padding-top: 16px !important;
}

.ohd-result-warning {
  background: #F5F7F9 !important;
  border: 1px solid #D7DEE7 !important;
  border-left: 4px solid #17202A !important;
  color: #17202A !important;
}

.ohd-result-warning p {
  margin: 0 0 10px !important;
}

.ohd-result-warning p:last-child {
  margin-bottom: 0 !important;
}

.ohd-result-warning a {
  color: #17202A !important;
  font-weight: 700 !important;
}

.ohd-search-results-container,
.ohd-search-results {
  background: #FFFFFF !important;
  border-color: #D7DEE7 !important;
}

.ohd-result-cta {
  background: #FFFFFF !important;
  border-color: #D7DEE7 !important;
}

.ohd-modal-search-hint {
  color: #53606C !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin-top: 12px !important;
  text-align: left !important;
}

.ohd-modal-search-hint span {
  color: #17202A;
  display: block;
  font-weight: 700;
  margin-bottom: 6px;
}

.ohd-search-popup-fields p {
  color: #17202A !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 12px 0 6px !important;
}

.ohd-modal-search-hint ul,
.ohd-search-popup-fields ul {
  display: grid;
  gap: 6px 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.ohd-modal-search-hint li,
.ohd-search-popup-fields li {
  background: #F5F7F9;
  border: 1px solid #D7DEE7;
  border-radius: 6px;
  color: #17202A;
  font-size: 13px;
  font-weight: 600;
  padding: 7px 9px;
}

@media (max-width: 767px) {
  /* Op een telefoon leidt de lange veldopsomming af van het zoeken zelf. */
  .ohd-modal-search-hint,
  .ohd-search-popup-fields {
    display: none !important;
  }
}

/* ============================================================
   v1.9.6.7 - dossier overzichtelijkheid en theme-link override
   ============================================================ */

.ohd-page-full-bg .ohd-dossier-box .ohd-case-section {
  background: #FFFFFF !important;
  border: 1.5px solid #D7DEE7 !important;
  border-radius: 8px !important;
  margin: 18px 0 !important;
  padding: 16px 18px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-section-title {
  align-items: center !important;
  border-bottom: 2px solid #E2E7ED !important;
  color: #17202A !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  margin: 0 0 14px !important;
  padding: 0 0 10px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-section-title::before {
  background: #17202A !important;
  border-radius: 4px !important;
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  height: 18px !important;
  width: 4px !important;
}

.ohd-page-full-bg .ohd-dossier-box a:not(.ohd-button),
.ohd-page-full-bg .ohd-dossier-box a:not(.ohd-button):visited {
  color: #17202A !important;
  -webkit-text-fill-color: #17202A !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-decoration-color: #53606C !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
}

.ohd-page-full-bg .ohd-dossier-box a:not(.ohd-button):hover,
.ohd-page-full-bg .ohd-dossier-box a:not(.ohd-button):focus {
  color: #0F1722 !important;
  -webkit-text-fill-color: #0F1722 !important;
  text-decoration-color: #0F1722 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-readonly-hint,
.ohd-page-full-bg .ohd-dossier-box .ohd-data-empty-small {
  background: #F5F7F9 !important;
  border: 1px solid #D7DEE7 !important;
  border-radius: 7px !important;
  color: #17202A !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  margin: 12px 0 !important;
  padding: 10px 12px !important;
  text-align: left !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-document-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-document-item {
  align-items: flex-start !important;
  background: #F5F7F9 !important;
  border: 1px solid #D7DEE7 !important;
  border-radius: 7px !important;
  display: flex !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-document-icon {
  color: #17202A !important;
  flex: 0 0 auto !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-document-meta {
  min-width: 0 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-document-name,
.ohd-page-full-bg .ohd-dossier-box .ohd-document-name:visited {
  color: #17202A !important;
  -webkit-text-fill-color: #17202A !important;
  display: inline-block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-decoration: underline !important;
  text-decoration-color: #17202A !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-document-info {
  color: #53606C !important;
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  margin-top: 3px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-journal {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-journal-entry {
  background: #F5F7F9 !important;
  border: 1px solid #D7DEE7 !important;
  border-left: 4px solid #17202A !important;
  border-radius: 7px !important;
  margin: 0 0 8px !important;
  padding: 10px 12px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-journal-entry-admin {
  border-left-color: #17202A !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-journal-entry-client {
  border-left-color: #A45C40 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-journal-meta {
  align-items: center !important;
  color: #53606C !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  gap: 8px 10px !important;
  margin-bottom: 5px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-journal-author {
  background: #FFFFFF !important;
  border: 1px solid #DED5CA !important;
  border-radius: 999px !important;
  color: #17202A !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  padding: 4px 8px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-journal-text {
  color: #17202A !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-journal-form-label,
.ohd-page-full-bg .ohd-dossier-box .ohd-comment-upload-label {
  color: #17202A !important;
  display: block !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  margin: 10px 0 5px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-client-comment-form textarea,
.ohd-page-full-bg .ohd-dossier-box .ohd-comment-upload-input {
  background: #FFFFFF !important;
  border: 1.5px solid #BFC8D2 !important;
  border-radius: 7px !important;
  color: #17202A !important;
  -webkit-text-fill-color: #17202A !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-field-help {
  color: #53606C !important;
  display: block !important;
  font-size: 12px !important;
  margin-top: 6px !important;
}

/* ============================================================
   v1.9.6.8 - Mijn Dossier rustiger en gelijk aan site-layout
   ============================================================ */

.ohd-page-full-bg {
  background: #F8F5F1 !important;
  padding: clamp(18px, 4vw, 46px) 16px !important;
}

.ohd-page-full-bg .ohd-section-container.ohd-dossier-section {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
  padding: 0 !important;
  width: min(100%, 1200px) !important;
}

.ohd-page-full-bg .ohd-dossier-hero {
  background: #FFFFFF !important;
  border: 1px solid #DED5CA !important;
  border-top: 4px solid #A45C40 !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(23, 32, 42, .06) !important;
  margin: 0 0 22px !important;
  padding: clamp(24px, 4vw, 42px) !important;
  text-align: center !important;
}

.ohd-page-full-bg .ohd-dossier-hero-kicker {
  color: #A45C40 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  line-height: 1.3 !important;
  margin: 0 0 10px !important;
  text-transform: uppercase !important;
}

.ohd-page-full-bg .ohd-dossier-hero-title {
  color: #17202A !important;
  font-family: var(--ohv-font) !important;
  font-size: clamp(30px, 4.8vw, 48px) !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  margin: 0 auto 14px !important;
  max-width: 780px !important;
}

.ohd-page-full-bg .ohd-dossier-hero-lead {
  color: #53606C !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  margin: 0 auto 18px !important;
  max-width: 760px !important;
}

.ohd-page-full-bg .ohd-dossier-hero-meta {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
}

.ohd-page-full-bg .ohd-dossier-badge {
  background: #F8F5F1 !important;
  border: 1px solid #DED5CA !important;
  border-radius: 999px !important;
  color: #17202A !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  gap: 5px !important;
  line-height: 1.25 !important;
  padding: 8px 12px !important;
}

.ohd-page-full-bg .ohd-dossier-box {
  background: #FFFFFF !important;
  border: 1px solid #DED5CA !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(23, 32, 42, .06) !important;
  margin: 0 !important;
  max-width: none !important;
  padding: clamp(18px, 3vw, 30px) !important;
  width: 100% !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-dossier-topbar {
  align-items: center !important;
  background: #17202A !important;
  border: 0 !important;
  border-left: 5px solid #A45C40 !important;
  border-radius: 8px !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
  margin: 0 0 24px !important;
  padding: 16px 18px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-dossier-topbar .ohd-section-title {
  color: #FFFFFF !important;
  font-size: clamp(20px, 2.4vw, 26px) !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  text-align: left !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-dossier-logout-btn,
.ohd-page-full-bg .ohd-dossier-box .ohd-dossier-logout-btn:visited {
  background: #FFFFFF !important;
  border: 1.5px solid #FFFFFF !important;
  border-radius: 7px !important;
  color: #17202A !important;
  -webkit-text-fill-color: #17202A !important;
  display: inline-flex !important;
  font-family: var(--ohv-font) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  padding: 10px 16px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-dossier-logout-btn:hover,
.ohd-page-full-bg .ohd-dossier-box .ohd-dossier-logout-btn:focus {
  background: #F8F5F1 !important;
  border-color: #F8F5F1 !important;
  color: #0F1722 !important;
  -webkit-text-fill-color: #0F1722 !important;
  transform: translateY(-1px) !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-dossier-mygegevens,
.ohd-page-full-bg .ohd-dossier-box .ohd-dossier-meldingen {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 26px !important;
  padding: 0 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-dossier-section-header {
  align-items: center !important;
  border-bottom: 1px solid #DED5CA !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  margin: 0 0 14px !important;
  padding: 0 0 10px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-dossier-section-header h3 {
  color: #17202A !important;
  font-size: clamp(20px, 2.2vw, 26px) !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-data-grid {
  background: #F8F5F1 !important;
  border: 1px solid #DED5CA !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 0 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-data-row {
  align-items: start !important;
  border-bottom: 1px solid #E8DFD5 !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) !important;
  padding: 11px 14px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-data-label {
  color: #625F5B !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-data-value,
.ohd-page-full-bg .ohd-dossier-box .ohd-data-value strong {
  color: #17202A !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-cases-list {
  display: grid !important;
  gap: 18px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-card {
  background: #FFFFFF !important;
  border: 1px solid #DED5CA !important;
  border-left: 5px solid #A45C40 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(23, 32, 42, .055) !important;
  margin: 0 !important;
  padding: clamp(16px, 2.4vw, 24px) !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-header {
  align-items: flex-start !important;
  border-bottom: 1px solid #DED5CA !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
  margin: 0 0 18px !important;
  padding: 0 0 14px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-title {
  color: #17202A !important;
  font-size: clamp(20px, 2.2vw, 26px) !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  margin: 0 0 5px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-subtitle {
  color: #53606C !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-statuses {
  align-items: flex-start !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-status,
.ohd-page-full-bg .ohd-dossier-box .ohd-case-statuses span {
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  line-height: 1.2 !important;
  padding: 6px 10px !important;
  text-transform: uppercase !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-section {
  background: #FFFFFF !important;
  border: 1px solid #DED5CA !important;
  border-radius: 8px !important;
  margin: 14px 0 !important;
  padding: 16px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-section-title {
  border-bottom: 1px solid #DED5CA !important;
  color: #17202A !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 0 14px !important;
  padding: 0 0 10px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-section-title::before {
  background: #A45C40 !important;
  border-radius: 2px !important;
  height: 18px !important;
  width: 4px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-data-block {
  margin-top: 14px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-data-longtext {
  background: #F8F5F1 !important;
  border: 1px solid #DED5CA !important;
  border-left: 4px solid #A45C40 !important;
  border-radius: 8px !important;
  color: #17202A !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  padding: 14px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-agreement-doc-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: space-between !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-client-comment-form {
  background: #F8F5F1 !important;
  border: 1px solid #DED5CA !important;
  border-radius: 8px !important;
  margin-top: 14px !important;
  padding: 14px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-client-comment-form textarea,
.ohd-page-full-bg .ohd-dossier-box .ohd-comment-upload-input,
.ohd-page-full-bg .ohd-dossier-box input[type="file"].ohd-input {
  background: #FFFFFF !important;
  border: 1.5px solid #DED5CA !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  color: #17202A !important;
  -webkit-text-fill-color: #17202A !important;
  font-size: 14px !important;
  width: 100% !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-button,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-primary,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-secondary,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-small {
  align-items: center !important;
  background: #17202A !important;
  border: 1.5px solid #17202A !important;
  border-radius: 7px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  display: inline-flex !important;
  font-family: var(--ohv-font) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  justify-content: center !important;
  line-height: 1.25 !important;
  padding: 10px 16px !important;
  text-decoration: none !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-button:hover,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-primary:hover,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-secondary:hover,
.ohd-page-full-bg .ohd-dossier-box .ohd-button-small:hover {
  background: #0F1722 !important;
  border-color: #0F1722 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-footer {
  border-top: 1px solid #DED5CA !important;
  display: flex !important;
  justify-content: flex-start !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-card {
  display: flex !important;
  flex-direction: column !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-card > * {
  order: 10 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-card > .ohd-case-header {
  order: 0 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-card > .ohd-case-section-agreement {
  order: 1 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-case-card > .ohd-case-section-info {
  order: 2 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-payment-status-value {
  align-items: center !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-payment-status-value .ohd-payment-inline-button {
  min-height: 30px !important;
  padding: 6px 12px !important;
  white-space: nowrap !important;
  width: auto !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-journal-form-label,
.ohd-page-full-bg .ohd-dossier-box .ohd-comment-upload-label {
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.ohd-page-full-bg .ohd-dossier-box .ohd-print-only,
.ohd-page-full-bg .ohd-dossier-box .ohd-print-agreement-inline {
  display: none !important;
}

@media (max-width: 760px) {
  .ohd-page-full-bg {
    padding: 12px 10px !important;
  }

  .ohd-page-full-bg .ohd-dossier-hero,
  .ohd-page-full-bg .ohd-dossier-box {
    border-radius: 8px !important;
    padding: 18px !important;
  }

  .ohd-page-full-bg .ohd-dossier-box .ohd-dossier-topbar,
  .ohd-page-full-bg .ohd-dossier-box .ohd-case-header,
  .ohd-page-full-bg .ohd-dossier-box .ohd-dossier-section-header {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .ohd-page-full-bg .ohd-dossier-box .ohd-dossier-logout-btn,
  .ohd-page-full-bg .ohd-dossier-box .ohd-button,
  .ohd-page-full-bg .ohd-dossier-box .ohd-button-primary,
  .ohd-page-full-bg .ohd-dossier-box .ohd-button-secondary,
  .ohd-page-full-bg .ohd-dossier-box .ohd-button-small {
    width: 100% !important;
  }

  .ohd-page-full-bg .ohd-dossier-box .ohd-data-row {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  .ohd-page-full-bg .ohd-dossier-box .ohd-case-statuses {
    justify-content: flex-start !important;
  }
}

/* ============================================================
   v1.9.6.17 - globale knoppen/meldingen + agreement statuspagina
   ============================================================ */

.ohd-page-full-bg,
.ohd-form-container,
.ohd-auth-container,
.ohd-signaallijst-container,
.ohd-search-modal,
.ohd-dossier-container,
.ohd-agreement-status-page {
  --ohv-primary: #17202A;
  --ohv-secondary: #53606C;
  --ohv-accent: #9B5A3F;
  --ohv-accent-dark: #7A432F;
  --ohv-background: #F8F5F1;
  --ohv-card: #FFFFFF;
  --ohv-soft: #F3EEE9;
  --ohv-border: #DED5CA;
  --ohv-text: #1C2430;
  --ohv-muted: #625F5B;
  --ohv-bad: #B33A3A;
  --ohv-font: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ohd-button,
.ohd-button-primary,
.ohd-button-secondary,
button.ohd-button,
input[type="submit"].ohd-button {
  align-items: center !important;
  background: #17202A !important;
  border: 1.5px solid #17202A !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-family: var(--ohv-font, "Montserrat", system-ui, -apple-system, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  min-height: 42px !important;
  padding: 12px 20px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ohd-button:hover,
.ohd-button:focus,
.ohd-button-primary:hover,
.ohd-button-primary:focus,
.ohd-button-secondary:hover,
.ohd-button-secondary:focus,
button.ohd-button:hover,
button.ohd-button:focus,
input[type="submit"].ohd-button:hover,
input[type="submit"].ohd-button:focus {
  background: #0F1722 !important;
  border-color: #0F1722 !important;
  color: #FFFFFF !important;
  outline: none !important;
  text-decoration: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ohd-button:disabled,
.ohd-button[disabled],
button.ohd-button:disabled {
  background: #53606C !important;
  border-color: #53606C !important;
  cursor: not-allowed !important;
  opacity: .72 !important;
}

.ohd-success,
.ohd-info,
.ohd-error {
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: var(--ohv-font, "Montserrat", system-ui, -apple-system, sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 0 18px !important;
  padding: 13px 15px !important;
}

.ohd-success,
.ohd-info {
  background: #F3EEE9 !important;
  border: 1px solid #DED5CA !important;
  border-left: 4px solid #9B5A3F !important;
  color: #17202A !important;
  -webkit-text-fill-color: #17202A !important;
}

.ohd-error {
  background: #FFF6F5 !important;
  border: 1px solid #E7C4BE !important;
  border-left: 4px solid #B33A3A !important;
  color: #17202A !important;
  -webkit-text-fill-color: #17202A !important;
}

.ohd-status-agreement-confirmed {
  background: #F3EEE9 !important;
  border: 1px solid #DED5CA !important;
  color: #17202A !important;
  -webkit-text-fill-color: #17202A !important;
}

.ohd-agreement-status-page {
  background: linear-gradient(180deg, #F8F5F1 0%, #F8F5F1 70%, #FFFFFF 100%) !important;
  color: #1C2430 !important;
  font-family: var(--ohv-font) !important;
  left: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  max-width: 100vw !important;
  overflow-x: clip !important;
  padding: clamp(26px, 5vw, 58px) clamp(16px, 4vw, 72px) 58px !important;
  position: relative !important;
  right: 50% !important;
  width: 100vw !important;
}

.ohd-agreement-status-page::before {
  background:
    linear-gradient(135deg, rgba(155, 90, 63, .08) 0%, rgba(255, 255, 255, 0) 42%),
    linear-gradient(315deg, rgba(83, 96, 108, .08) 0%, rgba(255, 255, 255, 0) 46%) !important;
  content: "" !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.ohd-agreement-status-shell {
  margin: 0 auto !important;
  max-width: 920px !important;
  position: relative !important;
  width: 100% !important;
  z-index: 1 !important;
}

.ohd-agreement-status-card {
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid #DED5CA !important;
  border-radius: 10px !important;
  border-top: 4px solid #9B5A3F !important;
  box-shadow: 0 14px 34px rgba(23, 32, 42, .07) !important;
  color: #1C2430 !important;
  overflow: hidden !important;
  padding: clamp(28px, 4vw, 44px) !important;
  position: relative !important;
  text-align: center !important;
}

.ohd-agreement-status-kicker {
  align-items: center !important;
  color: #9B5A3F !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  letter-spacing: .12em !important;
  line-height: 1.2 !important;
  margin: 0 0 16px !important;
  text-transform: uppercase !important;
}

.ohd-agreement-status-kicker::before {
  background: #9B5A3F !important;
  border-radius: 50% !important;
  content: "" !important;
  display: inline-block !important;
  height: 12px !important;
  width: 12px !important;
}

.ohd-agreement-status-card h1 {
  color: #17202A !important;
  font-family: var(--ohv-font) !important;
  font-size: clamp(32px, 5vw, 50px) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  margin: 0 auto 18px !important;
  max-width: 760px !important;
}

.ohd-agreement-status-message {
  background: #F3EEE9 !important;
  border: 1px solid #DED5CA !important;
  border-left: 4px solid #9B5A3F !important;
  border-radius: 8px !important;
  margin: 0 auto 24px !important;
  max-width: 680px !important;
  padding: 16px 18px !important;
  text-align: left !important;
}

.ohd-agreement-status-message p {
  color: #1C2430 !important;
  font-family: var(--ohv-font) !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  -webkit-text-fill-color: #1C2430 !important;
}

.ohd-agreement-status-actions {
  display: flex !important;
  justify-content: center !important;
}

.ohd-agreement-status-button,
.ohd-agreement-status-button:visited {
  color: #FFFFFF !important;
  min-width: 230px !important;
  text-decoration: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

@media (max-width: 640px) {
  .ohd-agreement-status-page {
    padding: 24px 12px 42px !important;
  }

  .ohd-agreement-status-card {
    padding: 24px 18px !important;
    text-align: left !important;
  }

  .ohd-agreement-status-kicker {
    margin-bottom: 14px !important;
  }

  .ohd-agreement-status-card h1 {
    font-size: clamp(32px, 9vw, 42px) !important;
  }

  .ohd-agreement-status-actions {
    justify-content: stretch !important;
  }

  .ohd-agreement-status-button {
    width: 100% !important;
  }
}

/* ============================================================
   v1.9.10.1 - e-mailverificatiepopup in Mijn Dossier
   ============================================================ */
.ohd-anonymous-modal-content .ohd-email-verify-required,
.ohd-dossier-melding-modal-host .ohd-email-verify-required,
#ohd-melding-modal .ohd-email-verify-required {
  background: #FFFFFF !important;
  border: 1px solid #D7DEE7 !important;
  border-left: 5px solid #EF3F3F !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  margin: 8px 0 12px !important;
  padding: 26px 28px !important;
  text-align: center !important;
}

.ohd-anonymous-modal-content .ohd-email-verify-required h2,
.ohd-dossier-melding-modal-host .ohd-email-verify-required h2,
#ohd-melding-modal .ohd-email-verify-required h2 {
  color: #17202A !important;
  font-family: var(--ohv-font, "Montserrat", system-ui, -apple-system, sans-serif) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  margin: 0 0 10px !important;
}

.ohd-anonymous-modal-content .ohd-email-verify-required .ohd-email-verify-message,
.ohd-dossier-melding-modal-host .ohd-email-verify-required .ohd-email-verify-message,
#ohd-melding-modal .ohd-email-verify-required .ohd-email-verify-message {
  color: #3A4654 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  margin: 0 auto 18px !important;
  max-width: 560px !important;
}

.ohd-anonymous-modal-content .ohd-email-verify-required .ohd-login-buttons,
.ohd-dossier-melding-modal-host .ohd-email-verify-required .ohd-login-buttons,
#ohd-melding-modal .ohd-email-verify-required .ohd-login-buttons {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: center !important;
}

.ohd-anonymous-modal-content .ohd-email-verify-required .ohd-button,
.ohd-dossier-melding-modal-host .ohd-email-verify-required .ohd-button,
#ohd-melding-modal .ohd-email-verify-required .ohd-button {
  border-radius: 7px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  min-height: 42px !important;
  padding: 12px 20px !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.ohd-anonymous-modal-content .ohd-email-verify-required .ohd-button-primary,
.ohd-dossier-melding-modal-host .ohd-email-verify-required .ohd-button-primary,
#ohd-melding-modal .ohd-email-verify-required .ohd-button-primary {
  background: #17202A !important;
  border: 1.5px solid #17202A !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ohd-anonymous-modal-content .ohd-email-verify-required .ohd-button-primary:hover,
.ohd-anonymous-modal-content .ohd-email-verify-required .ohd-button-primary:focus,
.ohd-dossier-melding-modal-host .ohd-email-verify-required .ohd-button-primary:hover,
.ohd-dossier-melding-modal-host .ohd-email-verify-required .ohd-button-primary:focus,
#ohd-melding-modal .ohd-email-verify-required .ohd-button-primary:hover,
#ohd-melding-modal .ohd-email-verify-required .ohd-button-primary:focus {
  background: #0F1722 !important;
  border-color: #0F1722 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.ohd-anonymous-modal-content .ohd-email-verify-required .ohd-button:not(.ohd-button-primary),
.ohd-dossier-melding-modal-host .ohd-email-verify-required .ohd-button:not(.ohd-button-primary),
#ohd-melding-modal .ohd-email-verify-required .ohd-button:not(.ohd-button-primary) {
  background: #FFFFFF !important;
  border: 1.5px solid #D7DEE7 !important;
  color: #17202A !important;
  -webkit-text-fill-color: #17202A !important;
}

.ohd-anonymous-modal-content .ohd-email-verify-required .ohd-button:not(.ohd-button-primary):hover,
.ohd-anonymous-modal-content .ohd-email-verify-required .ohd-button:not(.ohd-button-primary):focus,
.ohd-dossier-melding-modal-host .ohd-email-verify-required .ohd-button:not(.ohd-button-primary):hover,
.ohd-dossier-melding-modal-host .ohd-email-verify-required .ohd-button:not(.ohd-button-primary):focus,
#ohd-melding-modal .ohd-email-verify-required .ohd-button:not(.ohd-button-primary):hover,
#ohd-melding-modal .ohd-email-verify-required .ohd-button:not(.ohd-button-primary):focus {
  background: #F7F9FB !important;
  border-color: #17202A !important;
  color: #17202A !important;
  -webkit-text-fill-color: #17202A !important;
}

/* Intake 2026: korte aanvraag en uitgebreide dossierintake. */
.ohd-pre-intake,
.ohd-intake-shell {
    --ohd-navy: #172331;
    --ohd-red: #e33a2c;
    --ohd-border: #d8dde3;
    --ohd-soft: #f5f7f9;
    color: #172331;
}
.ohd-pre-intake-modal { max-width: 920px !important; }
.ohd-pre-intake-head { margin: 0 0 22px; }
.ohd-pre-intake-head h2 { margin: 4px 0 8px; font-size: 25px; line-height: 1.25; }
.ohd-pre-intake-head p { margin: 0; color: #586473; max-width: 760px; }
.ohd-pre-intake-kicker,
.ohd-intake-eyebrow { color: #a84335; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.ohd-pre-intake-progress,
.ohd-intake-progress { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 0 0 24px; border-bottom: 1px solid var(--ohd-border); }
.ohd-pre-intake-progress span { display: flex; gap: 8px; align-items: center; padding: 10px 8px; color: #6a7480; font-size: 13px; border-bottom: 3px solid transparent; }
.ohd-pre-intake-progress b,
.ohd-intake-progress b { display: inline-grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #e7eaee; color: #394552; }
.ohd-pre-intake-progress .is-active { color: var(--ohd-navy); border-bottom-color: var(--ohd-red); font-weight: 700; }
.ohd-pre-intake-progress .is-active b,
.ohd-pre-intake-progress .is-done b,
.ohd-intake-progress .is-active b,
.ohd-intake-progress .is-done b { background: var(--ohd-navy); color: #fff; }
.ohd-pre-step h3,
.ohd-intake-step h6 { font-size: 18px; margin: 0 0 18px; color: var(--ohd-navy); }
.ohd-field-grid { display: grid; gap: 15px 18px; margin-bottom: 20px; }
.ohd-field-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ohd-pre-intake label,
.ohd-full-intake label { display: block; color: #263442; font-size: 13px; font-weight: 600; }
.ohd-pre-intake .required { display: inline !important; margin-left: 4px !important; color: #a84335 !important; font-weight: 700 !important; }
.ohd-pre-intake label > input:not([type="radio"]):not([type="checkbox"]),
.ohd-pre-intake label > select,
.ohd-pre-intake label > textarea,
.ohd-pre-intake label > .ohd-money-input { display: block; margin-top: 6px; }
.ohd-pre-intake input:not([type="radio"]):not([type="checkbox"]),
.ohd-pre-intake select,
.ohd-pre-intake textarea,
.ohd-full-intake input:not([type="radio"]):not([type="checkbox"]),
.ohd-full-intake select,
.ohd-full-intake textarea { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid #bcc5cf; border-radius: 4px; background: #fff; color: #172331; font: inherit; font-weight: 400; }
.ohd-pre-intake textarea,
.ohd-full-intake textarea { min-height: 110px; resize: vertical; }
.ohd-pre-intake input:focus,
.ohd-pre-intake select:focus,
.ohd-pre-intake textarea:focus,
.ohd-full-intake input:focus,
.ohd-full-intake select:focus,
.ohd-full-intake textarea:focus { outline: 2px solid rgba(227,58,44,.2); border-color: #a84335; }
.ohd-block-label { margin: 0 0 18px; }
.ohd-choice-fieldset { border: 0; padding: 0; margin: 0 0 20px; }
.ohd-choice-fieldset legend { font-size: 14px; font-weight: 700; margin-bottom: 9px; }
.ohd-choice-cards { display: grid; gap: 10px; }
.ohd-choice-cards-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ohd-choice-cards-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ohd-choice-cards label { position: relative; display: block; cursor: pointer; }
.ohd-choice-cards input { position: absolute; opacity: 0; }
.ohd-choice-cards span { display: block; height: 100%; min-height: 94px; padding: 13px; border: 1px solid var(--ohd-border); border-radius: 5px; background: #fff; }
.ohd-choice-cards strong { display: block; color: var(--ohd-navy); margin-bottom: 5px; }
.ohd-choice-cards small { display: block; color: #64707c; line-height: 1.45; font-weight: 400; }
.ohd-choice-cards input:checked + span { border: 2px solid #a84335; padding: 12px; background: #fff8f6; }
.ohd-form-nav,
.ohd-intake-actions { display: flex; gap: 9px; align-items: center; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--ohd-border); }
.ohd-form-nav { justify-content: flex-end; }
.ohd-pre-intake .ohd-button-primary,
.ohd-pre-intake button.ohd-button-primary {
    background: var(--ohd-navy) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-color: var(--ohd-navy) !important;
}
.ohd-pre-intake .ohd-button-primary:hover,
.ohd-pre-intake .ohd-button-primary:focus-visible,
.ohd-pre-intake button.ohd-button-primary:hover,
.ohd-pre-intake button.ohd-button-primary:focus-visible {
    background: #0e1823 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-color: #0e1823 !important;
}
.ohd-pre-intake .ohd-button:not(.ohd-button-primary) {
    background: #fff !important;
    color: var(--ohd-navy) !important;
    -webkit-text-fill-color: var(--ohd-navy) !important;
    border-color: var(--ohd-navy) !important;
}
.ohd-pre-intake .ohd-button:not(.ohd-button-primary):hover,
.ohd-pre-intake .ohd-button:not(.ohd-button-primary):focus-visible {
    background: #eef3f7 !important;
    color: var(--ohd-navy) !important;
    -webkit-text-fill-color: var(--ohd-navy) !important;
    border-color: var(--ohd-navy) !important;
}

/* De eerste intake gebruikt altijd de blauwe huisstijl. Deze hogere
 * specificiteit voorkomt dat oude globale terracotta-regels het eerste
 * zichtbare knopmoment overschrijven. */
html body .ohd-form-container.ohd-pre-intake .ohd-form-nav button.ohd-button,
html body .ohd-form-container.ohd-pre-intake .ohd-form-nav button.ohd-button-primary,
html body .ohd-form-container.ohd-pre-intake button#ohd-submit-btn {
    background: #17202A !important;
    background-color: #17202A !important;
    border-color: #17202A !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

html body .ohd-form-container.ohd-pre-intake .ohd-form-nav button.ohd-button:hover,
html body .ohd-form-container.ohd-pre-intake .ohd-form-nav button.ohd-button:focus-visible,
html body .ohd-form-container.ohd-pre-intake button#ohd-submit-btn:hover,
html body .ohd-form-container.ohd-pre-intake button#ohd-submit-btn:focus-visible {
    background: #0F1722 !important;
    background-color: #0F1722 !important;
    border-color: #0F1722 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.ohd-intake-received-page {
    max-width: 820px;
    margin: 32px auto;
    padding: 0 16px;
}
.ohd-intake-received {
    background: #FFFFFF;
    border: 1px solid #D7DEE5;
    border-top: 4px solid #17202A;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(23, 32, 42, .08);
    color: #172331;
    padding: 32px;
}
.ohd-intake-received-kicker {
    color: #17202A;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    margin: 0 0 8px;
    text-transform: uppercase;
}
.ohd-intake-received h1 {
    color: #17202A;
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 10px;
}
.ohd-intake-received-lead {
    color: #44515D;
    font-size: 16px;
    margin: 0 0 24px;
}
.ohd-intake-received-case {
    align-items: center;
    background: #F2F5F7;
    border: 1px solid #D7DEE5;
    border-radius: 6px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 0 0 24px;
    padding: 14px 16px;
}
.ohd-intake-received-case span {
    color: #44515D;
    font-size: 14px;
}
.ohd-intake-received-case strong {
    color: #17202A;
    font-size: 16px;
}
.ohd-intake-received-next {
    border-top: 1px solid #D7DEE5;
    margin: 0 0 22px;
    padding-top: 22px;
}
.ohd-intake-received-next h2 {
    color: #17202A;
    font-size: 19px;
    margin: 0 0 12px;
}
.ohd-intake-received-next ol {
    color: #34424F;
    line-height: 1.55;
    margin: 0;
    padding-left: 22px;
}
.ohd-intake-received-next li + li { margin-top: 8px; }
.ohd-intake-received-help,
.ohd-intake-received-notice {
    color: #44515D;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 22px;
}
.ohd-intake-received-notice {
    background: #F2F5F7;
    border-left: 3px solid #17202A;
    padding: 12px 14px;
}
.ohd-intake-received-notice-warning {
    border-left-color: #A84335;
}
@media (max-width: 640px) {
    .ohd-intake-received-page { margin: 18px auto; padding: 0 12px; }
    .ohd-intake-received { padding: 24px 18px; }
    .ohd-intake-received h1 { font-size: 25px; }
    .ohd-intake-received-case { align-items: flex-start; flex-direction: column; gap: 4px; }
}
.ohd-pre-intake .ohd-money-input { display: flex !important; flex-direction: row !important; align-items: stretch !important; width: 100% !important; min-width: 0 !important; overflow: hidden !important; border: 1px solid #bcc5cf !important; border-radius: 4px !important; background: #fff !important; }
.ohd-pre-intake .ohd-money-input b { display: flex !important; flex: 0 0 42px !important; align-items: center !important; justify-content: center !important; width: 42px !important; min-width: 42px !important; height: auto !important; border: 0 !important; border-right: 1px solid #d8dee5 !important; color: var(--ohd-navy) !important; }
.ohd-pre-intake .ohd-money-input input { display: block !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.ohd-pre-upload-list { margin: 10px 0 0; padding: 0; list-style: none; }
.ohd-pre-upload-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 6px; padding: 8px 10px; border: 1px solid var(--ohd-border); border-radius: 4px; background: #fff; font-size: 13px; }
.ohd-pre-upload-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ohd-pre-upload-remove,
.ohd-pre-intake button.ohd-pre-upload-remove {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #b8c6d2 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--ohd-navy) !important;
    -webkit-text-fill-color: var(--ohd-navy) !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}
.ohd-pre-intake button.ohd-pre-upload-remove::before,
.ohd-pre-intake button.ohd-pre-upload-remove::after { content: none !important; display: none !important; }
.ohd-pre-upload-remove:hover,
.ohd-pre-intake button.ohd-pre-upload-remove:focus-visible { background: var(--ohd-navy) !important; border-color: var(--ohd-navy) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
.ohd-upload-field,
.ohd-next-steps-box,
.ohd-intake-complete { padding: 15px; border: 1px solid var(--ohd-border); border-left: 4px solid #a84335; background: var(--ohd-soft); border-radius: 4px; }
.ohd-upload-field p { margin: 5px 0 10px; color: #5b6672; font-size: 12px; }
.ohd-pre-intake .ohd-check-row { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 9px !important; margin: 14px 0; line-height: 1.5; }
.ohd-check-row input { margin-top: 3px; }
.ohd-pre-intake .ohd-check-row span { color: #263442 !important; }
.ohd-pre-intake .ohd-check-row a,
.ohd-pre-intake .ohd-check-row a:visited { color: #a84335 !important; -webkit-text-fill-color: #a84335 !important; font-weight: 700 !important; text-decoration: underline !important; }
.ohd-pre-intake .ohd-check-row a:hover,
.ohd-pre-intake .ohd-check-row a:focus-visible { color: #172331 !important; -webkit-text-fill-color: #172331 !important; }
.ohd-next-steps-box { margin-top: 18px; }
.ohd-next-steps-box ol { margin: 8px 0 0 20px; }
.ohd-next-steps-box p { margin: 7px 0 0; }
.ohd-error-field { border-color: #b42318 !important; }
.ohd-inline-error {
    margin: 12px 0 16px;
    padding: 12px 14px;
    border: 1px solid #dfb8b2;
    border-left: 4px solid #a84335;
    border-radius: 4px;
    background: #fff7f5;
    color: #172331;
    font-size: 15px;
    font-weight: 650;
}

.ohd-intake-shell { border-top: 4px solid #0f4f82; }
.ohd-intake-title-row { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; margin-bottom: 10px; }
.ohd-intake-title-row .ohd-case-section-title { margin: 2px 0 0; }
.ohd-intake-state { padding: 4px 9px; border-radius: 999px; background: #fff3e7; color: #864400; font-size: 12px; font-weight: 700; white-space: nowrap; }
.ohd-intake-state.is-complete { background: #e6f4ee; color: #176044; }
.ohd-intake-intro { color: #5e6874; }
.ohd-intake-progress { display: block; margin-top: 18px; }
.ohd-intake-progress button { min-width: 0; padding: 9px 3px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #68737e; cursor: pointer; }
.ohd-intake-progress button b { margin: 0 auto 4px; }
.ohd-intake-progress button span { display: block; overflow-wrap: anywhere; font-size: 12px; }
.ohd-intake-progress button.is-active { border-bottom-color: var(--ohd-red); color: var(--ohd-navy); font-weight: 700; }
.ohd-full-intake .ohd-intake-progress .ohd-progress-line {
    background: #172331 !important;
}
.ohd-full-intake .ohd-intake-progress .ohd-progress-step.active .ohd-step-number,
.ohd-full-intake .ohd-intake-progress .ohd-progress-step.completed .ohd-step-number,
.ohd-full-intake .ohd-intake-progress .ohd-progress-step.is-active .ohd-step-number,
.ohd-full-intake .ohd-intake-progress .ohd-progress-step.is-done .ohd-step-number {
    border-color: #172331 !important;
    background: #172331 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
.ohd-intake-step { padding: 8px 0 2px; }
.ohd-evidence-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 12px 0 20px; }
.ohd-evidence-checks label { flex-direction: row; align-items: flex-start; font-weight: 500; }
.ohd-evidence-checks input { margin-top: 2px; }
.ohd-upload-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 14px; background: var(--ohd-soft); border: 1px solid var(--ohd-border); }
.ohd-intake-spacer { flex: 1; }

/* Uitgebreide intake: rustig, leesbaar en conditioneel. */
.ohd-full-intake [hidden] { display: none !important; }
.ohd-full-intake {
    color: #172331;
    font-size: 16px;
    line-height: 1.55;
}
.ohd-full-intake label {
    font-size: 16px;
    line-height: 1.45;
}
.ohd-full-intake label > input:not([type="radio"]):not([type="checkbox"]),
.ohd-full-intake label > select,
.ohd-full-intake label > textarea {
    display: block;
    margin-top: 7px;
}
.ohd-full-intake input:not([type="radio"]):not([type="checkbox"]),
.ohd-full-intake select,
.ohd-full-intake textarea {
    min-height: 48px;
    font-size: 16px;
}
.ohd-full-intake .ohd-intake-step h6 {
    margin-bottom: 22px;
    font-size: 22px;
    line-height: 1.3;
}
.ohd-full-intake .ohd-choice-fieldset legend {
    margin-bottom: 12px;
    font-size: 16px;
}
.ohd-full-intake .ohd-choice-cards span {
    box-sizing: border-box;
    min-height: 108px;
    padding: 17px;
}
.ohd-full-intake .ohd-choice-cards input:checked + span {
    padding: 16px;
    border-color: #172331;
    background: #f2f5f7;
}
.ohd-full-intake .ohd-choice-cards strong {
    font-size: 17px;
}
.ohd-full-intake .ohd-choice-cards small {
    font-size: 14px;
}
.ohd-intake-subsection,
.ohd-upload-area {
    margin: 22px 0;
    padding: 18px;
    border: 1px solid #d8dde3;
    border-left: 4px solid #172331;
    border-radius: 5px;
    background: #f7f9fa;
}
.ohd-intake-subheading {
    color: #172331;
    font-size: 17px;
    font-weight: 750;
}
.ohd-intake-subsection > p,
.ohd-upload-area-head > span {
    margin: 5px 0 16px;
    color: #56626e;
    font-size: 14px;
}
.ohd-intake-known-data {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 14px 0 18px;
}
.ohd-intake-known-data > div {
    min-width: 0;
    padding: 11px 13px;
    border: 1px solid #d8dde3;
    border-radius: 4px;
    background: #fff;
}
.ohd-intake-known-data span,
.ohd-intake-known-data strong {
    display: block;
    overflow-wrap: anywhere;
}
.ohd-intake-known-data span {
    margin-bottom: 3px;
    color: #5e6874;
    font-size: 13px;
}
.ohd-intake-known-data strong {
    color: #172331;
    font-size: 15px;
}
.ohd-upload-area-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.ohd-upload-grid {
    padding: 0;
    border: 0;
    background: transparent;
}
.ohd-upload-grid label {
    padding: 13px;
    border: 1px solid #d8dde3;
    border-radius: 4px;
    background: #fff;
}
.ohd-full-intake .ohd-evidence-checks label,
.ohd-full-intake .ohd-check-row {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-weight: 500;
}
.ohd-full-intake .ohd-evidence-checks input,
.ohd-full-intake .ohd-check-row input {
    flex: 0 0 auto;
    margin-top: 5px;
}
.ohd-intake-review {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 22px;
}
.ohd-intake-review > div {
    padding: 14px;
    border: 1px solid #d8dde3;
    border-radius: 4px;
    background: #f7f9fa;
}
.ohd-intake-review span,
.ohd-intake-review strong {
    display: block;
}
.ohd-intake-review span {
    margin-bottom: 4px;
    color: #5e6874;
    font-size: 13px;
}
.ohd-intake-review strong {
    color: #172331;
    font-size: 16px;
}
.ohd-intake-file-list {
    margin: 9px 0 0;
    padding: 0;
    list-style: none;
}
.ohd-intake-file-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 6px;
    padding: 7px 9px;
    border: 1px solid #d8dde3;
    border-radius: 4px;
    background: #f7f9fa;
    font-size: 14px;
}
.ohd-intake-file-list li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html body .ohd-full-intake button.ohd-intake-file-remove {
    display: inline-flex !important;
    flex: 0 0 30px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #aeb8c2 !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #172331 !important;
    font: 400 20px/1 Arial, sans-serif !important;
    box-shadow: none !important;
}
html body .ohd-full-intake button.ohd-intake-file-remove:hover,
html body .ohd-full-intake button.ohd-intake-file-remove:focus-visible {
    border-color: #172331 !important;
    background: #172331 !important;
    color: #fff !important;
}
html body .ohd-full-intake .ohd-intake-actions .ohd-button-primary,
html body .ohd-full-intake .ohd-intake-actions .ohd-intake-save {
    min-height: 44px !important;
    border-color: #172331 !important;
    background: #172331 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html body .ohd-full-intake .ohd-intake-actions .ohd-intake-prev {
    min-height: 44px !important;
    border-color: #172331 !important;
    background: #fff !important;
    color: #172331 !important;
    -webkit-text-fill-color: #172331 !important;
}

@media (max-width: 760px) {
    .ohd-field-grid-2,
    .ohd-choice-cards-2,
    .ohd-choice-cards-3,
    .ohd-evidence-checks,
    .ohd-upload-grid,
    .ohd-intake-known-data { grid-template-columns: 1fr; }
    .ohd-intake-progress { display: block; }
    .ohd-full-intake .ohd-choice-cards span {
        height: auto;
        min-height: 0;
    }
    .ohd-intake-progress button span { display: none; }
    .ohd-intake-actions { flex-wrap: wrap; }
    .ohd-intake-spacer { display: none; }
    .ohd-intake-review { grid-template-columns: 1fr; }
    .ohd-upload-area-head { align-items: flex-start; flex-direction: column; }
    .ohd-full-intake .ohd-intake-actions .ohd-button {
        flex: 1 1 calc(50% - 6px);
    }
}

/* Houd de vervolgintake op telefoons en tablets rustig en zonder overlappende labels. */
@media (max-width: 900px) {
    html body .ohd-intake-shell .ohd-intake-progress .ohd-progress-steps {
        gap: 0 !important;
        width: 100% !important;
    }
    html body .ohd-intake-shell .ohd-intake-progress .ohd-progress-step {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        padding: 8px 0 !important;
        overflow: hidden;
    }
    html body .ohd-intake-shell .ohd-intake-progress .ohd-step-label {
        display: none !important;
    }
}

/* ============================================================
   v1.9.12.17 - leesbare typografie voor de hele klantzijde
   ============================================================ */

html body .ohd-page-full-bg,
html body .ohd-form-container,
html body .ohd-anonymous-modal-content,
html body .ohd-auth-container,
html body .ohd-signaallijst-container,
html body .ohd-search-modal,
html body .ohd-agreement-wrap,
html body .ohd-agreement-status-page,
html body .ohd-anonymous-thanks,
html body .ohd-compliance-request {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Klantportaal */
html body .ohd-page-full-bg .ohd-dossier-hero-lead,
html body .ohd-page-full-bg .ohd-case-subtitle,
html body .ohd-page-full-bg .ohd-data-longtext,
html body .ohd-page-full-bg .ohd-readonly-hint,
html body .ohd-page-full-bg .ohd-data-empty-small,
html body .ohd-page-full-bg .ohd-document-info,
html body .ohd-page-full-bg .ohd-journal-text,
html body .ohd-page-full-bg .ohd-journal-meta {
    font-size: 15px !important;
    line-height: 1.6 !important;
}
html body .ohd-page-full-bg .ohd-dossier-box .ohd-data-label {
    font-size: 15px !important;
    line-height: 1.4 !important;
}
html body .ohd-page-full-bg .ohd-dossier-box .ohd-data-value,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-data-value strong {
    font-size: 16px !important;
    line-height: 1.5 !important;
}
html body .ohd-page-full-bg .ohd-dossier-box .ohd-case-section-title,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-dossier-section-header h3 {
    font-size: 19px !important;
    line-height: 1.35 !important;
}
html body .ohd-page-full-bg .ohd-dossier-box .ohd-dossier-topbar .ohd-section-title {
    font-size: 20px !important;
}
html body .ohd-page-full-bg .ohd-dossier-box input,
html body .ohd-page-full-bg .ohd-dossier-box select,
html body .ohd-page-full-bg .ohd-dossier-box textarea {
    font-size: 16px !important;
    line-height: 1.5 !important;
}
html body .ohd-page-full-bg .ohd-dossier-box .ohd-button,
html body .ohd-page-full-bg .ohd-dossier-box button {
    font-size: 16px !important;
}

/* Alle formulieren, zoekschermen en overeenkomstpagina's */
html body .ohd-form-container label,
html body .ohd-form-container legend,
html body .ohd-compliance-request label,
html body .ohd-search-modal label {
    font-size: 16px !important;
    line-height: 1.45 !important;
}
html body .ohd-form-container p,
html body .ohd-form-container li,
html body .ohd-form-container .ohd-field-help,
html body .ohd-form-container .ohd-form-section-desc,
html body .ohd-form-container .ohd-privacy-text,
html body .ohd-compliance-request p,
html body .ohd-agreement-wrap p,
html body .ohd-agreement-wrap li,
html body .ohd-anonymous-thanks p,
html body .ohd-anonymous-thanks li {
    font-size: 16px !important;
    line-height: 1.65 !important;
}
html body .ohd-form-container input,
html body .ohd-form-container select,
html body .ohd-form-container textarea,
html body .ohd-compliance-request input,
html body .ohd-compliance-request select,
html body .ohd-compliance-request textarea,
html body .ohd-search-modal input,
html body .ohd-search-modal select,
html body .ohd-search-modal textarea {
    font-size: 16px !important;
    line-height: 1.5 !important;
}
html body .ohd-form-container .ohd-choice-cards strong,
html body .ohd-form-container .ohd-form-section-header,
html body .ohd-form-container .ohd-form-subsection-title {
    font-size: 17px !important;
}
html body .ohd-form-container .ohd-choice-cards small,
html body .ohd-form-container small {
    font-size: 15px !important;
    line-height: 1.5 !important;
}
html body .ohd-form-container .ohd-button,
html body .ohd-compliance-request .ohd-button,
html body .ohd-search-modal .ohd-button {
    font-size: 16px !important;
}

/* Elementor-pagina's: dezelfde leesbare basis voor tekst en formulieren. */
html body .elementor-widget-text-editor,
html body .elementor-widget-text-editor p,
html body .elementor-widget-text-editor li {
    font-size: 16px !important;
    line-height: 1.65 !important;
}
html body .elementor-widget-form .elementor-field-group label,
html body .elementor-widget-form .elementor-field,
html body .elementor-widget-form .elementor-button {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* ============================================================
   v1.9.12.19 - intake en rechercheoverzicht
   ============================================================ */

html body .ohd-page-full-bg,
html body .ohd-page-full-bg .ohd-dossier-hero,
html body .ohd-page-full-bg .ohd-dossier-box,
html body .ohd-page-full-bg .ohd-dossier-box input,
html body .ohd-page-full-bg .ohd-dossier-box select,
html body .ohd-page-full-bg .ohd-dossier-box textarea,
html body .ohd-page-full-bg .ohd-dossier-box button {
    font-family: var(--ohv-font, "Montserrat", system-ui, -apple-system, sans-serif) !important;
}

html body .ohd-page-full-bg .ohd-dossier-box {
    color: #17202A !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-dossier-section-header h3,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-case-section-title {
    font-size: 19px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-case-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-case-statuses {
    align-items: center !important;
    gap: 8px !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-status,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-case-statuses span {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    padding: 6px 10px !important;
    text-transform: none !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-warning,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-info,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-success,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-error {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.6 !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-warning p,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-info p,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-success p,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-error p {
    font-size: inherit !important;
    line-height: inherit !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-data-row {
    align-items: center !important;
    grid-template-columns: minmax(180px, 235px) minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 13px 16px !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-data-label {
    color: #53606C !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.45 !important;
    text-transform: none !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-data-value,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-data-value strong {
    color: #17202A !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.5 !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-payment-row {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-payment-row .ohd-data-label {
    flex: 1 1 auto !important;
    font-size: 16px !important;
    white-space: normal !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-payment-row .ohd-payment-status-value {
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    white-space: nowrap !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-case-subtitle,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-readonly-hint,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-data-empty-small,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-data-longtext,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-document-link,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-document-info {
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.6 !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-case-subtitle {
    color: #53606C !important;
    font-weight: 400 !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-document-link {
    font-weight: 600 !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-journal-entry {
    margin-bottom: 10px !important;
    padding: 14px 16px !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-journal-meta {
    color: #53606C !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    gap: 8px 12px !important;
    line-height: 1.5 !important;
    margin-bottom: 8px !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-journal-author {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    padding: 5px 9px !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-journal-date {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-journal-text {
    color: #17202A !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.65 !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-journal-form-label,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-comment-upload-label {
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.45 !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-field-help {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

html body .ohd-page-full-bg .ohd-dossier-box .ohd-button,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-button-primary,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-button-secondary,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-button-small,
html body .ohd-page-full-bg .ohd-dossier-box button {
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
}

@media (max-width: 680px) {
    html body .ohd-page-full-bg .ohd-dossier-box .ohd-data-row {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
    }

    html body .ohd-page-full-bg .ohd-dossier-box .ohd-payment-row {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    html body .ohd-page-full-bg .ohd-dossier-box .ohd-payment-row .ohd-payment-status-value {
        justify-content: flex-start !important;
    }
}

/*
 * Meldingen Register: this form must never inherit the older terracotta
 * action styling from other public views.
 */
html body #ohd-anonymous-modal {
    --ohv-accent: #1769AA;
    --ohv-accent-dark: #0F4F82;
}

html body #ohd-anonymous-modal .ohd-progress-line,
html body #ohd-anonymous-modal .ohd-progress-step.active .ohd-step-number,
html body #ohd-anonymous-modal .ohd-progress-step.completed .ohd-step-number {
    background: #1769AA !important;
    border-color: #1769AA !important;
    box-shadow: none !important;
}

html body #ohd-anonymous-modal .ohd-progress-step.active .ohd-step-label,
html body #ohd-anonymous-modal .ohd-progress-step.completed .ohd-step-label,
html body #ohd-anonymous-modal .ohd-progress-status strong {
    color: #0F4F82 !important;
    -webkit-text-fill-color: #0F4F82 !important;
}

html body #ohd-anonymous-modal .ohd-button:not(.ohd-button-primary) {
    background: #FFFFFF !important;
    border: 1px solid #1769AA !important;
    color: #0F4F82 !important;
    -webkit-text-fill-color: #0F4F82 !important;
    box-shadow: none !important;
}

html body #ohd-anonymous-modal .ohd-button:not(.ohd-button-primary):hover,
html body #ohd-anonymous-modal .ohd-button:not(.ohd-button-primary):focus-visible {
    background: #EAF4FC !important;
    border-color: #0F4F82 !important;
    color: #0F4F82 !important;
    -webkit-text-fill-color: #0F4F82 !important;
}

html body #ohd-anonymous-modal .ohd-button-primary {
    background: #1769AA !important;
    border-color: #1769AA !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    box-shadow: none !important;
}

html body #ohd-anonymous-modal .ohd-button-primary:hover,
html body #ohd-anonymous-modal .ohd-button-primary:focus-visible {
    background: #0F4F82 !important;
    border-color: #0F4F82 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* Keep every public modal fully inside the viewport and above fixed site headers. */
html body .ohd-anonymous-modal,
html body .ohd-search-modal,
html body #ohd-melding-modal {
    z-index: 2147483000 !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 16px !important;
}

html body .ohd-anonymous-modal-content,
html body .ohd-search-modal-content,
html body .ohd-melding-modal-content {
    margin: 0 auto !important;
    box-sizing: border-box !important;
    max-height: 100% !important;
}

html body.ohd-modal-open {
    overflow: hidden !important;
}

/* The report flow owns the viewport while open; keep the floating WhatsApp
   launcher from covering the sticky navigation on small screens. */
html body.ohd-modal-open #ht-ctc-chat,
html body.ohd-modal-open .ht-ctc-chat {
    display: none !important;
}

@media (max-width: 1024px) {
    html body:has(.ohd-pre-intake-form) #ht-ctc-chat,
    html body:has(.ohd-pre-intake-form) .ht-ctc-chat,
    html body:has(.ohd-full-intake) #ht-ctc-chat,
    html body:has(.ohd-full-intake) .ht-ctc-chat {
        display: none !important;
    }
}

/* Keep modal controls below the WordPress toolbar while an administrator tests the public page. */
html body.admin-bar .ohd-anonymous-modal,
html body.admin-bar .ohd-search-modal,
html body.admin-bar #ohd-melding-modal {
    top: 32px !important;
    height: calc(100vh - 32px) !important;
    height: calc(100dvh - 32px) !important;
}

@media (max-width: 640px) {
    html body .ohd-anonymous-modal,
    html body .ohd-search-modal,
    html body #ohd-melding-modal {
        padding: 0 !important;
    }

    html body .ohd-anonymous-modal-content,
    html body .ohd-search-modal-content,
    html body .ohd-melding-modal-content {
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        padding-top: max(20px, env(safe-area-inset-top)) !important;
    }
}

@media screen and (max-width: 782px) {
    html body.admin-bar .ohd-anonymous-modal,
    html body.admin-bar .ohd-search-modal,
    html body.admin-bar #ohd-melding-modal {
        top: 46px !important;
        height: calc(100vh - 46px) !important;
        height: calc(100dvh - 46px) !important;
    }
}

/* ============================================================
   v1.9.14.69 - publieke formulieracties consequent donkerblauw
   ============================================================ */
html body .ohd-search-modal-content .ohd-modal-search-btn,
html body .ohd-search-modal .ohd-modal-search-btn,
html body .ohd-signaallijst-container .ohd-search-popup-button,
html body .ohd-result-cta .ohd-result-cta-button,
html body .ohd-auth-container .ohd-section-form .ohd-button,
html body .ohd-auth-container .ohd-section-form .ohd-button-primary,
html body .ohd-auth-container .ohd-section-form button[type="submit"],
html body .ohd-page-full-bg .ohd-dossier-box .ohd-button-primary,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-open-melding-from-dossier,
html body .ohd-main-report-form .ohd-button-primary,
html body .ohd-main-report-form button[type="submit"],
html body .ohd-signaallijst-container .ohd-cta-primary {
    background: #17202A !important;
    background-color: #17202A !important;
    border-color: #17202A !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

html body .ohd-search-modal-content .ohd-modal-search-btn:hover,
html body .ohd-search-modal-content .ohd-modal-search-btn:focus-visible,
html body .ohd-search-modal .ohd-modal-search-btn:hover,
html body .ohd-search-modal .ohd-modal-search-btn:focus-visible,
html body .ohd-signaallijst-container .ohd-search-popup-button:hover,
html body .ohd-signaallijst-container .ohd-search-popup-button:focus-visible,
html body .ohd-result-cta .ohd-result-cta-button:hover,
html body .ohd-result-cta .ohd-result-cta-button:focus-visible,
html body .ohd-auth-container .ohd-section-form .ohd-button:hover,
html body .ohd-auth-container .ohd-section-form .ohd-button:focus-visible,
html body .ohd-auth-container .ohd-section-form .ohd-button-primary:hover,
html body .ohd-auth-container .ohd-section-form .ohd-button-primary:focus-visible,
html body .ohd-auth-container .ohd-section-form button[type="submit"]:hover,
html body .ohd-auth-container .ohd-section-form button[type="submit"]:focus-visible,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-button-primary:hover,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-button-primary:focus-visible,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-open-melding-from-dossier:hover,
html body .ohd-page-full-bg .ohd-dossier-box .ohd-open-melding-from-dossier:focus-visible,
html body .ohd-main-report-form .ohd-button-primary:hover,
html body .ohd-main-report-form .ohd-button-primary:focus-visible,
html body .ohd-main-report-form button[type="submit"]:hover,
html body .ohd-main-report-form button[type="submit"]:focus-visible,
html body .ohd-signaallijst-container .ohd-cta-primary:hover,
html body .ohd-signaallijst-container .ohd-cta-primary:focus-visible {
    background: #0F1722 !important;
    background-color: #0F1722 !important;
    border-color: #0F1722 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* ============================================================
   v1.9.14.93 - keuzegestuurde wederpartijgegevens
   ============================================================ */
html body .ohd-counterparty-details {
    box-sizing: border-box;
    width: 100%;
    margin: 18px 0 8px;
    color: #17202A;
}

html body .ohd-counterparty-details [hidden] {
    display: none !important;
}

html body .ohd-counterparty-details__intro {
    padding: 0 0 16px;
    border-bottom: 1px solid #D8E0E8;
}

html body .ohd-counterparty-details__intro h4,
html body .ohd-counterparty-picker__heading h5 {
    margin: 0 0 6px;
    color: #17202A;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
}

html body .ohd-counterparty-picker__heading h5 {
    font-size: 18px;
}

html body .ohd-counterparty-details__intro p,
html body .ohd-counterparty-picker__heading p {
    margin: 0;
    color: #455466;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
}

html body .ohd-counterparty-item__fields {
    display: grid;
    gap: 14px;
    min-width: 0;
}

html body .ohd-counterparty-item__fields--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body .ohd-counterparty-item__fields--webshop {
    grid-template-columns: minmax(180px, 1.2fr) minmax(210px, 1.25fr) minmax(130px, .65fr);
}

html body .ohd-counterparty-item__fields--address {
    grid-template-columns: minmax(112px, .8fr) minmax(100px, .7fr) minmax(180px, 1.4fr) minmax(150px, 1fr);
}

html body .ohd-counterparty-item__fields--address label:last-of-type {
    grid-column: 1 / -1;
}

html body .ohd-counterparty-details label {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: #17202A;
    font-size: 16px;
    font-weight: 650;
}

html body .ohd-counterparty-details input,
html body .ohd-counterparty-details select,
html body .ohd-counterparty-details textarea {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 10px 12px;
    border: 1px solid #AEBCCC;
    border-radius: 5px;
    background: #FFFFFF;
    color: #17202A;
    font: inherit;
    font-weight: 400;
}

html body .ohd-counterparty-details input:focus,
html body .ohd-counterparty-details textarea:focus {
    border-color: #1976B9;
    box-shadow: 0 0 0 2px rgba(25, 118, 185, .14);
    outline: 0;
}

html body .ohd-counterparty-picker {
    padding: 18px 0 16px;
}

html body .ohd-counterparty-picker__heading {
    margin-bottom: 12px;
}

html body .ohd-counterparty-choices {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

html body .ohd-counterparty-choice {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px solid #9EB4C8;
    border-radius: 5px;
    background: #FFFFFF;
    color: #0F4F82;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    overflow-wrap: anywhere;
}

html body .ohd-counterparty-choice > span {
    flex: 0 0 auto;
    font-size: 18px;
    line-height: 1;
}

html body .ohd-counterparty-choice.is-primary {
    border-color: #0F4F82;
    background: #F4F8FC;
}

html body .ohd-counterparty-choice:hover,
html body .ohd-counterparty-choice:focus-visible {
    border-color: #0F4F82;
    background: #0F4F82;
    color: #FFFFFF;
    outline: 0;
}

html body .ohd-counterparty-selected {
    display: grid;
    gap: 12px;
    padding-top: 4px;
}

html body .ohd-counterparty-empty {
    display: grid;
    gap: 3px;
    padding: 16px;
    border: 1px dashed #B7C6D5;
    border-radius: 5px;
    background: #F8FAFC;
    color: #455466;
}

html body .ohd-counterparty-empty strong {
    color: #17202A;
    font-size: 15px;
}

html body .ohd-counterparty-empty span {
    font-size: 14px;
    line-height: 1.45;
}

html body .ohd-counterparty-item {
    padding: 15px;
    border: 1px solid #B7C6D5;
    border-left: 4px solid #0F4F82;
    border-radius: 6px;
    background: #FFFFFF;
}

html body .ohd-counterparty-item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

html body .ohd-counterparty-item__header strong {
    font-size: 16px;
}

html body .ohd-counterparty-item__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

html body .ohd-counterparty-item__required {
    padding: 3px 7px;
    border-radius: 999px;
    background: #EAF2F9;
    color: #0F4F82;
    font-size: 12px;
    font-weight: 700;
}

html body .ohd-counterparty-item__remove {
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: #A33A32;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

html body .ohd-counterparty-error {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-left: 3px solid #B42318;
    background: #FFF4F2;
    color: #7A271A;
    font-size: 14px;
    font-weight: 650;
}

html body .ohd-counterparty-details label.ohd-counterparty-confirm {
    display: flex !important;
    grid-template-columns: none;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 20px;
    padding: 14px;
    border: 1px solid #B9C9D8;
    border-radius: 5px;
    background: #EFF5FA;
}

html body .ohd-counterparty-details label.ohd-counterparty-confirm input[type="checkbox"] {
    flex: 0 0 auto;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .ohd-counterparty-details label.ohd-counterparty-confirm > span {
    line-height: 1.45;
}

html body .ohd-input-prefix {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

html body .ohd-input-prefix .ohd-prefix {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0 10px;
    border: 1px solid #AEBCCC;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    background: #EDF2F7;
    font-weight: 600;
}

html body .ohd-input-prefix input {
    border-radius: 0 5px 5px 0;
}

html body .ohd-counterparty-item__help {
    color: #52606D;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 760px) {
    html body .ohd-counterparty-details {
        margin: 14px 0 4px;
    }

    html body .ohd-counterparty-item__fields--two,
    html body .ohd-counterparty-item__fields--webshop,
    html body .ohd-counterparty-item__fields--address {
        grid-template-columns: minmax(0, 1fr);
    }

    html body .ohd-counterparty-item__fields--address label:last-of-type {
        grid-column: auto;
    }

    html body .ohd-counterparty-choices {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    html body .ohd-counterparty-choice {
        min-height: 48px;
        padding: 8px 9px;
        font-size: 13px;
    }

    html body .ohd-counterparty-item {
        padding: 12px;
    }

    html body .ohd-counterparty-item__header {
        align-items: flex-start;
    }
}

/* ============================================================
   v1.9.14.94 - mobiele formulieren en consequente bediening
   ============================================================ */
html body .ohd-form select#fraud_type,
html body .ohd-main-report-form select#fraud_type,
html body .ohd-anonymous-modal select#fraud_type {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .ohd-counterparty-choice {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
}

html body .ohd-counterparty-choice > span {
    align-self: flex-start;
    margin-top: 1px;
}

html body .ohd-counterparty-details label.ohd-counterparty-confirm {
    align-items: flex-start !important;
}

html body .ohd-counterparty-details label.ohd-counterparty-confirm input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: #0F4F82 !important;
    border-radius: 2px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    margin-top: 2px !important;
}

html body .ohd-counterparty-details label.ohd-counterparty-confirm input[type="checkbox"]::before,
html body .ohd-counterparty-details label.ohd-counterparty-confirm input[type="checkbox"]::after {
    content: none !important;
    display: none !important;
}

html body .ohd-counterparty-details label.ohd-counterparty-confirm > span {
    display: block;
    min-width: 0;
    margin: 0;
}

html body .ohd-upload-list,
html body .ohd-pre-upload-list {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

html body .ohd-upload-item,
html body .ohd-pre-upload-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin-top: 7px;
    padding: 9px 10px;
    border: 1px solid #C7D2DD;
    border-radius: 5px;
    background: #FFFFFF;
}

html body .ohd-upload-item-meta,
html body .ohd-pre-upload-name {
    flex: 1 1 auto;
    min-width: 0;
}

html body .ohd-upload-item-meta {
    display: grid;
    gap: 2px;
}

html body .ohd-upload-item-name,
html body .ohd-pre-upload-name {
    overflow: hidden;
    color: #17202A;
    font-size: 14px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body .ohd-upload-item-size {
    color: #52606D;
    font-size: 12px;
}

html body button.ohd-upload-remove,
html body button.ohd-pre-upload-remove,
html body .ohd-pre-intake button.ohd-pre-upload-remove {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    flex: 0 0 32px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #0F4F82 !important;
    border-radius: 4px !important;
    background: #FFFFFF !important;
    color: #0F4F82 !important;
    -webkit-text-fill-color: #0F4F82 !important;
    font-family: Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

html body button.ohd-upload-remove::before,
html body button.ohd-upload-remove::after,
html body button.ohd-pre-upload-remove::before,
html body button.ohd-pre-upload-remove::after {
    content: none !important;
    display: none !important;
}

html body button.ohd-upload-remove:hover,
html body button.ohd-upload-remove:focus-visible,
html body button.ohd-pre-upload-remove:hover,
html body button.ohd-pre-upload-remove:focus-visible {
    border-color: #0F4F82 !important;
    background: #0F4F82 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    outline: 2px solid transparent;
}

@media (max-width: 760px) {
    html body .ohd-form select#fraud_type,
    html body .ohd-main-report-form select#fraud_type,
    html body .ohd-anonymous-modal select#fraud_type {
        font-size: 15px !important;
    }

    html body .ohd-counterparty-details__intro h4 {
        font-size: 19px;
    }

    html body .ohd-counterparty-details__intro p,
    html body .ohd-counterparty-picker__heading p {
        font-size: 15px;
    }

    html body .ohd-counterparty-choices {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html body .ohd-counterparty-choice {
        align-items: flex-start;
        min-height: 50px;
        padding: 10px;
        font-size: 13px;
        line-height: 1.35;
    }

    html body .ohd-counterparty-details label.ohd-counterparty-confirm {
        gap: 9px !important;
        padding: 12px;
    }
}

@media (max-width: 380px) {
    html body .ohd-counterparty-choices {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* 1.9.14.95 - duidelijke bewijsstukken per onderwerp. */
html body #ohd-anonymous-modal .ohd-upload-groups {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

html body #ohd-anonymous-modal .ohd-upload-groups .ohd-upload-field {
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
    padding: 16px;
    border: 1px solid #C7D3DF;
    border-left: 4px solid #0F4F82;
    border-radius: 6px;
    background: #FFFFFF;
}

html body #ohd-anonymous-modal .ohd-upload-groups .ohd-upload-head {
    margin: 0 0 4px;
}

html body #ohd-anonymous-modal .ohd-upload-groups .ohd-upload-title {
    display: block;
    color: #17202A;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

html body #ohd-anonymous-modal .ohd-upload-groups .ohd-field-help {
    display: block;
    margin: 0;
    color: #52606D;
    font-size: 14px;
    line-height: 1.5;
}

html body #ohd-anonymous-modal .ohd-upload-groups .ohd-upload-drop {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 12px 0 0;
}

html body #ohd-anonymous-modal .ohd-upload-groups .ohd-upload-input,
html body #ohd-anonymous-modal .ohd-upload-groups .ohd-upload-list {
    box-sizing: border-box;
    max-width: 100%;
}

@media (max-width: 760px) {
    html body #ohd-anonymous-modal .ohd-upload-groups {
        gap: 12px;
    }

    html body #ohd-anonymous-modal .ohd-upload-groups .ohd-upload-field {
        padding: 14px 12px;
    }

    html body #ohd-anonymous-modal .ohd-upload-groups .ohd-upload-drop,
    html body #ohd-anonymous-modal .ohd-upload-groups .ohd-upload-drop-text,
html body #ohd-anonymous-modal .ohd-upload-groups .ohd-upload-list,
html body #ohd-anonymous-modal .ohd-upload-groups .ohd-upload-item {
        min-width: 0;
        overflow-wrap: anywhere;
    }
}

/* ============================================================
   1.9.14.96 - wederpartijgegevens in zes begrijpelijke onderwerpen
   ============================================================ */
html body .ohd-counterparty-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

html body .ohd-counterparty-group {
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #C9D7E4;
    border-radius: 6px;
    background: #FFFFFF;
}

html body .ohd-counterparty-group > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 64px;
    padding: 12px 14px;
    cursor: pointer;
    list-style: none;
}

html body .ohd-counterparty-group > summary::-webkit-details-marker {
    display: none;
}

html body .ohd-counterparty-group > summary:focus-visible {
    outline: 3px solid rgba(23, 105, 170, 0.24);
    outline-offset: -3px;
}

html body .ohd-counterparty-group__copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

html body .ohd-counterparty-group__copy strong {
    color: #17202A;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

html body .ohd-counterparty-group__copy small {
    color: #52606D;
    font-size: 13px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

html body .ohd-counterparty-group__action {
    flex: 0 0 auto;
    color: #0F4F82;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

html body .ohd-counterparty-group[open] {
    grid-column: 1 / -1;
    border-color: #0F4F82;
}

html body .ohd-counterparty-group[open] .ohd-counterparty-group__action {
    font-size: 0;
}

html body .ohd-counterparty-group[open] .ohd-counterparty-group__action::after {
    content: "Sluiten";
    font-size: 12px;
}

html body .ohd-counterparty-group__choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px 14px 14px;
    border-top: 1px solid #E3EAF1;
}

html body .ohd-counterparty-group__choices .ohd-counterparty-choice {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    html body .ohd-counterparty-groups,
    html body .ohd-counterparty-group__choices {
        grid-template-columns: minmax(0, 1fr);
    }

    html body .ohd-counterparty-group[open] {
        grid-column: auto;
    }

    html body .ohd-counterparty-group > summary {
        min-height: 60px;
        padding: 11px 12px;
    }

    html body .ohd-counterparty-group__choices {
        padding: 10px 12px 12px;
    }
}