.rapportage-selectietegel label {
    display: grid;
    gap: 5px;
    margin-top: 14px;
    color: #3f4944;
    font-size: 12px;
    font-weight: 600;
}

.rapportage-selectietegel select {
    width: 100%;
    min-height: 36px;
    padding: 6px 32px 6px 9px;
    border: 1px solid #69736e;
    border-radius: 2px;
    background: #fff;
    color: #1f2421;
    font: inherit;
    font-size: 14px;
}

.rapportage-selectietegel select:focus-visible {
    outline: 2px solid #0f6cbd;
    outline-offset: 1px;
}

.rapportage-vaste-bron {
    display: block;
    margin-top: 14px;
    padding: 8px 10px;
    border-left: 3px solid var(--primair);
    background: #edf4f0;
    color: #344039;
    font-size: 13px;
}

.rapportage-status-tegel {
    border-left: 3px solid #69736e;
    background: #f7f9f8;
}

.rapportage-status-tegel.is-fout {
    border-left-color: #c42b1c;
    background: #fff4f3;
}

@media (max-width: 600px) {
    .rapportage-selectietegel select {
        min-height: 44px;
        font-size: 16px;
    }
}