/**
 * My account data-table chrome shared across C2 orders and C3 invoices (ARCH2).
 */

.dc-c2-orders-table {
    overflow-y: hidden;
}

.dc-grid-table-head--letter-tight {
    letter-spacing: 0.08em;
}

.dc-grid-table-head {
    min-height: 2.5rem;
    background: var(--dc-hueso);
    font-size: var(--dc-size-caption);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: var(--dc-weight-semibold);
    color: var(--dc-text-secondary);
}

.dc-c3-invoices-table,
.dc-c6-tarifa-preview {
    display: flex;
    flex-direction: column;
}

.dc-c2-orders-table__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--dc-space-4);
    box-sizing: border-box;
    width: 100%;
    flex-shrink: 0;
    padding: var(--dc-space-3) var(--dc-space-4);
    border-top: 1px solid var(--dc-ceniza, var(--ab2b-border));
    background: var(--dc-hueso);
}

.dc-c2-orders-table__pagination {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.dc-c2-orders-table__range {
    font-size: var(--dc-size-small);
    color: var(--dc-text-secondary);
}

.dc-c2-orders-table__pagination-controls {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.dc-c2-orders-table__pagination-btn {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--dc-ceniza, var(--ab2b-border));
    border-radius: var(--dc-radius-pill);
    background: transparent;
    color: var(--dc-ceniza, var(--ab2b-border));
}

.dc-c2-orders-table__pagination-icon--prev {
    transform: rotate(90deg);
}

.dc-c2-orders-table__export {
    display: inline-flex;
    align-items: center;
    gap: var(--dc-space-2);
    font-size: var(--dc-size-small);
    font-weight: var(--dc-weight-semibold);
    color: var(--dc-musgo, var(--ab2b-accent));
    text-decoration: none;
}

.dc-c2-orders-table__export:hover,
.dc-c2-orders-table__export:focus-visible {
    color: var(--dc-pino, var(--ab2b-text));
    text-decoration: underline;
}

.dc-c3-invoices-table .dc-c2-orders-table__footer {
    margin: 0;
    border-radius: 0;
}

.dc-my-account-empty-inset {
    border: 1px solid var(--dc-ceniza, var(--ab2b-border));
    border-radius: var(--dc-radius-card);
    padding: 3.5rem var(--dc-space-6);
    text-align: center;
}

.dc-my-account-empty-inset__icon {
    display: flex;
    justify-content: center;
    margin-bottom: var(--ab2b-space-3);
    color: var(--ab2b-muted);
}