/* Wallet transaction panel only. Existing data, markup and event handlers are preserved. */
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-section{margin:0 0 24px}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-date{font-size:13px;font-weight:700;letter-spacing:.02em;color:#64748b;margin:24px 4px 12px;line-height:1.5}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx{
 --tx-ink:#18734a;--tx-soft:#edf8f1;
 display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:16px;align-items:center;
 padding:18px;margin:0 0 10px;border:1px solid #e3e9ef;border-radius:16px;background:#fff;
 box-shadow:0 2px 6px #142d4910;transition:border-color .18s ease,box-shadow .18s ease;transform:none;
}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx--debit{--tx-ink:#bb4055;--tx-soft:#fff0f2}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx:has(.tripy-wallet-app-tx__icon--cashback){--tx-ink:#a4640a;--tx-soft:#fff6df}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx:has(.tripy-wallet-app-tx__icon--reward){--tx-ink:#8053b8;--tx-soft:#f5effc}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx:has(.tripy-wallet-app-tx__icon--refund){--tx-ink:#187d7c;--tx-soft:#eaf8f6}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx:has(.tripy-wallet-app-tx__icon--referral){--tx-ink:#5861b3;--tx-soft:#f0f2ff}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__icon{
 position:relative;width:46px;height:46px;min-width:46px;border-radius:14px;border:0;
 background:var(--tx-soft)!important;color:var(--tx-ink)!important;box-shadow:none;
 font-size:0;line-height:0;overflow:hidden;
}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__icon::before{content:"";position:absolute;inset:11px;background:currentColor;-webkit-mask:var(--tx-icon) center/contain no-repeat;mask:var(--tx-icon) center/contain no-repeat}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__body{min-width:0}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 5px}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__title strong{font-size:14px;font-weight:650;line-height:1.5;color:#203149;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__title span{margin:0;padding:3px 8px;border-radius:6px;background:var(--tx-soft);color:var(--tx-ink);font-size:10px;font-weight:650;line-height:1.4}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__body p{margin:0;font-size:12px;line-height:1.65;color:#718096;overflow-wrap:anywhere}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__amount{grid-column:auto;justify-self:end;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.5;color:#167447;white-space:nowrap}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx--debit .tripy-wallet-app-tx__amount{color:#bb4055}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-ledgerbar{gap:8px;padding:6px 0 12px}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-ledgerchip{min-height:40px;padding:8px 14px;border:1px solid #dfe7ee;border-radius:10px;box-shadow:none;background:#fff;color:#56667a;font-size:12px;font-weight:600}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-ledgerchip.is-active{background:#062a6b;color:#fff;border-color:#062a6b;box-shadow:0 2px 6px #062a6b18}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-ledgerchip:focus-visible{outline:3px solid #58a8e0;outline-offset:3px}
@media(hover:hover){.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx:hover{transform:none;border-color:#c9d5e1;box-shadow:0 4px 14px #142d4910}}
@media(max-width:560px){
 .tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx{grid-template-columns:40px minmax(0,1fr);gap:6px 12px;padding:14px;border-radius:14px}
 .tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__icon{width:40px;height:40px;min-width:40px;border-radius:12px;align-self:start}
 .tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__icon::before{inset:9px}
 .tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__amount{grid-column:2;justify-self:start;margin-top:2px}
 .tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-ledgerchip{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx{transition:none}}

.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__icon--credit{--tx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M7%206V4h10M12%2010v6M9%2013h6%22%2F%3E%3C%2Fsvg%3E")}

.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__icon--used{--tx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h4%22%2F%3E%3C%2Fsvg%3E")}

.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__icon--cashback{--tx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22M9%208h6M9%2011h6M10%208c5%200%205%205%200%205l4%204%22%2F%3E%3C%2Fsvg%3E")}

.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__icon--refund{--tx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%209a8%208%200%201%201-1%207M5%209V4M5%209h5%22%2F%3E%3Cpath%20d%3D%22M10%2012h5M10%2015h3%22%2F%3E%3C%2Fsvg%3E")}

.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__icon--reward{--tx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%204h10v5a5%205%200%200%201-10%200V4ZM7%206H4v3a4%204%200%200%200%204%204M17%206h3v3a4%204%200%200%201-4%204M12%2014v6M8%2020h8%22%2F%3E%3C%2Fsvg%3E")}

.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx__icon--referral{--tx-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M2%2020v-2a6%206%200%200%201%2012%200v2M18%209v6M15%2012h6%22%2F%3E%3C%2Fsvg%3E")}

/* Wallet icon colors: direction controls the tile; type keeps its existing symbol. */
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx--credit .tripy-wallet-app-tx__icon{
 background:linear-gradient(140deg,#033d2a 0%,#08783d 52%,#20cd52 100%)!important;
 color:#fff!important;
 box-shadow:inset 0 1px 0 #ffffff29,0 3px 9px #08783d24;
}
.tripy-wallet-app-panel[data-wallet-panel="transactions"] .tripy-wallet-app-tx--debit .tripy-wallet-app-tx__icon{
 background:linear-gradient(140deg,#671426 0%,#b9233e 52%,#f34c5b 100%)!important;
 color:#fff!important;
 box-shadow:inset 0 1px 0 #ffffff29,0 3px 9px #b9233e24;
}