.transactionTimeline{background:linear-gradient(145deg,#fff,#f7faf8);border:1px solid #dce8e0;border-radius:16px;padding:12px}.transactionTimeline .historyHead{background:0 0!important;border:0!important;padding:4px 5px 12px!important}.transactionTimeline .transactionRow{align-items:center;gap:12px;position:relative;box-shadow:0 5px 15px #163d2810;background:#fff!important;border:1px solid #e1eae4!important;border-right:4px solid #d4a947!important;grid-template-columns:1.1fr 1.4fr 1.25fr 1.05fr!important;margin:8px 0!important;padding:14px 16px!important;display:grid!important}.transactionTimeline .transactionRow.pending{border-right-color:#d49a2f!important}.transactionTimeline .transactionRow.completed{border-right-color:#23835b!important}.transactionTimeline .transactionRow.rejected{background:snow!important;border-right-color:#bd554e!important}.transactionTimeline .transactionRow>div,.transactionTimeline .transactionRow>time{gap:4px;border:0!important;width:auto!important;padding:0!important;display:grid!important}.transactionTimeline small{color:var(--dash-muted)!important;font-size:.64rem!important}.transactionTimeline .transactionAmount strong{color:#173d2c;font-size:.93rem!important}.transactionTimeline .transactionAmount em{color:var(--dash-muted);font-size:.68rem;font-style:normal;font-weight:500}.transactionTimeline .transactionMethod b{color:#40564a;font-size:.74rem;font-weight:600}.transactionTimeline .transactionStatus b{align-items:center;gap:6px;display:inline-flex;color:#8a641d!important;font-size:.71rem!important}.transactionTimeline .completed .transactionStatus b{color:#187650!important}.transactionTimeline .rejected .transactionStatus b{color:#ae4b44!important}.transactionTimeline .transactionStatus i{width:8px;height:8px;color:inherit;opacity:.82;background:currentColor;border-radius:50%;box-shadow:0 0 0 3px}.transactionTimeline time{color:#586a60;font-size:.71rem}@media (max-width:760px){.transactionTimeline .transactionRow{grid-template-columns:1fr 1fr!important;gap:11px!important}.transactionTimeline .transactionRow>time{border-top:1px dashed #dfe8e2!important;grid-column:1/-1!important;padding-top:9px!important}.transactionTimeline .transactionMethod{grid-column:1/-1!important}}
