.ledger-source-account-filters { gap: 8px; align-items: center; }
.ledger-source-account-filters > button { position: relative; min-height: 36px; padding: 0 16px; gap: 8px; border: 0; border-radius: 999px; background: #f2f4f7; color: #525866; box-shadow: none; font-size: 14px; font-weight: 600; white-space: nowrap; transition: background-color .15s ease, color .15s ease; }
.ledger-source-account-filters > button:hover { color: #344054; background: #e9edf3; }
.ledger-source-account-filters > button.active { color: #fff; background: #1769f5; border: 0; }
.ledger-source-account-filters > button.active:hover { background: #105de0; }
.ledger-source-account-filters > button.active::after { content: none; display: none; }
.ledger-source-account-filters > button b { color: #7d8797; font-size: 12px; font-weight: 500; }
.ledger-source-account-filters > button b[data-zero="true"] { color: #929ba9; }
.ledger-source-account-filters > button.active b, .ledger-source-account-filters > button.active b[data-zero="true"] { color: #e9f1ff; }
.ledger-source-account-filters > button:focus-visible { outline: 2px solid #1769f5; outline-offset: 3px; }
@media (max-width: 640px) { .ledger-source-account-filters { gap: 8px; } .ledger-source-account-filters > button { padding: 0 13px; } }
@media (prefers-reduced-motion: reduce) { .ledger-source-account-filters > button { transition: none; } }

/* Compact account filters: one row, with scrolling only when necessary. */
.ledger-workbench-page .ledger-source-toolbar { min-width: 0; }
.ledger-workbench-page .ledger-source-account-filters { display: flex; flex-wrap: nowrap; gap: 6px; min-width: 0; max-width: 100%; overflow-x: auto; padding: 3px 2px; scrollbar-width: thin; }
.ledger-workbench-page .ledger-source-account-filters > button { flex: 0 0 auto; min-height: 30px; padding: 0 10px; gap: 5px; font-size: 12px; line-height: 1.4; white-space: nowrap; }
.ledger-workbench-page .ledger-source-account-filters > button b { font-size: 11px; }