.ea-page { min-width: 0; }
.ea-filters, .ea-actions, .ea-pagination { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ea-tabs { margin-bottom: 12px; }
.ea-tabs [data-ea-count] { font-variant-numeric: tabular-nums; }
.ea-filters { gap: 12px; margin-bottom: 10px; }
.ea-filters label[hidden] { display: none; }
.ea-filters input { width: 135px; max-width: 100%; }
.ea-filters select { width: auto; min-width: 90px; max-width: 100%; }
.ea-note, .ea-legacy, .ea-lock { font-size: 12px; line-height: 1.65; padding: 12px; margin-bottom: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); color: var(--muted); overflow-wrap: anywhere; }
.ea-legacy { color: var(--bad-fg); }
.ea-lock { margin: 6px 0 0; max-width: 320px; }
.ea-table-scroll { max-width: 100%; max-height: 58vh; border: 1px solid var(--line); border-radius: 12px; overscroll-behavior: contain; }
.ea-page .ea-table-scroll { border: 0; border-radius: 0; }
.ea-table { min-width: 0; width: 100%; }
.ea-page .ea-table { min-width: 640px; }
.ea-table td { vertical-align: top; }
.ea-table .ea-summary { white-space: normal; min-width: 130px; max-width: 320px; overflow-wrap: anywhere; }
.ea-muted { color: var(--muted); font-size: 12px; margin-top: 4px; white-space: normal; overflow-wrap: anywhere; }
.ea-actions { gap: 6px; }
.ea-actions .btn { flex-shrink: 0; }
.ea-pagination { justify-content: space-between; margin: 0; padding: 12px 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.ea-empty { padding: 24px 12px !important; text-align: center !important; color: var(--muted); }
.ea-error, .ea-action-error { color: var(--bad-fg); overflow-wrap: anywhere; }
.ea-error { padding: 14px; }
.ea-action-error { font-size: 12px; margin-top: 8px; }
.ea-dialog { min-width: 0; max-width: 100%; }
.ea-dialog textarea { box-sizing: border-box; width: 100%; resize: vertical; }
.ea-dialog h4 { margin: 16px 0 12px; font-size: 14px; font-weight: 600; }
.ea-detail-scroll { max-height: 65vh; overflow: auto; overscroll-behavior: contain; padding-right: 4px; }
.ea-detail-scroll .ea-table-scroll { max-height: 38vh; }
.ea-detail-host > .ea-actions { margin-top: 14px; justify-content: flex-end; }
.ea-record-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.ea-record-heading strong { font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.ea-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin: 0 0 16px; }
.ea-meta > div { min-width: 0; }
.ea-meta .ea-meta-wide { grid-column: 1 / -1; }
.ea-meta dt { color: var(--muted); font-size: 12px; margin-bottom: 4px; }
.ea-meta dd { margin: 0; font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.ea-value { white-space: pre-wrap; overflow-wrap: anywhere; display: block; max-width: 320px; }
.ea-changed td:last-child { color: var(--teal); font-weight: 600; }
.ea-money-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ea-money-grid > div { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.ea-money-grid span { display: block; color: var(--muted); font-size: 12px; }
.ea-money-grid strong { display: block; margin-top: 8px; font-size: 25px; line-height: 1.2; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .ea-filters { align-items: flex-start; gap: 8px; }
  .ea-filters label { flex-direction: column; align-items: flex-start; }
  .ea-money-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ea-pagination { align-items: flex-start; }
  .ea-detail-scroll { max-height: 60vh; }
}