/* Transaction Page Styles */
.tx-page { min-height:80vh; }
.tx-email-state { display:flex; justify-content:center; align-items:center; min-height:50vh; }
.tx-email-card { background:var(--color-bg-card); border:1px solid var(--color-border); border-radius:var(--radius-xl); padding:var(--space-10); max-width:480px; width:100%; text-align:center; box-shadow:var(--shadow-lg); }
.tx-email-card__icon { width:72px; height:72px; margin:0 auto var(--space-6); background:var(--color-accent-light); border-radius:var(--radius-xl); display:flex; align-items:center; justify-content:center; color:var(--color-accent); }
.tx-email-card__icon i { width:36px; height:36px; }
.tx-email-card h1 { font-size:var(--text-2xl); margin-bottom:var(--space-2); }

.tx-sent-icon { width:72px; height:72px; margin:0 auto var(--space-6); background:var(--color-success-light); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--color-success); }
.tx-sent-icon i { width:36px; height:36px; }

.tx-error-icon { width:72px; height:72px; margin:0 auto var(--space-6); background:var(--color-danger-light); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--color-danger); }
.tx-error-icon i { width:36px; height:36px; }

.dev-link-box { margin-top:var(--space-4); padding:var(--space-4); background:var(--color-info-light); border-radius:var(--radius-md); font-size:var(--text-sm); text-align:left; word-break:break-all; }

/* Transaction cards */
.tx-card { background:var(--color-bg-card); border:1px solid var(--color-border); border-radius:var(--radius-xl); margin-bottom:var(--space-4); overflow:hidden; transition:all var(--transition-base); }
.tx-card:hover { box-shadow:var(--shadow-md); }
.tx-card__header { display:flex; align-items:center; gap:var(--space-4); padding:var(--space-5); cursor:pointer; }
.tx-card__img { width:80px; height:60px; border-radius:var(--radius-md); overflow:hidden; background:var(--color-muted); flex-shrink:0; }
.tx-card__img img { width:100%; height:100%; object-fit:cover; }
.tx-card__info { flex:1; }
.tx-card__title { font-weight:var(--weight-semibold); margin-bottom:var(--space-1); }
.tx-card__ref { font-size:var(--text-xs); color:var(--color-text-muted); font-family:monospace; }
.tx-card__right { text-align:right; }
.tx-card__amount { font-weight:var(--weight-bold); font-size:var(--text-lg); margin-bottom:var(--space-1); }
.tx-card__date { font-size:var(--text-xs); color:var(--color-text-muted); }
.tx-card__toggle { color:var(--color-text-muted); transition:transform var(--transition-fast); }
.tx-card__toggle--open { transform:rotate(180deg); }

.tx-card__detail { display:none; padding:0 var(--space-5) var(--space-5); border-top:1px solid var(--color-border); }
.tx-card__detail--open { display:block; }
.tx-card__detail-inner { padding-top:var(--space-5); }

.tx-actions { display:flex; gap:var(--space-3); margin-top:var(--space-6); }

@media (max-width:768px) {
  .tx-email-card { padding:var(--space-6); }
  .tx-card__header { flex-wrap:wrap; }
}