.transaction-context-editor { border-top: 1px solid var(--line, #e6e4de); padding-top: 14px; margin-top: 12px; }
.transaction-context-editor > summary { font-weight: 650; padding: 5px 0; cursor: pointer; }
.transaction-context-editor .form-hint { font-size: 13px; line-height: 1.55; color: var(--muted, #777b75); }
.context-extra { margin: 8px 0 14px; }
.context-extra > summary { font-size: 13px; color: var(--muted, #777b75); cursor: pointer; padding: 4px 0; }
.context-items-heading, .context-item-title { display: flex; align-items: center; gap: 10px; }
.context-items-heading { justify-content: space-between; margin: 16px 0 8px; }
.context-item { padding: 12px; border: 1px solid var(--line, #e6e4de); border-radius: 12px; margin: 8px 0; }
.context-item-title > label { flex: 1; min-width: 0; }
.context-item-title > button { flex: 0 0 34px; }
.context-item-numbers { display: grid; grid-template-columns: 1fr 1.6fr 1fr; gap: 10px; }
.context-error { color: #a93232; font-size: 13px; }
.tx-context, .transaction-row .tx-time { display: block; color: var(--muted, #777b75); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.transaction-row .tx-date { white-space: normal; }
@media (max-width: 560px) { .context-item-numbers { gap: 6px; } .context-item { padding: 10px; } }