/* EGGnium designsystem — schermspecifieke aanvullingen voor de BEHEERSCHERMEN.
   EIGENAAR: CX (deelopdracht beheerschermen). Alleen selectoren binnen .egw-beheer of eigen schermklassen (bijv. .egw-gebruikers).
   Algemene componenten staan in eggnium-components.css (eigenaar CC) en worden hier niet overschreven. */

.egw-gebruikers {
    gap: var(--egw-s5);
}

.egw-gebruikers-kaart {
    overflow: hidden;
}

.egw-gebruikers-kaart .egw-filterbar {
    border-bottom: 1px solid var(--egw-border);
    margin: 0;
    padding: var(--egw-s4);
}

.egw-gebruikers .egw-filterbar .egw-field--grow {
    min-width: min(100%, 20rem);
}

.egw-gebruikers .egw-row-actions,
.egw-gebruikers .egw-card-footer,
.egw-gebruikers-aanvraag-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--egw-s2);
}

.egw-gebruikers .egw-row-actions form,
.egw-gebruikers-aanvraag-actions form {
    margin: 0;
}

.egw-gebruikers-form .egw-card-body {
    padding: var(--egw-s5);
}

.egw-gebruikers-formulier-breed {
    grid-column: 1 / -1;
}

.egw-gebruikers .egw-alert ul {
    margin: 0;
    padding-left: var(--egw-s5);
}

.egw-gebruikers-aanvraag-actions {
    align-items: flex-end;
}

.egw-gebruikers-aanvraag-actions form:last-child {
    align-items: center;
    display: grid;
    gap: var(--egw-s2);
    grid-template-columns: minmax(10rem, 1fr) auto;
}

@media (max-width: 640px) {
    .egw-gebruikers .egw-page-header .egw-actions,
    .egw-gebruikers .egw-card-footer,
    .egw-gebruikers .egw-row-actions {
        align-items: stretch;
        width: 100%;
    }

    .egw-gebruikers .egw-page-header .egw-actions .egw-btn,
    .egw-gebruikers .egw-card-footer .egw-btn,
    .egw-gebruikers .egw-row-actions .egw-btn {
        justify-content: center;
    }

    .egw-gebruikers-aanvraag-actions,
    .egw-gebruikers-aanvraag-actions form,
    .egw-gebruikers-aanvraag-actions form:last-child {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

/* Pakket 2: Bedrijfsactiviteiten en Sectorprofiel. */
.egw-bedrijfsactiviteiten,
.egw-sectorprofiel {
    display: grid;
    gap: var(--egw-s4);
}

.egw-bedrijfsactiviteiten .egw-page-header,
.egw-sectorprofiel .egw-page-header {
    margin-bottom: 0;
}

.egw-bedrijfsactiviteiten-lijst {
    overflow: hidden;
}

.egw-bedrijfsactiviteiten-lijst .egw-filterbar {
    border-bottom: 1px solid var(--egw-border);
    margin: 0;
}

.egw-bedrijfsactiviteiten-lijst .egw-filter-row {
    grid-template-columns: minmax(220px, 1fr) auto auto;
}

.egw-bedrijfsactiviteiten .egw-row-actions,
.egw-sectorprofiel .egw-row-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--egw-s2);
}

.egw-bedrijfsactiviteiten .egw-row-actions form,
.egw-sectorprofiel .egw-row-actions form {
    margin: 0;
}

.egw-beheer .egw-beheer-fieldset {
    border: 1px solid var(--egw-border);
    border-radius: var(--egw-radius);
    display: grid;
    gap: var(--egw-s3);
    margin: 0;
    padding: var(--egw-s4);
}

.egw-beheer .egw-beheer-fieldset legend {
    font-weight: var(--egw-fw-semibold);
    padding: 0 var(--egw-s2);
}

.egw-bedrijfsactiviteiten .egw-alert ul {
    margin: var(--egw-s2) 0 0;
    padding-left: var(--egw-s5);
}

.egw-sectorprofiel-definities {
    overflow: visible;
}

.egw-sectorprofiel-definities .egw-card-header {
    padding-bottom: var(--egw-s3);
}

.egw-sectorprofiel-nieuw {
    position: relative;
}

.egw-sectorprofiel-nieuw > summary {
    list-style: none;
}

.egw-sectorprofiel-nieuw > summary::-webkit-details-marker {
    display: none;
}

.egw-sectorprofiel-nieuw-body {
    align-items: end;
    background: var(--egw-surface);
    border: 1px solid var(--egw-border);
    border-radius: var(--egw-radius);
    box-shadow: var(--egw-shadow-dialog);
    display: grid;
    gap: var(--egw-s3);
    grid-template-columns: minmax(220px, 2fr) minmax(180px, 1fr) 110px auto;
    padding: var(--egw-s4);
    position: absolute;
    right: 0;
    top: calc(100% + var(--egw-s2));
    width: min(760px, calc(100vw - (2 * var(--egw-s5))));
    z-index: 20;
}

.egw-sectorprofiel-nieuw-body > form {
    display: none;
}

.egw-sectorprofiel-definitietabel .egw-input[readonly] {
    background: var(--egw-gray-100);
    color: var(--egw-text-muted);
}

.egw-sectorprofiel-definitietabel th:nth-child(3),
.egw-sectorprofiel-definitietabel td:nth-child(3) {
    width: 110px;
}

.egw-sectorprofiel-definitietabel th:nth-child(4),
.egw-sectorprofiel-definitietabel td:nth-child(4) {
    width: 100px;
}

.egw-sectorprofiel-definitietabel th:last-child,
.egw-sectorprofiel-definitietabel td:last-child {
    width: 220px;
}

.egw-sectorprofiel .egw-card-header h2,
.egw-sectorprofiel .egw-card-header p {
    margin: 0;
}

.egw-sectorprofiel-details {
    display: grid;
    gap: var(--egw-s2);
}

.egw-sectorprofiel-detail {
    border: 1px solid var(--egw-border);
    border-radius: var(--egw-radius-sm);
    overflow: hidden;
}

.egw-sectorprofiel-detail > summary {
    align-items: center;
    cursor: pointer;
    display: grid;
    font-weight: var(--egw-fw-semibold);
    gap: var(--egw-s2);
    grid-template-columns: auto 1fr auto;
    list-style: none;
    padding: var(--egw-s3);
}

.egw-sectorprofiel-detail > summary::-webkit-details-marker {
    display: none;
}

.egw-sectorprofiel-detail[open] > summary {
    background: var(--egw-gray-50);
    border-bottom: 1px solid var(--egw-border);
}

.egw-sectorprofiel-detail[open] > summary .egw-icon {
    transform: rotate(90deg);
}

.egw-sectorprofiel-detail > form {
    display: grid;
    gap: var(--egw-s4);
    padding: var(--egw-s4);
}

.egw-sectorprofiel-mapping-row {
    align-items: center;
    border-bottom: 1px solid var(--egw-border);
    display: grid;
    gap: var(--egw-s2);
    grid-template-columns: minmax(0, 1fr) 90px;
    padding: var(--egw-s2) 0;
}

.egw-sectorprofiel-mapping-row:last-child {
    border-bottom: 0;
}

.egw-sectorprofiel-mapping-row label {
    align-items: center;
    display: flex;
    gap: var(--egw-s2);
}

.egw-sectorprofiel-form-actions {
    display: flex;
    justify-content: flex-end;
}

.egw-sectorprofiel-campagne-row {
    align-items: center;
    border-bottom: 1px solid var(--egw-border);
    display: grid;
    gap: var(--egw-s3);
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 1fr) auto;
    padding: var(--egw-s3) 0;
}

.egw-sectorprofiel-campagne-row:last-child {
    border-bottom: 0;
}

@media (max-width: 760px) {
    .egw-bedrijfsactiviteiten-lijst .egw-filter-row,
    .egw-sectorprofiel-mapping-grid,
    .egw-sectorprofiel-campagne-row {
        grid-template-columns: 1fr;
    }

    .egw-sectorprofiel-nieuw {
        width: 100%;
    }

    .egw-sectorprofiel-definities .egw-card-header {
        align-items: stretch;
        flex-direction: column;
    }

    .egw-sectorprofiel-nieuw > summary {
        justify-content: center;
        width: 100%;
    }

    .egw-sectorprofiel-nieuw-body {
        grid-template-columns: 1fr;
        margin-top: var(--egw-s3);
        position: static;
        width: 100%;
    }

    .egw-sectorprofiel-definitietabel td:last-child,
    .egw-sectorprofiel-definitietabel th:last-child,
    .egw-sectorprofiel-definitietabel td:nth-child(3),
    .egw-sectorprofiel-definitietabel th:nth-child(3),
    .egw-sectorprofiel-definitietabel td:nth-child(4),
    .egw-sectorprofiel-definitietabel th:nth-child(4) {
        width: auto;
    }
}

/* Opnamesbeheer */
.egw-opnames {
    gap: var(--egw-s4);
}

.egw-opnames .egw-page-header {
    margin-bottom: 0;
}

.egw-opnames .recording-header-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--egw-s2);
    justify-content: flex-end;
    max-width: 34rem;
    text-align: right;
}

.egw-opnames .recording-header-actions .egw-help {
    flex-basis: 100%;
    margin: 0;
}

.egw-opnames-card {
    overflow: hidden;
}

.egw-opnames-card .recording-filters {
    border-bottom: 1px solid var(--egw-border);
}

.egw-opnames-filter-row {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
}

.egw-opnames-filter-actions {
    align-self: end;
    justify-content: flex-end;
}

.egw-opnames .recording-table-wrap {
    border-top: 0;
    max-width: 100%;
    overflow: auto;
}

.egw-opnames .recording-progress {
    align-items: center;
    border: 1px solid var(--egw-border);
    border-radius: var(--egw-radius-pill);
    display: inline-flex;
    font-size: var(--egw-fs-12);
    font-weight: var(--egw-fw-semibold);
    line-height: 1.2;
    max-width: 100%;
    padding: 3px 8px;
    white-space: normal;
}

.egw-opnames .recording-progress-gereed {
    background: var(--egw-success-bg);
    border-color: var(--egw-success-border);
    color: var(--egw-success-text);
}

.egw-opnames .recording-progress-fout {
    background: var(--egw-danger-bg);
    border-color: var(--egw-danger-border);
    color: var(--egw-danger-text);
}

.egw-opnames .recording-progress-bezig {
    background: var(--egw-info-bg);
    border-color: var(--egw-info-border);
    color: var(--egw-info-text);
}

.egw-opnames .recording-progress-wacht,
.egw-opnames .recording-progress-transcript_gereed {
    background: var(--egw-warning-bg);
    border-color: var(--egw-warning-border);
    color: var(--egw-warning-text);
}

.egw-opnames .recording-progress-niet_gestart {
    background: var(--egw-gray-50);
    color: var(--egw-text-muted);
}

.egw-opnames .summary-dialog > form {
    padding: var(--egw-s4);
}

.egw-opnames .summary-dialog > form > footer {
    border-top: 1px solid var(--egw-border);
    display: flex;
    gap: var(--egw-s2);
    justify-content: flex-end;
    margin: var(--egw-s4) calc(var(--egw-s4) * -1) calc(var(--egw-s4) * -1);
    padding: var(--egw-s3) var(--egw-s4);
}

.egw-opnames .summary-dialog .egw-help,
.egw-opnames .summary-dialog .form-status {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .egw-opnames-filter-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .egw-opnames-filter-row > .egw-field:first-child {
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    .egw-opnames .recording-header-actions {
        align-items: stretch;
        max-width: none;
        text-align: left;
        width: 100%;
    }

    .egw-opnames .recording-header-actions .egw-btn {
        flex: 1 1 10rem;
        justify-content: center;
    }

    .egw-opnames-filter-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .egw-opnames-filter-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .egw-opnames-filter-actions .egw-btn {
        justify-content: center;
        width: 100%;
    }

    .egw-opnames .recording-compact-table,
    .egw-opnames .recording-compact-table tbody {
        display: block;
        min-width: 0;
        width: 100%;
    }

    .egw-opnames .recording-compact-table colgroup {
        display: none;
    }

    .egw-opnames .recording-compact-table tr {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: var(--egw-s3);
    }

    .egw-opnames .recording-compact-table td {
        min-width: 0;
    }

    .egw-opnames .recording-compact-table .recording-date-cell {
        grid-column: 1 / span 2;
    }

    .egw-opnames .recording-compact-table .recording-time-cell,
    .egw-opnames .recording-compact-table .recording-source-cell {
        align-self: center;
        text-align: right;
    }

    .egw-opnames .recording-compact-table .recording-relation-cell,
    .egw-opnames .recording-compact-table .recording-progress-cell {
        grid-column: 1 / -1;
    }

    .egw-opnames .recording-compact-table .conversation-icon-cell {
        align-items: center;
        display: grid;
        gap: 3px;
        grid-column: auto;
        grid-row: auto;
        justify-items: center;
    }

    .egw-opnames .recording-compact-table .conversation-icon-cell::before {
        color: var(--egw-text-subtle);
        content: "Actie";
        font-size: 10px;
    }

    .egw-opnames .recording-compact-table td:nth-child(7)::before { content: "Opname"; }
    .egw-opnames .recording-compact-table td:nth-child(8)::before { content: "Transcript"; }
    .egw-opnames .recording-compact-table td:nth-child(9)::before { content: "Samenvatting"; }
    .egw-opnames .recording-compact-table td:nth-child(10)::before { content: "Controle"; }
    .egw-opnames .recording-compact-table td:nth-child(11)::before { content: "Correctie"; }
    .egw-opnames .recording-compact-table td:nth-child(12)::before { content: "Koppeling"; }
    .egw-opnames .recording-compact-table td:nth-child(13)::before { content: "Verwijderen"; }

    .egw-opnames .recording-compact-table .egw-opnames-empty-row,
    .egw-opnames .recording-compact-table .egw-opnames-empty-row td {
        display: block;
        grid-column: 1 / -1;
        width: 100%;
    }

    .egw-opnames .summary-dialog .egw-formulier {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Pakket 5 — Import relaties, generieke import en relatiedata-reset. */
.egw-importbeheer {
    display: grid;
    gap: var(--egw-s5);
}

.egw-importbeheer > .egw-page-header,
.egw-importbeheer > .egw-steps,
.egw-importbeheer > .egw-alert,
.egw-importbeheer > .egw-card,
.egw-importbeheer > .egw-actions,
.egw-importbeheer > .egw-import-form,
.egw-importbeheer > .import-summary,
.egw-importbeheer > .egw-filterbar,
.egw-importbeheer > .pagination,
.egw-importbeheer > .muted,
.egw-importbeheer > form + .actions {
    margin: 0;
}

.egw-importbeheer .egw-card-header h2,
.egw-importbeheer .egw-card-header p,
.egw-importbeheer .egw-alert p {
    margin: 0;
}

.egw-importbeheer .egw-card-header p,
.egw-importbeheer .egw-help,
.egw-importbeheer .form-status {
    color: var(--egw-text-muted);
}

.egw-importbeheer .egw-grid-span {
    grid-column: 1 / -1;
}

.egw-importbeheer .egw-import-technical {
    border-top: 1px solid var(--egw-border);
    padding-top: var(--egw-s3);
}

.egw-importbeheer .egw-import-technical summary,
.egw-importbeheer .egw-import-issues summary {
    color: var(--egw-text-muted);
    cursor: pointer;
    font-weight: var(--egw-fw-semibold);
}

.egw-importbeheer .egw-import-issues {
    padding: var(--egw-s4);
}

.egw-importbeheer .egw-import-issues summary {
    align-items: center;
    display: flex;
    gap: var(--egw-s2);
}

.egw-import-stats {
    display: grid;
    gap: var(--egw-s3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.egw-import-stats > div,
.egw-importbeheer .import-summary > div {
    background: var(--egw-gray-50);
    border: 1px solid var(--egw-border);
    border-radius: var(--egw-radius-sm);
    display: grid;
    gap: var(--egw-s1);
    min-width: 0;
    padding: var(--egw-s3);
}

.egw-import-stats > div strong,
.egw-importbeheer .import-summary strong {
    color: var(--egw-text);
}

.egw-importbeheer .egw-kv--grid {
    display: grid;
    gap: var(--egw-s3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.egw-importbeheer .egw-kv--grid > div {
    min-width: 0;
}

.egw-importbeheer code {
    overflow-wrap: anywhere;
}

.egw-import-form .egw-card-body {
    display: grid;
    gap: var(--egw-s4);
}

.egw-import-form .egw-card-footer,
.egw-importbeheer > .egw-actions {
    justify-content: flex-end;
}

.egw-import-progress {
    margin-top: var(--egw-s4);
}

.egw-generieke-import .egw-import-new-source {
    margin-bottom: var(--egw-s4);
}

.egw-generieke-import .egw-import-new-source > summary {
    display: inline-flex;
    list-style: none;
}

.egw-generieke-import .egw-import-new-source > summary::-webkit-details-marker {
    display: none;
}

.egw-generieke-import .egw-inline-form {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--egw-s3);
    margin-top: var(--egw-s3);
}

.egw-generieke-import .egw-inline-form .egw-field {
    flex: 1 1 260px;
}

.egw-generieke-import .egw-import-upload {
    display: grid;
    gap: var(--egw-s4);
}

.egw-importbeheer .import-summary {
    display: grid;
    gap: var(--egw-s3);
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.egw-importbeheer .import-summary span,
.egw-importbeheer .import-summary small {
    color: var(--egw-text-muted);
}

.egw-importbeheer .egw-filterbar {
    padding: var(--egw-s4);
}

.egw-importbeheer .egw-filter-row {
    align-items: end;
}

.egw-importbeheer .egw-filter-row .egw-field {
    flex: 1 1 170px;
}

.egw-importbeheer .egw-filter-row .toolbar-search {
    flex-basis: 260px;
}

.egw-importbeheer .import-workbench-table .badge {
    white-space: nowrap;
}

.egw-importbeheer .import-row-detail-grid {
    background: var(--egw-surface);
    border-color: var(--egw-border);
    box-shadow: var(--egw-shadow-raised);
}

.egw-importbeheer .import-plan .egw-card-body {
    display: grid;
    gap: var(--egw-s4);
}

.egw-resetbeheer {
    max-width: 1120px;
}

.egw-resetbeheer .egw-reset-table {
    max-height: 540px;
    overflow: auto;
}

@media (max-width: 900px) {
    .egw-import-stats,
    .egw-importbeheer .egw-kv--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .egw-import-stats,
    .egw-importbeheer .egw-kv--grid,
    .egw-importbeheer .egw-grid--2 {
        grid-template-columns: 1fr;
    }

    .egw-import-form .egw-card-footer,
    .egw-importbeheer > .egw-actions,
    .egw-generieke-import .egw-inline-form {
        align-items: stretch;
        flex-direction: column;
    }

    .egw-import-form .egw-card-footer .egw-btn,
    .egw-importbeheer > .egw-actions .egw-btn,
    .egw-generieke-import .egw-inline-form .egw-btn {
        justify-content: center;
        width: 100%;
    }
}

/* Pakket 3: Beoordelingsmodellen. */
.egw-beoordelingsmodellen {
    display: grid;
    gap: var(--egw-s4);
}

.egw-beoordelingsmodellen .egw-page-header {
    margin-bottom: 0;
}

.egw-beoordelingsmodellen-lijst {
    overflow: hidden;
}

.egw-beoordelingsmodellen-lijst .egw-cell-title,
.egw-beoordelingsmodellen-lijst .egw-cell-sub {
    display: block;
}

.egw-beoordelingsmodellen-lijst .egw-cell-sub {
    color: var(--egw-text-muted);
    font-size: var(--egw-fs-13);
    margin-top: 2px;
    max-width: 52rem;
}

.egw-beoordelingsmodellen .egw-row-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--egw-s2);
}

.egw-beoordelingsmodellen .egw-row-actions form,
.egw-beoordelingsmodel-detail form {
    margin: 0;
}

.egw-beoordelingsmodel-form {
    max-width: 900px;
}

.egw-beoordelingsmodel-formulier {
    display: grid;
    gap: var(--egw-s4);
}

.egw-beoordelingsmodel-formulier-breed {
    grid-column: 1 / -1;
}

.egw-beoordelingsmodel-detail {
    max-width: 1500px;
}

.egw-beoordelingsmodel-instellingen .egw-card-header h2,
.egw-beoordelingsmodel-instellingen .egw-card-header p,
.egw-beoordelingsmodel-detail .assessment-dimension .egw-card-header h2,
.egw-beoordelingsmodel-detail .assessment-dimension .egw-card-header p {
    margin: 0;
}

.egw-beoordelingsmodel-instellingen .egw-card-body {
    align-items: start;
}

.egw-beoordelingsmodel-instellingen .egw-check {
    align-items: center;
    display: flex;
    gap: var(--egw-s2);
    min-height: 40px;
}

.egw-beoordelingsmodel-feiten {
    margin: 0;
}

.egw-beoordelingsmodel-feiten > div {
    border-left: 3px solid var(--egw-accent);
    padding-left: var(--egw-s3);
}

.egw-beoordelingsmodel-feiten dt {
    color: var(--egw-text-muted);
    font-size: var(--egw-fs-13);
}

.egw-beoordelingsmodel-feiten dd {
    font-size: var(--egw-fs-18);
    font-weight: var(--egw-fw-semibold);
    margin: 2px 0 0;
}

.egw-beoordelingsmodel-detail .assessment-dimensions {
    display: grid;
    gap: var(--egw-s4);
}

.egw-beoordelingsmodel-detail .assessment-dimension {
    padding: 0;
}

.egw-beoordelingsmodel-detail .assessment-dimension.is-inactive {
    opacity: .78;
}

.egw-beoordelingsmodel-detail .assessment-dimension > .egw-card-body {
    display: grid;
    gap: var(--egw-s3);
}

.egw-beoordelingsmodel-detail .assessment-dimension-actions {
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

.egw-beoordelingsmodel-sectiekop {
    border-top: 1px solid var(--egw-border);
    display: flex;
    justify-content: space-between;
    padding-top: var(--egw-s4);
}

.egw-beoordelingsmodel-sectiekop h3,
.egw-beoordelingsmodel-sectiekop p {
    margin: 0;
}

.egw-beoordelingsmodel-detail .assessment-dimension-editor,
.egw-beoordelingsmodel-detail .assessment-inline-editor {
    background: var(--egw-gray-50);
    border: 1px solid var(--egw-border);
    border-radius: var(--egw-radius-sm);
    padding: var(--egw-s3);
}

.egw-beoordelingsmodel-detail .assessment-dimension-editor label,
.egw-beoordelingsmodel-detail .assessment-inline-editor label,
.egw-beoordelingsmodel-detail .assessment-contribution-add label,
.egw-beoordelingsmodel-detail .assessment-dimension-add label {
    color: var(--egw-text);
    display: grid;
    font-size: var(--egw-fs-13);
    font-weight: var(--egw-fw-semibold);
    gap: 4px;
}

.egw-beoordelingsmodel-detail .assessment-contribution-add {
    width: fit-content;
}

.egw-beoordelingsmodel-detail .assessment-contribution-add[open] {
    width: 100%;
}

.egw-beoordelingsmodel-detail .assessment-contribution-add > summary,
.egw-beoordelingsmodel-detail .assessment-dimension-add > summary {
    list-style: none;
}

.egw-beoordelingsmodel-detail .assessment-contribution-add > summary::-webkit-details-marker,
.egw-beoordelingsmodel-detail .assessment-dimension-add > summary::-webkit-details-marker {
    display: none;
}

.egw-beoordelingsmodel-detail .assessment-contribution-add form,
.egw-beoordelingsmodel-detail .assessment-dimension-add form {
    align-items: end;
    background: var(--egw-gray-50);
    border: 1px solid var(--egw-border);
    border-radius: var(--egw-radius-sm);
    display: grid;
    gap: var(--egw-s3);
    grid-template-columns: repeat(2, minmax(10rem, 1fr)) minmax(16rem, 2fr) auto;
    margin-top: var(--egw-s2);
    padding: var(--egw-s3);
}

.egw-beoordelingsmodel-detail .assessment-dimension-add {
    padding: var(--egw-s4);
}

.egw-beoordelingsmodel-detail .assessment-dimension-add form {
    grid-template-columns: minmax(14rem, 1fr) 8rem auto;
}

.egw-beoordelingsmodel-detail .assessment-contributions small,
.egw-beoordelingsmodel-detail .assessment-contributions a {
    display: block;
    margin-top: 3px;
}

.egw-beoordelingsmodel-detail .assessment-contributions small {
    color: var(--egw-text-muted);
}

@media (max-width: 900px) {
    .egw-beoordelingsmodel-detail .assessment-contribution-add form,
    .egw-beoordelingsmodel-detail .assessment-dimension-add form {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .egw-beoordelingsmodellen .egw-page-header .egw-actions,
    .egw-beoordelingsmodellen .egw-card-footer,
    .egw-beoordelingsmodellen .egw-row-actions {
        align-items: stretch;
        width: 100%;
    }

    .egw-beoordelingsmodellen .egw-page-header .egw-actions .egw-btn,
    .egw-beoordelingsmodellen .egw-card-footer .egw-btn,
    .egw-beoordelingsmodellen .egw-row-actions .egw-btn {
        justify-content: center;
    }

    .egw-beoordelingsmodellen-lijst .egw-table-wrap--cards td:last-child {
        grid-row: 1 / span 2;
    }

    .egw-beoordelingsmodel-formulier-breed {
        grid-column: auto;
    }

    .egw-beoordelingsmodel-instellingen .egw-card-body,
    .egw-beoordelingsmodel-detail .assessment-dimension-editor form:first-child,
    .egw-beoordelingsmodel-detail .assessment-inline-editor > form:first-child {
        grid-template-columns: 1fr;
    }

    .egw-beoordelingsmodel-instellingen .egw-card-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .egw-beoordelingsmodel-instellingen .egw-card-footer .egw-btn {
        width: 100%;
    }

    .egw-beoordelingsmodel-detail .assessment-dimension > .egw-card-header {
        align-items: flex-start;
    }
}

/* Pakket 4: Campagnebelscript en dataconflicten. */
.egw-campagnebeheer,
.egw-campagneconflicten {
    display: grid;
    gap: var(--egw-s4);
}

.egw-campagnebeheer .egw-page-header,
.egw-campagneconflicten .egw-page-header {
    margin-bottom: 0;
}

.egw-campagnebeheer form,
.egw-campagneconflicten form {
    margin: 0;
}

.egw-campagnebeheer .script-version-bar {
    background: var(--egw-surface);
    border-color: var(--egw-border);
    margin: 0;
    padding: var(--egw-s4);
}

.egw-campagnebeheer .script-version-bar > div:first-child,
.egw-campagnebeheer .script-version-bar .egw-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--egw-s3);
}

.egw-campagnebeheer .script-version-history,
.egw-campagnebeheer .script-help > details {
    overflow: hidden;
}

.egw-campagnebeheer .script-version-history > summary,
.egw-campagnebeheer .script-help > details > summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: var(--egw-fw-semibold);
    gap: var(--egw-s2);
    list-style: none;
    padding: var(--egw-s3) var(--egw-s4);
}

.egw-campagnebeheer .script-version-history > summary::-webkit-details-marker,
.egw-campagnebeheer .script-help > details > summary::-webkit-details-marker {
    display: none;
}

.egw-campagnebeheer .script-version-history[open] > summary,
.egw-campagnebeheer .script-help > details[open] > summary {
    background: var(--egw-gray-50);
    border-bottom: 1px solid var(--egw-border);
}

.egw-campagnebeheer .script-version-history ul {
    display: grid;
    gap: var(--egw-s2);
    list-style: none;
    margin: 0;
    padding: var(--egw-s3) var(--egw-s4);
}

.egw-campagnebeheer .script-version-history li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--egw-s2);
    justify-content: space-between;
}

.egw-campagnebeheer .script-help {
    margin: 0;
}

.egw-campagnebeheer .script-help-body {
    padding: var(--egw-s3) var(--egw-s4);
}

.egw-campagnebeheer .script-help-body > p:first-child {
    margin-top: 0;
}

.egw-campagnebeheer .egw-section-heading {
    align-items: end;
    display: flex;
    justify-content: space-between;
}

.egw-campagnebeheer .egw-section-heading h2,
.egw-campagnebeheer .egw-section-heading p {
    margin: 0;
}

.egw-campagnebeheer .egw-section-heading p {
    color: var(--egw-text-muted);
    font-size: var(--egw-fs-13);
    margin-top: 2px;
}

.egw-campagnebeheer .script-collection-search {
    background: var(--egw-surface);
    border-color: var(--egw-border);
    margin: 0;
    padding: var(--egw-s4);
}

.egw-campagnebeheer .script-collection-search input {
    width: min(100%, 34rem);
}

.egw-campagnebeheer .script-section-card,
.egw-campagnebeheer .script-content-blocks > section {
    background: var(--egw-surface);
    border-color: var(--egw-border);
    border-radius: var(--egw-radius);
    box-shadow: var(--egw-shadow-raised);
}

.egw-campagnebeheer .script-section-card > summary {
    min-height: 48px;
    padding: var(--egw-s3) var(--egw-s4);
}

.egw-campagnebeheer .script-section-card[open] > summary {
    background: var(--egw-gray-50);
    border-bottom: 1px solid var(--egw-border);
}

.egw-campagnebeheer .script-section-body {
    padding: var(--egw-s3) var(--egw-s4) var(--egw-s4);
}

.egw-campagnebeheer .script-rule-read,
.egw-campagnebeheer .script-content-list article,
.egw-campagnebeheer .checklist-admin-card {
    background: var(--egw-gray-50);
    border-color: var(--egw-border);
}

.egw-campagnebeheer .script-avg-lock {
    background: var(--egw-blue-50);
    border-left: 3px solid var(--egw-primary);
    border-radius: var(--egw-radius-sm);
    padding: var(--egw-s3);
}

.egw-campagnebeheer .script-content-blocks {
    gap: var(--egw-s4);
    margin-top: 0;
}

.egw-campagnebeheer .script-content-blocks > section {
    padding: var(--egw-s4);
}

.egw-campagnebeheer .script-content-blocks > section > header {
    border-bottom: 1px solid var(--egw-border);
    padding-bottom: var(--egw-s3);
}

.egw-campagnebeheer .script-editor-dialog,
.egw-campagnebeheer .script-preview-dialog {
    background: var(--egw-surface);
    border-radius: var(--egw-radius-lg);
    box-shadow: var(--egw-shadow-dialog);
    color: var(--egw-text);
}

.egw-campagnebeheer .script-editor-dialog input:not([type="checkbox"]):not([type="hidden"]),
.egw-campagnebeheer .script-editor-dialog select,
.egw-campagnebeheer .script-editor-dialog textarea,
.egw-campagnebeheer .script-preview-dialog select {
    border: 1px solid var(--egw-border-strong);
    border-radius: var(--egw-radius-sm);
    font: inherit;
    padding: 8px 10px;
    width: 100%;
}

.egw-campagneconflicten {
    max-width: 980px;
}

.egw-conflictkaart .egw-card-header {
    align-items: flex-start;
    padding-bottom: var(--egw-s3);
}

.egw-conflictkaart .egw-card-header h2,
.egw-conflictkaart .egw-card-header p {
    margin: var(--egw-s2) 0 0;
}

.egw-conflictvergelijking {
    display: grid;
    gap: var(--egw-s3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: var(--egw-s4);
}

.egw-conflictvergelijking > section {
    background: var(--egw-gray-50);
    border: 1px solid var(--egw-border);
    border-radius: var(--egw-radius-sm);
    display: grid;
    gap: var(--egw-s2);
    padding: var(--egw-s4);
}

.egw-conflictkaart .egw-card-footer {
    justify-content: flex-end;
}

@media (max-width: 760px) {
    .egw-campagnebeheer .script-version-bar,
    .egw-campagnebeheer .script-version-bar .egw-actions,
    .egw-campagnebeheer .script-content-blocks > section > header {
        align-items: stretch;
        flex-direction: column;
    }

    .egw-campagnebeheer .script-version-bar .egw-btn,
    .egw-campagnebeheer .script-content-blocks > section > header .btn {
        justify-content: center;
        width: 100%;
    }

    .egw-campagnebeheer .script-section-card > summary {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .egw-conflictvergelijking {
        grid-template-columns: 1fr;
    }

    .egw-conflictkaart .egw-card-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .egw-conflictkaart .egw-card-footer .egw-btn {
        justify-content: center;
        width: 100%;
    }
}
/* CC 17-10: medewerkernaam niet afkappen in de opnamelijst */ .egw-opnames .recording-user-cell { white-space: normal; overflow: visible; text-overflow: clip; min-width: 7rem; }
/* CC 17-10: Setup privacy — ruimte tussen kaarten en secties, kaarten even hoog zonder overlap */ .privacy-setup .privacy-grid { margin-bottom: var(--egw-s5); align-items: stretch; } .privacy-setup h2 { margin-top: var(--egw-s5); } .egw-health .egw-kv, .egw-migraties .egw-badge { white-space: nowrap; } .egw-testrunner .egw-card-footer { display: flex; justify-content: space-between; align-items: center; gap: var(--egw-s3); }
.egw-health .egw-kv { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }

/* EG-0170 schermronde (stelsel §10): in beheerschermen zijn inleidingen, feitenlabels en veldlabels gewone tekst; minimaal 14 px. Celondertitels en voortgangstekst blijven secundair. */
.egw-campagnebeheer .egw-section-heading p, .egw-beoordelingsmodel-feiten dt,
.egw-beoordelingsmodel-detail .assessment-dimension-editor label, .egw-beoordelingsmodel-detail .assessment-inline-editor label,
.egw-beoordelingsmodel-detail .assessment-contribution-add label, .egw-beoordelingsmodel-detail .assessment-dimension-add label { font-size: 14px; }
/* EG-0170 schermronde: kolomkoppen van de opnamesacties 14 px. */
.egw-opnames .recording-compact-table .recording-action-heading { font-size: 14px; }

/* EG-0170 (#609): Analysemodellen, inklapbaar archief onder de actieve modellen. */
.egw-beoordelingsmodellen-archief { border-top: 1px solid var(--egw-border, #e2e8f0); }
.egw-beoordelingsmodellen-archief > summary { cursor: pointer; padding: 12px 16px; font-weight: 600; font-size: 14px; }