.account-group-filter { display: flex; flex: 1 1 100%; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; margin: 4px 0 0; padding: 0; border: 0; }
.account-group-filter legend { float: left; margin: 0 12px 0 0; padding: 0; color: var(--label); font-size: 12px; font-weight: 700; }
.filters .account-group-chip, .account-weekly-controls .account-group-filter .account-group-chip, .account-group-chip { display: inline-flex; flex: 0 0 auto; flex-direction: row; align-items: center; gap: 7px; min-width: 0; max-width: 100%; padding: 7px 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); color: var(--label); font-size: 12px; font-weight: 600; cursor: pointer; }
.account-group-chip:has(input:checked) { border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }
.account-group-chip input[type=checkbox] { flex: 0 0 14px; width: 14px; height: 14px; min-height: 14px; margin: 0; padding: 0; accent-color: var(--accent); }
.account-group-chip span { overflow-wrap: anywhere; }