fluent-dialog.dialoog:has(.staat-kopie-dialoog)::part(control) {
    width: min(680px, calc(100vw - 32px)) !important;
}

.staat-kopie-dialoog {
    width: 100%;
    box-sizing: border-box;
}

.staat-kopie-raster {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
}

.staat-kopie-raster > label {
    min-width: 0;
}

.staat-kopie-doelsoort {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.staat-kopie-doelsoort legend {
    margin-bottom: 5px;
    padding: 0;
    font-weight: 400;
}

.staat-kopie-segment {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid #9ca3af;
}

.staat-kopie-segment button {
    min-height: 36px;
    border: 0;
    border-right: 1px solid #9ca3af;
    background: #fff;
    color: #202020;
}

.staat-kopie-segment button:last-child {
    border-right: 0;
}

.staat-kopie-segment button.actief {
    background: #e1f0e8;
    box-shadow: inset 0 -3px #107c41;
    color: #0b5a2d;
    font-weight: 600;
}

.staat-kopie-opties {
    display: grid;
    gap: 8px;
    margin: 18px 0 0;
    padding: 12px;
    border: 1px solid #d1d5db;
}

.staat-kopie-opties legend {
    padding: 0 6px;
    font-weight: 600;
}

.staat-kopie-keuze {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    min-height: 44px;
}

.staat-kopie-keuze input {
    width: 18px;
    height: 18px;
    margin: 3px 0 0;
}

.staat-kopie-keuze span,
.staat-kopie-keuze small {
    display: block;
}

.staat-kopie-keuze small {
    margin-top: 2px;
    color: #5f6368;
}

@media (max-width: 599px) {
    .staat-kopie-dialoog {
        width: 100%;
    }

    fluent-dialog.dialoog:has(.staat-kopie-dialoog)::part(control) {
        width: calc(100vw - 24px) !important;
    }

    .staat-kopie-raster {
        grid-template-columns: minmax(0, 1fr);
    }
}