/* Trace activity feed. Source timestamps and groups remain Central Time. */
#events { --event-text: var(--trace-text, var(--text)); --event-muted: var(--trace-muted, var(--text-3)); --event-line: var(--trace-border, var(--line)); --event-surface: var(--trace-surface, var(--panel)); --event-soft: var(--trace-surface-soft, var(--sub)); }
.events-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 6px 0 16px; }
.events-meta > .note { margin: 0; font-size: 12px; }
.events-data-guide { max-width: 660px; font-size: 12px; color: var(--event-muted); }
.events-data-guide > summary { cursor: pointer; text-align: right; list-style-position: inside; }
.events-data-guide[open] { flex-basis: 100%; max-width: none; }
.events-data-guide[open] > summary { text-align: left; margin-bottom: 8px; }
#events .events-limitations { line-height: 1.7; padding: 12px 14px; background: var(--event-soft); border-radius: 8px; }
#events .events-data-notes { font-size: 12px; margin: 0 0 10px; line-height: 1.6; }
.event-feed { min-width: 0; color: var(--event-text); }
.event-feed-day + .event-feed-day { margin-top: 26px; }
.event-feed-day-heading { display: flex; align-items: center; gap: 9px; margin: 0 0 10px; padding-top: 6px; font-size: 13px; font-weight: 600; }
.event-feed-day-heading > span:first-child { color: var(--event-muted); }
.event-feed-continued { color: var(--event-muted); font-weight: 400; font-size: 12px; }
.event-feed-columns, .event-feed-summary { display: grid; grid-template-columns: 85px minmax(160px, 1.2fr) minmax(135px, 1fr) 105px 112px 18px; align-items: center; column-gap: 14px; }
.event-feed-columns { padding: 7px 12px; font-size: 12px; font-weight: 500; color: var(--event-muted); border-bottom: 1px solid var(--event-line); }
.event-feed-columns > :nth-child(4), .event-feed-columns > :nth-child(5) { text-align: right; }
.event-feed-row { margin: 0; border-bottom: 1px solid var(--event-line); }
.event-feed-summary { padding: 15px 12px; min-height: 54px; cursor: pointer; list-style: none; border-radius: 6px; font-size: 14px; }
.event-feed-summary::-webkit-details-marker { display: none; }
.event-feed-summary:hover { background: var(--event-soft); }
.event-feed-summary:focus-visible { outline: 2px solid var(--trace-accent, var(--accent)); outline-offset: -2px; }
.event-feed-time { color: var(--event-muted); font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.event-feed-activity { display: flex; align-items: center; gap: 9px; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.event-feed-icon { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 25px; height: 25px; border-radius: 7px; background: var(--event-soft); color: var(--trace-accent, var(--accent)); font-size: 13px; }
.event-feed-type { color: var(--event-muted); font-size: 12px; min-width: 0; overflow-wrap: anywhere; }
.event-feed-change, .event-feed-balance { text-align: right; font-variant-numeric: tabular-nums; font-size: 12px; overflow-wrap: anywhere; }
.event-feed-change.is-positive { color: var(--trace-positive, var(--pos, #198360)); }
.event-feed-change.is-negative { color: var(--trace-negative, var(--neg, #bd4b55)); }
.event-feed-balance.derived { font-style: italic; color: var(--event-muted); }
.event-feed-chevron { color: var(--event-muted); text-align: center; transition: transform .15s ease; }
.event-feed-row[open] .event-feed-chevron { transform: rotate(180deg); }
.event-feed-row[open] > summary { background: var(--event-soft); }
.event-feed-incomplete { margin-left: 7px; color: var(--event-muted); font-weight: 400; font-size: 12px; }
.event-feed-detail { margin: 8px 30px 16px 110px; max-width: 760px; padding: 12px 16px; background: var(--event-soft); border: 1px solid var(--event-line); border-radius: 10px; }
.event-detail-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 13px; }
.event-detail-table caption { text-align: left; font-weight: 600; padding: 0 0 8px; color: var(--event-text); }
.event-detail-table th, .event-detail-table td { padding: 7px 4px; text-align: left; border-bottom: 1px solid var(--event-line); overflow-wrap: anywhere; white-space: normal; }
.event-detail-table th { width: 42%; font-weight: 400; color: var(--event-muted); }
.event-detail-table td { color: var(--event-text); font-variant-numeric: tabular-nums; }
.event-detail-table tr:last-child > * { border-bottom: 0; }
.event-detail-warning { margin: 10px 0 0; color: var(--event-muted); font-size: 12px; line-height: 1.6; }
.event-mobile-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 1000px) {
  .event-feed-columns, .event-feed-summary { grid-template-columns: 72px minmax(130px, 1.2fr) minmax(110px, 1fr) 88px 92px 14px; column-gap: 9px; }
  .event-feed-detail { margin-left: 93px; }
}
@media (max-width: 700px) {
  .event-feed-columns { display: none; }
  .event-feed-summary { grid-template-columns: 69px minmax(0, 1fr) minmax(75px, .7fr) 14px; row-gap: 9px; padding: 12px 6px; }
  .event-feed-time { grid-column: 1; grid-row: 1; align-self: start; padding-top: 4px; font-size: 12px; }
  .event-feed-activity { grid-column: 2 / 4; grid-row: 1; font-size: 12px; }
  .event-feed-type { grid-column: 2 / 4; grid-row: 2; padding-left: 34px; font-size: 12px; }
  .event-feed-change { grid-column: 2; grid-row: 3; text-align: left; }
  .event-feed-balance { grid-column: 3; grid-row: 3; text-align: right; }
  .event-feed-chevron { grid-column: 4; grid-row: 1; }
  .event-mobile-label { display: block; position: static; width: auto; height: auto; margin: 0 0 3px; overflow: visible; clip: auto; white-space: normal; color: var(--event-muted); font-size: 12px; font-style: normal; }
  .event-feed-detail { margin: 4px 0 12px; padding: 12px; }
  .event-feed-day-heading { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .event-feed-chevron { transition: none; } }