.noc-mpp-threshold {
  margin-block: 1.5rem;
  color: #fff;
}
.noc-mpp-threshold > h3 {
  color: #fff;
}
.noc-mpp-threshold > p {
  color: #eef7ff;
}
.noc-mpp-threshold__card {
  margin-block: .75rem;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.46);
  border-radius: .75rem;
  color: #fff;
}
.noc-mpp-threshold summary {
  cursor: pointer;
  font-weight: 600;
  color: #fff;
}
.noc-mpp-threshold form {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
  color: #fff;
}
.noc-mpp-threshold fieldset {
  min-width: 0;
  padding: .8rem;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: .5rem;
  color: #fff;
}
.noc-mpp-threshold legend {
  font-weight: 600;
  max-width: 100%;
  color: #fff;
}
.noc-mpp-threshold label {
  display: block;
  margin-block: .6rem;
  color: #fff;
}
.noc-mpp-threshold fieldset > p,
.noc-mpp-threshold fieldset details,
.noc-mpp-threshold [data-threshold-message] {
  color: #eef7ff;
}
.noc-mpp-threshold select,
.noc-mpp-threshold input:not([type=checkbox]) {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: .6rem;
  font: inherit;
  background: #fff;
  color: #173b61;
}
.noc-mpp-threshold select option {
  color: #173b61;
  background: #fff;
}
.noc-mpp-threshold input[type=checkbox] {
  accent-color: #fff;
}
.noc-mpp-threshold [data-period] {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(auto-fit,minmax(min(12rem,100%),1fr));
}
.noc-mpp-threshold button {
  padding: .7rem 1rem;
  font: inherit;
  cursor: pointer;
  background: #062f5e;
  border: 1px solid #062f5e;
  border-radius: 8px;
  color: #fff;
}
.noc-mpp-threshold button:hover,
.noc-mpp-threshold button:focus-visible {
  background: #0e58a0;
  border-color: #0e58a0;
}
.noc-mpp-threshold :focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.noc-mpp-threshold fieldset details {
  margin-top: .65rem;
  font-size: .9em;
}

/* 3.6.4: app-brede label/legend-regels worden later geladen;
   geef de drempelsectie daarom expliciet voorrang binnen de app-shell. */
.noc-mpp-app .noc-mpp-threshold,
.noc-mpp-app .noc-mpp-threshold > h3,
.noc-mpp-app .noc-mpp-threshold summary,
.noc-mpp-app .noc-mpp-threshold legend,
.noc-mpp-app .noc-mpp-threshold label {
  color: #fff !important;
}
.noc-mpp-app .noc-mpp-threshold > p,
.noc-mpp-app .noc-mpp-threshold fieldset > p,
.noc-mpp-app .noc-mpp-threshold fieldset details,
.noc-mpp-app .noc-mpp-threshold [data-threshold-message] {
  color: #eef7ff !important;
}
.noc-mpp-app .noc-mpp-threshold fieldset {
  border-color: rgba(255,255,255,.52) !important;
}
.noc-mpp-app .noc-mpp-threshold select,
.noc-mpp-app .noc-mpp-threshold input:not([type=checkbox]) {
  color: #173b61 !important;
  background: #fff !important;
}