.transaction-entry { border-top: 1px solid #eee7db; }
.member-app .transaction-entry .transaction-row { border: 0; }
.transaction-details { padding: 0 0 14px 46px; }
.transaction-details summary { width: fit-content; padding: 5px 0; color: #96723b; font-size: 12px; cursor: pointer; }
.transaction-detail-body { margin-top: 8px; padding: 14px; border: 1px solid #e9dfce; border-radius: 8px; background: #faf6ed; }
.transaction-line { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 8px 0; font-size: 12px; }
.transaction-line > span { min-width: 0; overflow-wrap: anywhere; }
.transaction-line small { display: block; margin-top: 5px; color: #8a7b64; font-size: 11px; }
.transaction-line strong { flex: none; font-weight: 500; }
.transaction-total { margin-top: 5px; border-top: 1px solid #e4d8c4; }
.transaction-detail-body dl { display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 9px; padding-top: 10px; font-size: 11px; line-height: 1.6; }
.transaction-detail-body dt { color: #95866e; }
.transaction-detail-body dd { margin: 0; overflow-wrap: anywhere; color: #6f614b; }
.transaction-legacy { padding: 0 0 12px 46px; margin: 0; font-size: 11px; color: #9b8c75; }
@media(max-width:680px) { .transaction-details { padding-left: 0; } .transaction-legacy { padding-left: 39px; } }