.ct-9a13b7ec-wrapper {
    /* --- CSS CUSTOM PROPERTIES --- */
    
    /* Vormgeving tabel */
    --ct-border-radius: 14px; /* Afgeronde hoeken op de hele tabel */
    --ct-border-color: #ECEAE4; /* Dunne horizontale lijnen tussen rijen */
    --ct-bg-table: #FFFFFF; /* Witte achtergrond tabel */
    
    /* Header (Koppen) */
    --ct-header-bg: #141A2E; /* Donker navy header achtergrond */
    --ct-header-height: 50px; /* Hoogte header */
    --ct-header-col1-color: #7D8B99; /* Gedempte grijsblauwe kleur eerste kolom kop */
    --ct-header-col1-size: 11px; /* Lettergrootte eerste kolom kop */
    --ct-header-col1-spacing: 0.12em; /* Letter-spacing eerste kolom kop */
    --ct-header-cols-color: #FFFFFF; /* Kleur overige kolomkoppen */
    --ct-header-cols-size: 13px; /* Lettergrootte overige kolomkoppen */
    --ct-highlight-grad: linear-gradient(180deg, #F28A1E 0%, #E07812 100%); /* Oranje verloop gemarkeerde kolomkop */
    
    /* Gemarkeerde kolom (PolisManager) */
    --ct-highlight-bg: rgba(242, 138, 30, 0.08); /* Doorzichtig oranje (8% opacity van #F28A1E) voor de gemarkeerde kolom */
    --ct-highlight-border: #F3E0CC; /* Subtiele oranje getinte randen */
    
    /* Sectierijen */
    --ct-section-bg: #F5F4F0; /* Lichte warme grijze achtergrond sectierij */
    --ct-section-color: #E8590C; /* Oranjerode tekst sectierij */
    --ct-section-size: 11px; /* Lettergrootte sectierij */
    --ct-section-spacing: 0.1em; /* Letter-spacing sectierij */
    
    /* Gewone rijen */
    --ct-row-color: #141A2E; /* Tekstkleur rijlabel */
    --ct-row-size: 14px; /* Lettergrootte rijlabel */
    --ct-row-height: 46px; /* Rijhoogte/padding */
    
    /* Status Iconen & Legenda */
    --ct-badge-size: 22px; /* Grootte ronde badges */
    
    --ct-status-ja-bg: #E7F5EC; /* Beschikbaar achtergrond */
    --ct-status-ja-color: #2F9E5A; /* Beschikbaar icoonkleur */
    
    --ct-status-deels-bg: #FFF0E0; /* Deels achtergrond */
    --ct-status-deels-color: #D86915; /* Deels icoonkleur */
    
    --ct-status-onbekend-bg: #F1F3F5; /* Onbekend achtergrond */
    --ct-status-onbekend-color: #868E96; /* Onbekend icoonkleur */
    
    --ct-status-nee-bg: #FFEBEB; /* Niet beschikbaar achtergrond */
    --ct-status-nee-color: #E53935; /* Niet beschikbaar icoonkleur */
    
    --ct-subtext-color: #B4580E; /* Toelichting tekstkleur */
    --ct-subtext-size: 11px; /* Toelichting lettergrootte */
    
    --ct-legend-size: 13px; /* Legenda tekstgrootte */
    --ct-legend-color: #666666; /* Legenda tekstkleur */

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--ct-row-color);
}

/* --- LEGENDA --- */
.ct-9a13b7ec-wrapper .ct-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* Ruime tussenruimte */
    margin-bottom: 20px;
    font-size: var(--ct-legend-size);
    color: var(--ct-legend-color);
    padding-left: 5px;
}

.ct-9a13b7ec-wrapper .ct-legend-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* --- TABEL CONTAINER --- */
.ct-9a13b7ec-wrapper .ct-table-container {
    width: 100%;
    overflow-x: auto; /* Horizontaal scrollbaar op mobiel */
    border-radius: var(--ct-border-radius);
    background-color: var(--ct-bg-table);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05); /* Subtiele rand */
}

.ct-9a13b7ec-wrapper .ct-table {
    width: 100%;
    min-width: 700px; /* Forceer breedte voor mobiele scroll */
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    table-layout: fixed; /* Zorgt ervoor dat de kolommen even breed zijn */
}

/* --- HEADER --- */
.ct-9a13b7ec-wrapper .ct-table th {
    height: var(--ct-header-height);
    padding: 10px 20px;
    text-align: center;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid var(--ct-border-color);
}

.ct-9a13b7ec-wrapper .ct-th-main {
    background-color: var(--ct-header-bg);
    color: var(--ct-header-cols-color);
    font-size: var(--ct-header-cols-size);
    font-weight: 700;
}

/* Eerste kolom instellingen */
.ct-9a13b7ec-wrapper th:first-child {
    text-align: left;
    color: var(--ct-header-col1-color);
    font-size: var(--ct-header-col1-size);
    text-transform: uppercase;
    letter-spacing: var(--ct-header-col1-spacing);
    width: 30%; /* Specifieke breedte voor de linker kolom */
}

/* Sticky eerste kolom (optioneel voor beter mobiel gebruik) */
.ct-9a13b7ec-wrapper td:first-child,
.ct-9a13b7ec-wrapper th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}
.ct-9a13b7ec-wrapper th:first-child {
    z-index: 3;
}

.ct-9a13b7ec-wrapper .ct-th-highlight {
    background: var(--ct-highlight-grad);
    color: var(--ct-header-cols-color);
    font-size: var(--ct-header-cols-size);
    font-weight: 700;
}

/* --- RIJEN & CELLEN --- */
.ct-9a13b7ec-wrapper .ct-table td {
    padding: 15px 20px;
    height: var(--ct-row-height);
    vertical-align: middle;
    text-align: center;
    border: none;
    border-bottom: 1px solid var(--ct-border-color);
}

.ct-9a13b7ec-wrapper .ct-table tr:last-child td {
    border-bottom: none;
}

/* Geen verticale lijnen, witte achtergrond voor gewone cellen */
.ct-9a13b7ec-wrapper .ct-td-main {
    background-color: var(--ct-bg-table);
}
.ct-9a13b7ec-wrapper .ct-feature-status {
    background-color: var(--ct-bg-table);
}

.ct-9a13b7ec-wrapper td:first-child {
    text-align: left;
    background-color: var(--ct-bg-table);
}

/* Rijlabel */
.ct-9a13b7ec-wrapper .ct-feature-name {
    font-weight: 700;
    font-size: var(--ct-row-size);
    color: var(--ct-row-color);
}

/* --- GEMARKEERDE KOLOM (Dynamic Class) --- */
.ct-9a13b7ec-wrapper .ct-table .col-highlighted {
    background-color: var(--ct-highlight-bg);
    border-left: 1px solid var(--ct-highlight-border);
    border-right: 1px solid var(--ct-highlight-border);
}

/* Zorg dat de sticky linker kolom niet transparant wordt over de oranje kolom op mobiel */
.ct-9a13b7ec-wrapper td:first-child {
    border-right: 1px solid var(--ct-border-color);
}

/* --- SECTIERIJEN --- */
.ct-9a13b7ec-wrapper .ct-row-header td {
    background-color: var(--ct-section-bg);
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Sectiekop tekst (alleen in de eerste cel getoond) */
.ct-9a13b7ec-wrapper .ct-row-header td:first-child {
    color: var(--ct-section-color);
    font-size: var(--ct-section-size);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: var(--ct-section-spacing);
}

/* Overschrijf achtergrond voor gemarkeerde kolom in sectierij */
.ct-9a13b7ec-wrapper .ct-row-header .col-highlighted {
    background-color: var(--ct-highlight-bg);
}

/* --- STATUS BADGES --- */
.ct-9a13b7ec-wrapper .ct-status-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ct-9a13b7ec-wrapper .ct-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--ct-badge-size);
    height: var(--ct-badge-size);
    border-radius: 50%;
    flex-shrink: 0;
}

/* Semantische classes voor de statussen */
.ct-9a13b7ec-wrapper .status--ja {
    background-color: var(--ct-status-ja-bg);
    color: var(--ct-status-ja-color);
}

.ct-9a13b7ec-wrapper .status--deels {
    background-color: var(--ct-status-deels-bg);
    color: var(--ct-status-deels-color);
}

.ct-9a13b7ec-wrapper .status--onbekend {
    background-color: var(--ct-status-onbekend-bg);
    color: var(--ct-status-onbekend-color);
}

.ct-9a13b7ec-wrapper .status--nee {
    background-color: var(--ct-status-nee-bg);
    color: var(--ct-status-nee-color);
}

/* --- TOELICHTING TEKST --- */
.ct-9a13b7ec-wrapper .ct-subtext {
    font-size: var(--ct-subtext-size);
    color: var(--ct-subtext-color);
    line-height: 1.3;
    margin-top: 6px;
    max-width: 140px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}