.gww-index-beheer { overflow: visible; }
.gww-index-werkbalk {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 8px;
    border-block: 1px solid #c8c6c4;
    padding: 10px 0;
    background: #fff;
}
.gww-index-bestandskiezer { display: grid; min-width: min(360px, 100%); gap: 4px; }
.gww-index-bestandskiezer span { color: #484644; font-size: 12px; font-weight: 650; }
.gww-index-bestandskiezer input {
    min-height: 34px;
    border: 1px solid #8a8886;
    padding: 5px 8px;
    color: #201f1e;
    background: #fff;
}
.gww-index-bestandskiezer input:focus-visible { outline: 2px solid #0f6cbd; outline-offset: 1px; }
.gww-index-status { margin: 10px 0 0; border-left: 3px solid; padding: 9px 12px; line-height: 1.4; }
.gww-index-status.geslaagd { border-color: #107c41; color: #0b5a34; background: #f1faf4; }
.gww-index-status.fout { border-color: #c50f1f; color: #a4262c; background: #fdf3f4; }
.gww-index-deel { padding-top: 22px; }
.gww-index-deel > header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
}
.gww-index-deel > header h3, .gww-index-deel > header p { margin: 0; }
.gww-index-deel > header p, .gww-index-deel > header > span { color: #605e5c; font-size: 12px; }
.gww-index-tabelkader { max-width: 100%; overflow-x: auto; border: 1px solid #a19f9d; }
.gww-index-tabel { width: 100%; min-width: 720px; border-collapse: collapse; table-layout: fixed; }
.gww-index-tabel th {
    border-right: 1px solid #c8c6c4;
    border-bottom: 1px solid #a19f9d;
    padding: 8px 10px;
    color: #323130;
    background: #f3f2f1;
    font-size: 11px;
    text-align: left;
}
.gww-index-tabel td {
    border-right: 1px solid #d2d0ce;
    border-bottom: 1px solid #d2d0ce;
    padding: 8px 10px;
    overflow-wrap: anywhere;
    vertical-align: middle;
}
.gww-index-tabel th:last-child, .gww-index-tabel td:last-child { border-right: 0; }
.gww-index-tabel tbody tr:last-child td { border-bottom: 0; }
.gww-index-tabel td small { display: block; margin-top: 2px; color: #605e5c; }
.gww-index-getal { font-variant-numeric: tabular-nums; text-align: right; }
.gww-import-tabel th:nth-child(1) { width: 128px; }
.gww-import-tabel th:nth-child(2) { width: 25%; }
.gww-import-tabel th:nth-child(3) { width: 120px; }
.gww-import-tabel th:nth-child(4) { width: 74px; }
.gww-import-tabel th:nth-child(5) { width: 124px; }
.gww-import-tabel th:nth-child(6) { width: 64px; }
.gww-import-details td { padding: 0; background: #fafafa; }
.gww-import-meldingen { margin: 0; padding: 6px 12px 10px 32px; }
.gww-import-meldingen li { padding: 5px 4px; line-height: 1.35; }
.gww-import-meldingen li.fout { color: #a4262c; }
.gww-import-meldingen li.waarschuwing { color: #6a4f08; }
.gww-import-meldingen p { margin: 2px 0 0; color: #323130; }

@media (max-width: 600px) {
    .gww-index-beheer { min-width: 0; }
    .gww-index-werkbalk { align-items: stretch; flex-direction: column; }
    .gww-index-bestandskiezer { min-width: 0; width: 100%; }
    .gww-index-deel > header { align-items: flex-start; flex-direction: column; gap: 2px; }
    .gww-index-tabelkader { width: 100%; overscroll-behavior-x: contain; }
}