body.transactions-fullscreen #contenido {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: .75rem;
    min-height: calc(100vh - 56px);
}

.tr-view-menu {
    margin-bottom: .75rem;
}

.tr-toast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
    padding: .8rem 1rem;
}

.tr-toast--success {
    border-color: rgba(0, 208, 143, .35);
}

.tr-toast--error {
    border-color: rgba(255, 59, 59, .4);
}

.tr-toast__content {
    display: grid;
    gap: .2rem;
}

.tr-toast__close {
    padding: .45rem .8rem;
}

.tr-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.tr-eyebrow {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--lf-accent-cyan);
}

.tr-title {
    font-family: var(--lf-font-display);
    font-size: 1.7rem;
    font-style: italic;
    font-weight: 700;
}

.tr-subtitle {
    color: var(--lf-fg-2);
    max-width: 52rem;
    margin-top: .3rem;
}

.tr-hero__actions {
    display: flex;
    gap: .6rem;
    flex-wrap: wrap;
}

.tr-filters {
    margin-bottom: 1rem;
}

.tr-filters__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
    flex-wrap: wrap;
}

.tr-filters__head h2,
.tr-table-card__head h2 {
    font-size: 1rem;
    font-weight: 700;
}

.tr-filters__head p,
.tr-table-card__head p {
    color: var(--lf-fg-2);
    font-size: .86rem;
    margin-top: .2rem;
}

.tr-filters__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .9rem;
}

.tr-field {
    display: grid;
    gap: .35rem;
}

.tr-field span {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--lf-fg-3);
}

.tr-table-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .85rem;
    flex-wrap: wrap;
}

.tr-state {
    display: grid;
    place-items: center;
    gap: .6rem;
    padding: 2.75rem 1rem;
    text-align: center;
    color: var(--lf-fg-2);
}

.tr-state--error {
    justify-items: start;
    text-align: left;
}

.tr-state__title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--lf-fg);
}

.tr-state__copy {
    max-width: 32rem;
}


.tr-table {
    width: 100%;
}

.tr-desc {
    display: grid;
    gap: .18rem;
}

.tr-desc strong {
    font-size: .84rem;
    color: var(--lf-fg);
}

.tr-desc span {
    font-size: .75rem;
    color: var(--lf-fg-2);
}

.tr-row-actions {
    display: inline-flex;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.tr-row-actions .btn-secondary {
    padding: .45rem .75rem;
    font-size: .75rem;
}

.tr-danger-btn {
    border-color: rgba(255, 59, 59, .32);
    color: var(--lf-danger);
}

.tr-danger-btn:hover {
    border-color: rgba(255, 59, 59, .55);
    color: #ff8d8d;
}

.tr-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

@media (max-width: 960px) {
    .tr-filters__grid {
        grid-template-columns: 1fr;
    }

    .tr-table-card {
        overflow: hidden;
    }
}