/* Tablas secundarias de detalle y edición. Las clases de columna mantienen alineadas cabecera y
   celdas y pueden reutilizarse desde cualquier aplicación que referencie ActiveMVC. */
.active-entity-table,
.active-entity-table th,
.active-entity-table td,
.active-entity-table code {
    font-family: inherit;
}

.active-entity-table {
    margin-bottom: 0;
}

.active-entity-table > :not(caption) > * > * {
    vertical-align: middle;
}

.active-entity-table > thead > tr > th {
    padding-top: .55rem;
    padding-bottom: .55rem;
    white-space: nowrap;
    color: var(--bs-emphasis-color);
    background-color: color-mix(in srgb, var(--app-dt-background-color, #3c8dbc) 10%, transparent);
    border-bottom: 2px solid color-mix(in srgb, var(--app-dt-background-color, #3c8dbc) 45%, transparent);
}

.active-entity-table .col-id,
.active-entity-table .col-date,
.active-entity-table .col-status {
    width: 1%;
    text-align: center;
    white-space: nowrap;
}

.active-entity-table .col-number {
    width: 1%;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.active-entity-table .col-actions {
    width: 1%;
    text-align: right;
    white-space: nowrap;
}

.active-entity-table .col-reference {
    overflow-wrap: anywhere;
}

.active-entity-table .btn-group,
.active-entity-table .col-actions > .btn {
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .active-entity-table > :not(caption) > * > * {
        padding-right: .5rem;
        padding-left: .5rem;
    }
}