/* ==========================================================
   TRANSACTIONS
========================================================== */

#page-transactions .png-field{

    margin-bottom:22px;

}

#page-transactions .tx-row .png-field{

    margin-bottom:0;

}

.tx-row{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:24px;

    margin-bottom:22px;

}

.tx-table-scroll{

    width:100%;

    overflow-x:auto;

    -webkit-overflow-scrolling:touch;

}

.tx-table{

    width:100%;

    min-width:560px;

    border-collapse:collapse;

}

.tx-table th{

    text-align:left;

    padding:10px 12px;

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:.04em;

    color:#6B7280;

    border-bottom:1px solid #E8EDF5;

    white-space:nowrap;

}

.tx-table td{

    padding:14px 12px;

    font-size:14px;

    color:#111827;

    border-bottom:1px solid #F1F4F9;

    white-space:nowrap;

}

.tx-status{

    display:inline-flex;

    align-items:center;

    padding:4px 10px;

    border-radius:999px;

    font-size:12px;

    font-weight:600;

    background:#F0F9F5;

    color:#0E6544;

}

.tx-status.refunded{

    background:#FEF2F2;

    color:#B91C1C;

}

.tx-invoice-link{

    color:#6C5CE7;

    font-weight:600;

    text-decoration:none;

    font-size:13px;

}

.tx-invoice-link:hover{

    text-decoration:underline;

}