.transaction-status { margin: 18px 0; min-width: 0; border: 1px solid rgba(55,213,246,.35); background: linear-gradient(115deg,rgba(55,213,246,.045),rgba(156,104,236,.06)); }
.transaction-status-disclosure > summary { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-height: 56px; padding: 16px 18px; cursor: pointer; color: var(--cyan,#39d9f9); }
.transaction-status-disclosure > summary::before { content: '▸'; transition: transform .15s ease; }
.transaction-status-disclosure[open] > summary::before { transform: rotate(90deg); }
.transaction-status-tally { margin-left: auto; color: var(--muted,#a9b4c8); font-size: .74rem; }
.transaction-status-note,.transaction-status-feedback { margin: 0 18px 16px; color: var(--muted,#a9b4c8); font-size: .78rem; line-height: 1.55; }
.transaction-status-feedback:empty { display: none; }
.transaction-status-list { list-style: none; padding: 0; margin: 0 18px 18px; display: grid; gap: 10px; }
.transaction-status-row { min-width: 0; padding: 15px; border: 1px solid var(--line,#364050); border-left: 3px solid var(--cyan,#39d9f9); background: rgba(6,10,17,.7); }
.transaction-status-row[data-stage='credited'] { border-left-color: var(--green,#65ff9f); }
.transaction-status-row[data-stage='needs_attention'] { border-left-color: #ffc86b; }
.transaction-status-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 9px; font-size: .84rem; }
.transaction-status-badge { color: var(--cyan,#39d9f9); font-size: .75rem; }
[data-stage='credited'] > .transaction-status-heading > .transaction-status-badge { color: var(--green,#65ff9f); }
[data-stage='needs_attention'] > .transaction-status-heading > .transaction-status-badge { color: #ffc86b; }
.transaction-status-hash { display: block; margin-top: 10px; color: var(--cyan,#39d9f9); overflow-wrap: anywhere; font: .73rem/1.6 monospace; }
.transaction-status-row p { margin: 9px 0; color: var(--muted,#a9b4c8); font-size: .78rem; line-height: 1.5; }
.transaction-status-row time { display: block; margin: 9px 0; color: var(--muted,#a9b4c8); font-size: .7rem; }
.transaction-status-row button { min-height: 44px; font-size: .75rem; }
.transaction-status-empty { color: var(--muted,#a9b4c8); font-size: .8rem; }
.transaction-status :is(summary,a,button):focus-visible { outline: 2px solid var(--cyan,#39d9f9); outline-offset: 4px; }
@media(max-width:480px) { .transaction-status-tally { margin-left: 0; flex-basis: 100%; padding-left: 19px; } .transaction-status-row button { width: 100%; } }
@media(prefers-reduced-motion:reduce) { .transaction-status-disclosure > summary::before { transition: none; } }