.pending-transaction-section{color:#fff}.pending-transaction-section .head{display:flex;justify-content:space-between;text-transform:uppercase}.pending-transaction-section .head span{color:var(--pending-trans-section-head-span-color)}.pending-transaction-section .head a,.pending-transaction-section .head a:hover{color:var(--pending-trans-section-head-a-hover-color)}.pending-transaction-carousel{display:flex;flex-direction:row;width:100%;max-width:100%;overflow-x:scroll;gap:8px;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:16px 0}.transaction-item{width:310px;min-height:72px;max-height:120px;scroll-snap-align:start;flex-shrink:0;padding:16px 12px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:8px;cursor:pointer;background-color:var(--pending-trans-car-item-bg)}.transaction-item .info-section{display:flex;align-items:center;gap:8px}.transaction-item img{width:38px;height:38px}.transaction-item .info-section .details{flex-grow:1;display:flex;flex-direction:row;justify-content:space-between;font-size:14px}.transaction-item .info-section .details .highlight{padding-left:4px;color:#f99702}.transaction-item .info-section .details small{font-size:12px}.transaction-item .info-section .details small.ticket-number{display:flex;gap:4px;align-items:center}.transaction-item .info-section .details small .copy-btn{height:12px;width:auto;filter:invert(50%);cursor:pointer}.transaction-item .info-section .details>div:last-child{text-align:right}.transaction-item .info-section .details .primary{color:var(--pending-trans-car-item-info-section-details-primary-color)}.transaction-item .info-section .details .secondary{color:var(--pending-trans-car-item-info-section-details-secondary-color)}.transaction-item .download-qr-btn{background:var(--pending-trans-car-item-download-qr-btn-bg);color:var(--pending-trans-car-item-download-qr-btn-color);align-self:flex-end;border:0}.transaction-item .download-qr-btn:hover{background:var(--pending-trans-car-item-download-qr-btn-hover-bg);color:var(--pending-trans-car-item-download-qr-btn-hover-color)}table:has(+.empty-table-container){margin-bottom:0;padding-bottom:0}table tr td{cursor:pointer}.empty-table-container{background-color:#212121;width:100%;height:233px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-bottom:16px}.pending-transaction-detail-container{display:flex;flex-direction:column;gap:24px}.pending-transaction-detail-container .primary{color:var(--pending-trans-detail-primary-color)}.pending-transaction-detail-container .secondary{color:var(--pending-trans-detail-secondary-color)}.pending-transaction-detail-container .pending{color:#f99702}.pending-transaction-detail-container .pending-transaction-detail-header{display:flex;flex-direction:column;align-items:center;gap:16px}.pending-transaction-detail-container .pending-transaction-detail-header img{width:74px;height:74px}.pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container{display:flex;flex-direction:column;align-items:center;gap:8px}.pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container .status-title{line-height:16px;font-size:16px;font-weight:500}.pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container .payment-method{line-height:16px;font-size:12px;font-weight:500}.pending-transaction-detail-body{display:flex;flex-direction:column;gap:16px}.pending-transaction-payment-link-container{display:flex;flex-direction:column;align-items:center;gap:12px}.pending-transaction-payment-link-container a{color:#f99702}.pending-transaction-detail-card{display:flex;flex-direction:column;border-radius:8px;background-color:var(--pending-trans-detail-card-bg);border:1px solid var(--pending-trans-detail-card-border-color)}.pending-transaction-detail-card .secondary-section{background-color:var(--pending-trans-detail-card-secondary-section-bg)}.pending-transaction-detail-card>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:14px}.pending-transaction-detail-card>div .bank-icon{max-width:120px;max-height:20px}.pending-transaction-detail-card>div>div{width:calc((100% - 8px)/2);flex-grow:0;flex-shrink:0}.pending-transaction-detail-card>div>div:first-child,.pending-transaction-detail-card>div>span:first-child{text-align:left}.pending-transaction-detail-card .destination-account-name{text-align:left}.pending-transaction-detail-card .destination-account-number-section .destination-account-number{width:80%;display:flex;flex-direction:column;gap:4px;font-size:20px;font-weight:500;line-height:24px}.pending-transaction-detail-card .destination-account-number-section .destination-account-number span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.pending-transaction-detail-card .destination-account-number-section .destination-account-number .payment-account-name-label{font-size:12px}.pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section{align-items:end}.pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section .destination-account-number{font-size:16px;gap:0}.pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section .destination-account-number .payment-account-name-label{font-size:14px}.pending-transaction-detail-card .destination-account-number-section .standard-button-group{width:max-content;text-align:right}.pending-transaction-detail-card .standard-button-group,.pending-transaction-detail-card .standard-button-group .btn{width:100%;margin:0;text-transform:capitalize}.pending-transaction-detail-card .copy-account-number-button{padding:4px 8px;margin:0}.pending-transaction-detail-card .pending-transaction-detail-qr-code-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;background-color:var(--pending-trans-detail-card-secondary-section-bg)}.pending-transaction-detail-card .pending-transaction-detail-qr-code-container img{width:156px;height:156px;border-radius:8px;background-color:#fff}.pending-transaction-detail-card .pending-transaction-detail-qr-code-container br{display:none}.pending-transaction-detail-card .pending-transaction-detail-qr-code-container p{margin:0;font-size:14px;text-align:center}.pending-transaction-detail-card .pending-transaction-detail-qr-code-container .standard-button-group{align-self:stretch}.pending-transaction-remarks{display:flex;justify-content:center;align-items:center;padding:12px;border-radius:4px;text-align:center;background-color:#f8e68917;color:var(--pending-trans-detail-remarks-color);border:1px dashed #f8e689}.pending-transaction-info-section{display:flex;flex-direction:column;gap:8px}.pending-transaction-info-section .icon{width:16px;height:16px;margin-top:-2px}.pending-transaction-info-section .icon.chevron-icon{width:16px;height:16px;filter:var(--pending-trans-info-chevron-icon-filter);transform:rotate(270deg)}.pending-transaction-info-section.open .icon.chevron-icon{transform:rotate(90deg)}.pending-transaction-info-section .icon.copy-icon{filter:var(--pending-trans-info-copy-icon-filter)}.pending-transaction-info-section .info-section-header{padding:16px;cursor:pointer}.pending-transaction-info-section .info-section-body{display:none;padding:0 16px 16px}.pending-transaction-info-section.open .info-section-body{display:flex;flex-direction:column;gap:10px;border-top:0}.pending-transaction-info-section .info-section-body>div{display:flex;justify-content:space-between;align-items:center;width:100%}.pending-transaction-info-section .info-section-body>div>div{width:calc((100% - 8px)/2);flex-grow:0;flex-shrink:0;display:flex;align-items:center;gap:4px}.pending-transaction-info-section .info-section-body>div>div:nth-child(2){justify-content:flex-end;text-align:right}.how-to-pay-list{list-style:decimal;padding-left:24px}.how-to-pay-list li{margin-bottom:8px;padding-left:8px;text-align:left}.transactions-table.table{font-weight:500;font-size:14px;border-radius:8px;border:1px solid var(--transactions-table-border);background:var(--transactions-table-bg)}.transactions-table.table thead{background:var(--transactions-table-head-bg);color:var(--transactions-table-head-color);border:1px solid var(--transactions-table-head-border)}.transactions-table.table tbody{background:var(--transactions-table-body-bg);color:var(--transactions-table-body-color)}.transactions-table.table thead>tr>th,.transactions-table.table tbody>tr>th,.transactions-table.table thead>tr>td,.transactions-table.table tbody>tr>td{border:0;padding:16px 6px}.transactions-table.table thead tr th:first-child,.transactions-table.table tbody tr td:first-child{padding-left:16px}.transactions-table.table thead tr th:last-child,.transactions-table.table tbody tr td:last-child{padding-right:16px}.transactions-table.table tbody span.transfer-status-4,.transactions-table.table tbody span.transfer-status-4{color:var(--transactions-table-body-span-app-color)}.transactions-table.table tbody span.transfer-status-7,.transactions-table.table tbody span.transfer-status-8{color:var(--transactions-table-body-span-reject-color)}.transactions-table.table tbody span.transfer-status-1,.transactions-table.table tbody span.transfer-status-2{color:var(--transactions-table-body-span-pending-color)}.transactions-table.table .transfer-type-3.transfer-status-4::before,.transactions-table.table .positive.transfer-type-5.transfer-status-4::before{content:'+ '}.transactions-table.table .transfer-type-4.transfer-status-4::before{content:'- '}.transactions-table.table tbody span.amount:not(.transfer-status-4),.transactions-table.table tbody span.amount:not(.transfer-type-3){color:var(--transactions-table-body-color)}.transactions-table.table tbody span.amount.positive.transfer-status-4:not(.transfer-type-4){color:var(--transactions-table-body-span-app-color)}.transactions-table.table tbody tr:nth-child(odd){background:var(--transactions-table-body-tr-odd-bg)}.transactions-table.table tbody tr:nth-child(even){background:var(--transactions-table-body-tr-even-bg)}.transactions-table.table tfoot>tr>td{border:0}.transactions-table+.empty-table-container{background-color:var(--transaction-table-empty-bg);color:var(--transaction-table-empty-color);border:1px solid var(--transactions-table-head-border)}.transactions-table+.empty-table-container img{filter:var(--transaction-table-empty-img-filter)}.concise-transaction-popup:has(.pending-transaction-detail-container) .modal-content{border:5px solid var(--reporting-detail-popup-bg);background-color:var(--reporting-detail-popup-bg)}.transactions-table.table tfoot>tr>td,.transactions-table.table .pagination-section{text-align:right}.transactions-table.table tfoot>tr>td>a,.transactions-table.table .pagination-section a{margin:0 4px}.transactions-table .reporting-button-group{margin:0}.transactions-table .reporting-button-group .btn{width:100px;padding:4px 8px}

/* =========================================================
   PREMIUM TRANSACTION THEME OVERRIDE
   Orange / Red / Gray / Gold
   Original structure preserved
========================================================== */

:root {
    --trx-orange: #ff7a00;
    --trx-orange-bright: #ff9d2e;
    --trx-orange-dark: #b84f00;
    --trx-red: #d90429;
    --trx-red-bright: #ff1744;
    --trx-red-dark: #720014;
    --trx-gray-950: #090909;
    --trx-gray-900: #111111;
    --trx-gray-850: #181818;
    --trx-gray-800: #232323;
    --trx-gold: #d4af37;
    --trx-gold-bright: #ffd76a;
    --trx-gold-dark: #775900;
    --trx-text: #f8f3e8;
    --trx-muted: #aaa59a;
    --trx-orange-glow: rgba(255, 122, 0, .24);
    --trx-red-glow: rgba(255, 23, 68, .22);
    --trx-gold-glow: rgba(212, 175, 55, .24);

    --pending-trans-section-head-span-color: var(--trx-gold-bright);
    --pending-trans-section-head-a-hover-color: var(--trx-orange-bright);

    --pending-trans-car-item-bg:
        radial-gradient(circle at 8% 0%, rgba(255, 122, 0, .11), transparent 35%),
        linear-gradient(145deg, var(--trx-gray-850), var(--trx-gray-950));
    --pending-trans-car-item-info-section-details-primary-color: var(--trx-text);
    --pending-trans-car-item-info-section-details-secondary-color: var(--trx-muted);
    --pending-trans-car-item-download-qr-btn-bg:
        linear-gradient(135deg, var(--trx-orange-bright), var(--trx-orange));
    --pending-trans-car-item-download-qr-btn-color: #111;
    --pending-trans-car-item-download-qr-btn-hover-bg:
        linear-gradient(135deg, var(--trx-red), var(--trx-red-dark));
    --pending-trans-car-item-download-qr-btn-hover-color: #fff;

    --pending-trans-detail-primary-color: var(--trx-text);
    --pending-trans-detail-secondary-color: var(--trx-muted);
    --pending-trans-detail-card-bg:
        linear-gradient(145deg, var(--trx-gray-850), var(--trx-gray-950));
    --pending-trans-detail-card-border-color: rgba(255, 122, 0, .24);
    --pending-trans-detail-card-secondary-section-bg:
        linear-gradient(90deg, rgba(255, 122, 0, .08), rgba(217, 4, 41, .06), rgba(212, 175, 55, .035));
    --pending-trans-detail-remarks-color: var(--trx-text);
    --pending-trans-info-chevron-icon-filter:
        brightness(0) saturate(100%) invert(67%) sepia(94%) saturate(2225%) hue-rotate(355deg) brightness(103%) contrast(103%);
    --pending-trans-info-copy-icon-filter:
        brightness(0) saturate(100%) invert(84%) sepia(49%) saturate(554%) hue-rotate(351deg) brightness(104%) contrast(103%);

    --transactions-table-border: rgba(255, 122, 0, .20);
    --transactions-table-bg:
        linear-gradient(145deg, var(--trx-gray-850), var(--trx-gray-950));
    --transactions-table-head-bg:
        linear-gradient(90deg, var(--trx-orange-dark), var(--trx-red-dark) 48%, var(--trx-gold-dark));
    --transactions-table-head-color: #fff1d6;
    --transactions-table-head-border: rgba(255, 122, 0, .28);
    --transactions-table-body-bg: var(--trx-gray-900);
    --transactions-table-body-color: #d7d1c5;
    --transactions-table-body-span-app-color: var(--trx-gold-bright);
    --transactions-table-body-span-reject-color: var(--trx-red-bright);
    --transactions-table-body-span-pending-color: var(--trx-orange-bright);
    --transactions-table-body-tr-odd-bg: rgba(255, 255, 255, .018);
    --transactions-table-body-tr-even-bg: rgba(255, 122, 0, .035);

    --transaction-table-empty-bg:
        linear-gradient(145deg, var(--trx-gray-850), var(--trx-gray-950));
    --transaction-table-empty-color: var(--trx-muted);
    --transaction-table-empty-img-filter:
        brightness(0) saturate(100%) invert(84%) sepia(49%) saturate(554%) hue-rotate(351deg) brightness(104%) contrast(103%);

    --reporting-detail-popup-bg: var(--trx-gray-900);
}

/* Section heading */
.pending-transaction-section {
    color: var(--trx-text);
}

.pending-transaction-section .head {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 122, 0, .18);
}

.pending-transaction-section .head::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 130px;
    height: 2px;
    background:
        linear-gradient(90deg, var(--trx-orange), var(--trx-red), var(--trx-gold));
    box-shadow:
        0 0 10px var(--trx-orange-glow),
        0 0 16px rgba(212, 175, 55, .08);
}

.pending-transaction-section .head span {
    color: var(--trx-gold-bright);
    font-weight: 700;
    letter-spacing: .045em;
    text-shadow: 0 0 10px var(--trx-gold-glow);
}

.pending-transaction-section .head a,
.pending-transaction-section .head a:hover {
    color: var(--trx-orange-bright);
}

.pending-transaction-section .head a:hover {
    color: var(--trx-red-bright);
    text-shadow: 0 0 10px var(--trx-red-glow);
}

/* Horizontal transaction carousel */
.pending-transaction-carousel {
    padding: 18px 2px 20px;
    scrollbar-width: thin;
    scrollbar-color: var(--trx-orange) var(--trx-gray-850);
}

.pending-transaction-carousel::-webkit-scrollbar {
    height: 8px;
}

.pending-transaction-carousel::-webkit-scrollbar-track {
    background: var(--trx-gray-850);
    border-radius: 999px;
}

.pending-transaction-carousel::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background:
        linear-gradient(90deg, var(--trx-orange), var(--trx-red), var(--trx-gold));
    box-shadow: 0 0 10px rgba(255, 122, 0, .12);
}

.transaction-item {
    position: relative;
    overflow: hidden;
    color: var(--trx-text);
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 122, 0, .12), transparent 36%),
        radial-gradient(circle at 94% 100%, rgba(217, 4, 41, .07), transparent 30%),
        linear-gradient(145deg, var(--trx-gray-850), var(--trx-gray-950));
    border: 1px solid rgba(255, 122, 0, .22);
    box-shadow:
        0 12px 28px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255, 255, 255, .025);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}

.transaction-item::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background:
        linear-gradient(var(--trx-orange), var(--trx-red), var(--trx-gold));
    box-shadow: 0 0 12px var(--trx-orange-glow);
}

.transaction-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: -130%;
    width: 42%;
    height: 100%;
    pointer-events: none;
    background:
        linear-gradient(100deg, transparent, rgba(255, 255, 255, .08), transparent);
    transform: skewX(-18deg);
    transition: left .65s ease;
}

.transaction-item:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 157, 46, .48);
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 122, 0, .18), transparent 38%),
        radial-gradient(circle at 94% 100%, rgba(217, 4, 41, .10), transparent 32%),
        linear-gradient(145deg, #242424, #0c0c0c);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, .46),
        0 0 18px rgba(255, 122, 0, .08);
}

.transaction-item:hover::after {
    left: 145%;
}

.transaction-item .info-section .details .primary {
    color: var(--trx-text);
    font-weight: 700;
}

.transaction-item .info-section .details .secondary {
    color: var(--trx-muted);
}

.transaction-item .info-section .details .highlight {
    color: var(--trx-orange-bright);
    text-shadow: 0 0 9px var(--trx-orange-glow);
}

.transaction-item img {
    padding: 4px;
    object-fit: contain;
    border-radius: 8px;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 122, 0, .16);
    box-shadow: 0 0 12px rgba(255, 122, 0, .06);
}

.transaction-item .info-section .details small .copy-btn {
    filter:
        brightness(0)
        saturate(100%)
        invert(67%)
        sepia(94%)
        saturate(2225%)
        hue-rotate(355deg)
        brightness(103%)
        contrast(103%);
    transition:
        transform .18s ease,
        filter .18s ease;
}

.transaction-item .info-section .details small .copy-btn:hover {
    transform: scale(1.12);
    filter:
        brightness(0)
        saturate(100%)
        invert(19%)
        sepia(99%)
        saturate(5704%)
        hue-rotate(342deg)
        brightness(104%)
        contrast(104%);
}

.transaction-item .download-qr-btn {
    position: relative;
    overflow: hidden;
    color: #111;
    font-weight: 700;
    border: 1px solid rgba(255, 157, 46, .58);
    border-radius: 999px;
    background:
        linear-gradient(135deg, var(--trx-orange-bright), var(--trx-orange));
    box-shadow:
        0 7px 18px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .28);
    transition:
        color .2s ease,
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.transaction-item .download-qr-btn:hover {
    color: #fff;
    background:
        linear-gradient(135deg, var(--trx-red), var(--trx-red-dark));
    transform: translateY(-1px);
    box-shadow:
        0 9px 22px rgba(0, 0, 0, .38),
        0 0 14px var(--trx-red-glow);
}

/* Empty state */
.empty-table-container {
    color: var(--trx-muted);
    background:
        radial-gradient(circle at 50% 18%, rgba(255, 122, 0, .07), transparent 36%),
        linear-gradient(145deg, var(--trx-gray-850), var(--trx-gray-950));
    border: 1px dashed rgba(255, 122, 0, .24);
    border-radius: 8px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .02),
        0 12px 30px rgba(0, 0, 0, .26);
}

.empty-table-container img {
    opacity: .76;
    filter:
        brightness(0)
        saturate(100%)
        invert(67%)
        sepia(94%)
        saturate(2225%)
        hue-rotate(355deg)
        brightness(103%)
        contrast(103%);
}

/* Pending transaction detail */
.pending-transaction-detail-container {
    color: var(--trx-text);
}

.pending-transaction-detail-container .primary {
    color: var(--trx-text);
}

.pending-transaction-detail-container .secondary {
    color: var(--trx-muted);
}

.pending-transaction-detail-container .pending {
    color: var(--trx-orange-bright);
    text-shadow: 0 0 10px var(--trx-orange-glow);
}

.pending-transaction-detail-container .pending-transaction-detail-header img {
    padding: 6px;
    object-fit: contain;
    border-radius: 16px;
    background:
        linear-gradient(145deg, var(--trx-gray-800), var(--trx-gray-950));
    border: 1px solid rgba(255, 122, 0, .28);
    box-shadow:
        0 12px 28px rgba(0, 0, 0, .34),
        0 0 18px rgba(255, 122, 0, .08);
}

.pending-transaction-detail-container
.pending-transaction-detail-header
.payment-method-info-container
.status-title {
    color: var(--trx-gold-bright);
    text-shadow: 0 0 10px var(--trx-gold-glow);
}

.pending-transaction-detail-container
.pending-transaction-detail-header
.payment-method-info-container
.payment-method {
    color: var(--trx-muted);
}

.pending-transaction-payment-link-container a {
    color: var(--trx-orange-bright);
}

.pending-transaction-payment-link-container a:hover,
.pending-transaction-payment-link-container a:focus {
    color: var(--trx-red-bright);
    text-shadow: 0 0 10px var(--trx-red-glow);
}

.pending-transaction-detail-card {
    position: relative;
    overflow: hidden;
    color: var(--trx-text);
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 122, 0, .10), transparent 34%),
        radial-gradient(circle at 94% 100%, rgba(217, 4, 41, .07), transparent 31%),
        linear-gradient(145deg, var(--trx-gray-850), var(--trx-gray-950));
    border-color: rgba(255, 122, 0, .24);
    box-shadow:
        0 16px 38px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .025);
}

.pending-transaction-detail-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--trx-orange), var(--trx-red), var(--trx-gold));
    box-shadow: 0 0 12px var(--trx-orange-glow);
}

.pending-transaction-detail-card .secondary-section {
    background:
        linear-gradient(90deg, rgba(255, 122, 0, .08), rgba(217, 4, 41, .06), rgba(212, 175, 55, .035));
    border-top: 1px solid rgba(255, 122, 0, .12);
    border-bottom: 1px solid rgba(255, 122, 0, .12);
}

.pending-transaction-detail-card .destination-account-number-section .destination-account-number {
    color: var(--trx-gold-bright);
    text-shadow:
        0 0 10px rgba(212, 175, 55, .16),
        0 0 16px rgba(255, 122, 0, .06);
}

.pending-transaction-detail-card
.destination-account-number-section
.destination-account-number
.payment-account-name-label {
    color: var(--trx-muted);
    text-shadow: none;
}

.pending-transaction-detail-card .copy-account-number-button,
.pending-transaction-detail-card .standard-button-group .btn {
    position: relative;
    overflow: hidden;
    color: #111;
    font-weight: 700;
    background:
        linear-gradient(135deg, var(--trx-orange-bright), var(--trx-orange));
    border: 1px solid rgba(255, 157, 46, .58);
    box-shadow:
        0 7px 18px rgba(0, 0, 0, .26),
        inset 0 1px 0 rgba(255, 255, 255, .28);
    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease,
        box-shadow .2s ease;
}

.pending-transaction-detail-card .copy-account-number-button:hover,
.pending-transaction-detail-card .standard-button-group .btn:hover {
    color: #fff;
    background:
        linear-gradient(135deg, var(--trx-red), var(--trx-red-dark));
    transform: translateY(-1px);
    box-shadow:
        0 9px 22px rgba(0, 0, 0, .36),
        0 0 14px var(--trx-red-glow);
}

.pending-transaction-detail-card .pending-transaction-detail-qr-code-container {
    background:
        radial-gradient(circle at 50% 16%, rgba(255, 122, 0, .08), transparent 38%),
        linear-gradient(145deg, var(--trx-gray-850), var(--trx-gray-950));
}

.pending-transaction-detail-card
.pending-transaction-detail-qr-code-container
img {
    padding: 8px;
    background-color: #fff;
    border: 2px solid var(--trx-orange);
    box-shadow:
        0 0 0 4px rgba(255, 122, 0, .06),
        0 0 26px rgba(255, 122, 0, .16);
}

.pending-transaction-detail-card
.pending-transaction-detail-qr-code-container
p {
    color: #d7d1c5;
}

.pending-transaction-remarks {
    color: var(--trx-text);
    background:
        linear-gradient(90deg, rgba(255, 122, 0, .12), rgba(217, 4, 41, .075), rgba(212, 175, 55, .055));
    border-color: var(--trx-gold);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .03),
        0 8px 22px rgba(0, 0, 0, .22);
}

/* Accordion information */
.pending-transaction-info-section {
    overflow: hidden;
    border: 1px solid rgba(255, 122, 0, .18);
    border-radius: 8px;
    background:
        linear-gradient(145deg, var(--trx-gray-850), var(--trx-gray-950));
    box-shadow: 0 12px 28px rgba(0, 0, 0, .26);
}

.pending-transaction-info-section .info-section-header {
    color: var(--trx-gold-bright);
    font-weight: 700;
    background:
        linear-gradient(90deg, rgba(255, 122, 0, .10), rgba(217, 4, 41, .055), rgba(212, 175, 55, .03));
    transition:
        color .2s ease,
        background .2s ease;
}

.pending-transaction-info-section .info-section-header:hover {
    color: #fff;
    background:
        linear-gradient(90deg, rgba(255, 122, 0, .20), rgba(217, 4, 41, .15), rgba(212, 175, 55, .06));
}

.pending-transaction-info-section .icon.chevron-icon,
.pending-transaction-info-section .icon.copy-icon {
    filter:
        brightness(0)
        saturate(100%)
        invert(67%)
        sepia(94%)
        saturate(2225%)
        hue-rotate(355deg)
        brightness(103%)
        contrast(103%);
    transition:
        transform .22s ease,
        filter .22s ease;
}

.pending-transaction-info-section.open .icon.chevron-icon {
    transform: rotate(90deg);
    filter:
        brightness(0)
        saturate(100%)
        invert(19%)
        sepia(99%)
        saturate(5704%)
        hue-rotate(342deg)
        brightness(104%)
        contrast(104%);
}

.pending-transaction-info-section .info-section-body {
    color: #d7d1c5;
    background-color: rgba(0, 0, 0, .12);
}

.pending-transaction-info-section.open .info-section-body {
    border-top: 1px solid rgba(255, 122, 0, .12);
}

.how-to-pay-list li::marker {
    color: var(--trx-orange-bright);
    font-weight: 700;
}

/* Transactions table */
.transactions-table.table {
    color: var(--trx-text);
    background:
        linear-gradient(145deg, var(--trx-gray-850), var(--trx-gray-950));
    border-color: rgba(255, 122, 0, .20);
    box-shadow:
        0 16px 38px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .02);
}

.transactions-table.table thead {
    color: #fff1d6;
    background:
        linear-gradient(90deg, var(--trx-orange-dark), var(--trx-red-dark) 48%, var(--trx-gold-dark));
    border-color: rgba(255, 122, 0, .28);
}

.transactions-table.table thead tr th {
    color: #fff1d6;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
    text-shadow:
        0 0 9px rgba(255, 122, 0, .14),
        0 0 14px rgba(212, 175, 55, .06);
}

.transactions-table.table tbody {
    color: #d7d1c5;
    background: var(--trx-gray-900);
}

.transactions-table.table tbody tr {
    transition:
        background .18s ease,
        box-shadow .18s ease;
}

.transactions-table.table tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, .018);
}

.transactions-table.table tbody tr:nth-child(even) {
    background: rgba(255, 122, 0, .035);
}

.transactions-table.table tbody tr:hover {
    background:
        linear-gradient(90deg, rgba(255, 122, 0, .12), rgba(217, 4, 41, .075), rgba(212, 175, 55, .045));
    box-shadow:
        inset 3px 0 0 var(--trx-orange),
        inset -3px 0 0 var(--trx-gold);
}

.transactions-table.table tbody span.transfer-status-4,
.transactions-table.table tbody span.amount.positive.transfer-status-4:not(.transfer-type-4) {
    color: var(--trx-gold-bright);
    font-weight: 700;
    text-shadow: 0 0 9px var(--trx-gold-glow);
}

.transactions-table.table tbody span.transfer-status-7,
.transactions-table.table tbody span.transfer-status-8 {
    color: var(--trx-red-bright);
    font-weight: 700;
    text-shadow: 0 0 9px var(--trx-red-glow);
}

.transactions-table.table tbody span.transfer-status-1,
.transactions-table.table tbody span.transfer-status-2 {
    color: var(--trx-orange-bright);
    font-weight: 700;
    text-shadow: 0 0 8px var(--trx-orange-glow);
}

.transactions-table+.empty-table-container {
    color: var(--trx-muted);
    background:
        linear-gradient(145deg, var(--trx-gray-850), var(--trx-gray-950));
    border-color: rgba(255, 122, 0, .20);
}

.concise-transaction-popup:has(.pending-transaction-detail-container) .modal-content {
    border-color: var(--trx-orange);
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 122, 0, .11), transparent 30%),
        linear-gradient(160deg, var(--trx-gray-850), var(--trx-gray-950));
    box-shadow:
        0 28px 80px rgba(0, 0, 0, .70),
        0 0 32px rgba(255, 122, 0, .08);
}

.transactions-table.table tfoot>tr>td,
.transactions-table.table .pagination-section {
    color: var(--trx-muted);
    background-color: #0d0d0d;
    border-top: 1px solid rgba(255, 122, 0, .12);
}

.transactions-table.table tfoot>tr>td>a,
.transactions-table.table .pagination-section a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 30px;
    color: var(--trx-orange-bright);
    background: var(--trx-gray-850);
    border: 1px solid rgba(255, 122, 0, .20);
    border-radius: 5px;
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.transactions-table.table tfoot>tr>td>a:hover,
.transactions-table.table .pagination-section a:hover {
    color: #fff;
    background:
        linear-gradient(135deg, var(--trx-orange), var(--trx-red-dark));
    border-color: var(--trx-red);
    transform: translateY(-1px);
    box-shadow:
        0 0 12px var(--trx-orange-glow),
        0 0 16px rgba(217, 4, 41, .08);
}

.transactions-table .reporting-button-group .btn {
    color: #111;
    font-weight: 700;
    background:
        linear-gradient(135deg, var(--trx-orange-bright), var(--trx-orange));
    border: 1px solid rgba(255, 157, 46, .54);
    box-shadow:
        0 7px 18px rgba(0, 0, 0, .26),
        inset 0 1px 0 rgba(255, 255, 255, .28);
    transition:
        color .2s ease,
        background .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.transactions-table .reporting-button-group .btn:hover {
    color: #fff;
    background:
        linear-gradient(135deg, var(--trx-red), var(--trx-red-dark));
    transform: translateY(-1px);
    box-shadow:
        0 9px 22px rgba(0, 0, 0, .34),
        0 0 13px var(--trx-red-glow);
}

::selection {
    color: #111;
    background: var(--trx-orange-bright);
}

@media (max-width: 767px) {
    .transaction-item {
        width: min(290px, 86vw);
    }

    .pending-transaction-detail-card>div {
        gap: 10px;
    }

    .pending-transaction-detail-card
    .destination-account-number-section
    .destination-account-number {
        font-size: 17px;
    }

    .transactions-table.table {
        box-shadow: 0 12px 30px rgba(0, 0, 0, .34);
    }
}

@media (prefers-reduced-motion: reduce) {
    .transaction-item,
    .transaction-item::after,
    .transaction-item .download-qr-btn,
    .transaction-item .info-section .details small .copy-btn,
    .pending-transaction-detail-card .copy-account-number-button,
    .pending-transaction-detail-card .standard-button-group .btn,
    .pending-transaction-info-section .info-section-header,
    .pending-transaction-info-section .icon.chevron-icon,
    .pending-transaction-info-section .icon.copy-icon,
    .transactions-table.table tbody tr,
    .transactions-table.table tfoot>tr>td>a,
    .transactions-table.table .pagination-section a,
    .transactions-table .reporting-button-group .btn {
        transition: none !important;
    }
}