/* Tabel met de ingelezen regels van een import: de gebruiker corrigeert hierin wat de controle afkeurde. */

.import-data-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    min-height: 0;
}

.idg-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding: 6px 2px;
}

.idg-title {
    font-weight: 600;
}

.idg-count,
.idg-errors {
    font-size: 0.9em;
}

.idg-count {
    color: var(--dxbl-text-muted-color, #6c757d);
}

.idg-errors {
    color: #c0392b;
    font-weight: 600;
}

.idg-filter {
    margin-left: auto;
}

/* Vaste hoogte voor de omhulling: daarbinnen scrollt de tabel, de pagina zelf blijft staan. Zonder
   deze begrenzing groeit de tabel door en moet je de hele pagina scrollen om de koprij kwijt te raken. */
.idg-grid-wrap {
    height: 52vh;
    min-height: 240px;
    overflow: hidden;
}

.idg-grid {
    width: 100%;
    height: 100%;
}

/* Regels met een probleem springen eruit, ook als je door honderden regels scrollt. */
.idg-grid .idg-row-error td {
    background-color: rgba(192, 57, 43, 0.07);
}

.idg-message-error {
    color: #c0392b;
}

.idg-message {
    color: var(--dxbl-text-muted-color, #6c757d);
}

/* De invoervelden vullen hun cel; zonder deze regel worden ze zo breed als hun inhoud. */
.idg-editor {
    width: 100%;
}

.idg-empty {
    padding: 12px 2px;
    color: var(--dxbl-text-muted-color, #6c757d);
}

/* Regels weghalen: onopvallend in de rij, duidelijk in de werkbalk. */
.idg-remove-all {
    color: #c0392b;
}

.idg-grid .dxbl-btn.dxbl-btn-link {
    color: #c0392b;
    padding: 0 4px;
}