/* Low-specificity fallback only for content buttons with no styling class. */
:where(main .content, main > .hero, main .portfolio-shell) :where(button:not([class]):not([aria-label]):not(.stock-row):not(.reconciliation-row):not(nav button):not(aside button)),
.secondary-button{background:var(--card);border:1px solid var(--line);border-radius:0.625rem;color:var(--accent);min-height:36px;padding:6px 12px;cursor:pointer}
.filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;max-width:100%}
.filter-chips button{display:inline-flex;align-items:center;gap:5px;min-width:0;min-height:36px;max-width:100%;border:1px solid var(--line);border-radius:0.625rem;padding:4px 10px;background:var(--card);color:var(--accent);font-size:14px;font-weight:800;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.filter-chips button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}
.filter-chip-count{font-size:.85em;opacity:.85}
filter-chip-group[aria-label]:not(label filter-chip-group)::before{content:attr(aria-label);font-size:13px;font-weight:700}
@media(max-width:720px){.filter-chips button,.secondary-button{min-height:44px}
:where(main .content, main > .hero, main .portfolio-shell) :where(button:not([class]):not([aria-label]):not(.stock-row):not(.reconciliation-row):not(nav button):not(aside button)){min-height:44px}}

.filter-chips:empty{display:none}
filter-chip-group.sale-select{flex:1 1 100%;width:100%;max-width:100%;padding:0;border:0;background:transparent}
.user-filter-group label:has(filter-chip-group){flex-wrap:wrap;white-space:normal!important;max-width:100%}
.toolbar:has(filter-chip-group),.portfolio-controls:has(filter-chip-group){flex-wrap:wrap}
filter-chip-group{flex:1 1 100%;width:100%;overflow-wrap:anywhere}
/* Filter rows wrap instead of hiding chips behind horizontal scroll. */
body .workspace-controls.workspace-controls:has(filter-chip-group){flex-wrap:wrap;overflow-x:visible}
body .workspace-controls.workspace-controls>#user-filter-controls.view-controls.user-filter-controls:has(filter-chip-group){flex-wrap:wrap;overflow-x:visible;width:100%;min-width:0}
body .workspace-controls.workspace-controls .user-filter-group.user-filter-group:has(filter-chip-group){flex-wrap:wrap;flex:1 1 100%;min-width:0;max-width:100%;align-items:flex-start}
.workspace-controls:has(filter-chip-group) .todo-status-buttons{flex-wrap:wrap}
body:has([data-personal-shell-mounted="true"]) .hero>.memo-category-buttons.memo-category-buttons{flex-wrap:wrap;overflow-x:visible}
body .workspace-controls.workspace-controls>#memo-controls{flex-wrap:wrap;overflow-x:visible}
@media(max-width:1023px){body main .hero.hero,body main .workspace-controls.workspace-controls{position:static}}

[collapse-above] .mk-chip-toggle{border:1px dashed var(--line)}
.filter-chips button[hidden],[collapse-above] button[hidden]{display:none}
[collapse-above]:has(>.mk-chip-toggle[aria-expanded=false]){flex-wrap:nowrap}