.nvi-sectie {
    display: grid;
    gap: 12px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #c8c6c4;
}

.nvi-sectie h3,
.nvi-sectie p { margin: 0; }
.nvi-sectie p { color: #4a4a4a; line-height: 1.45; }

.nvi-veld {
    display: grid;
    gap: 5px;
    min-width: 0;
    color: #242424;
    font-size: 12px;
    font-weight: 600;
}

.nvi-veld input,
.nvi-veld select,
.nvi-veld textarea {
    width: 100%;
    min-width: 0;
    min-height: 34px;
    box-sizing: border-box;
    padding: 7px 9px;
    border: 1px solid #8a8886;
    border-radius: 2px;
    color: #242424;
    background: #fff;
    font: 400 13px/1.35 "Segoe UI", sans-serif;
}

.nvi-veld textarea { min-height: 78px; resize: vertical; }
.nvi-veld input:focus,
.nvi-veld select:focus,
.nvi-veld textarea:focus { outline: 2px solid #0f6cbd; outline-offset: -2px; }

.nvi-formulier-raster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 10px; }

.nvi-lijstkop { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.nvi-lijstkop h3 { margin: 0; }

.nvi-kleine-knop {
    min-height: 30px;
    padding: 4px 9px;
    border: 1px solid #8a8886;
    border-radius: 2px;
    color: #0f5f3b;
    background: #fff;
    font: 600 12px "Segoe UI", sans-serif;
    cursor: pointer;
}

.nvi-inlichtingenlijst { display: grid; gap: 8px; margin-top: 18px; }
.nvi-inlichting {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 10px;
    width: 100%;
    padding: 9px 10px;
    text-align: left;
    border: 1px solid #d1d1d1;
    border-left: 3px solid #0f6cbd;
    border-radius: 2px;
    color: #242424;
    background: #fff;
    cursor: pointer;
}

.nvi-inlichting:hover { background: #f5f9fc; }
.nvi-inlichting div { display: grid; gap: 3px; min-width: 0; }
.nvi-inlichting strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nvi-inlichting span,
.nvi-inlichting small { color: #616161; }
.nvi-inlichting em { align-self: center; color: #8a4b00; font-size: 11px; font-style: normal; font-weight: 600; }
.nvi-inlichting em.gereed { color: #0f5f3b; }
.nvi-leeg { padding: 12px; border-left: 3px solid #8a8886; background: #f5f5f5; }

.nvi-deadline {
    margin: 14px 0 0;
    padding: 9px 11px;
    border-left: 3px solid #0f6cbd;
    background: #f3f8fc;
}
.nvi-deadline.verstreken { border-left-color: #c05a00; background: #fff4e5; }
.nvi-deadline strong { display: block; margin-top: 3px; color: #8a3f00; }
.nvi-waarschuwing { padding: 9px 11px; border-left: 3px solid #c05a00; background: #fff4e5; }

.nvi-bevestiging {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    padding: 10px;
    border: 1px solid #c8c6c4;
    background: #fafafa;
    line-height: 1.4;
}
.nvi-bevestiging input { width: 16px; height: 16px; margin: 1px 0 0; accent-color: #0f6cbd; }

.nvi-conceptuitleg {
    margin-top: 14px;
    padding: 10px 12px;
    border-left: 3px solid #107c41;
    background: #f3faf6;
}

.nvi-conceptuitleg p {
    margin: 4px 0 0;
    color: #4a4a4a;
    line-height: 1.45;
}

@media (max-width: 700px) {
    .nvi-formulier-raster { grid-template-columns: 1fr; }
    .nvi-inlichting { grid-template-columns: 1fr; }
    .nvi-inlichting strong { white-space: normal; }
}