/* Filter panel (kit/filter-panel.js): the calm ledger toolbar's Filters button, chip row and popover. Kit tokens only. */
.fp-btn .i,.fp-more .i{width:14px;height:14px;flex:none}
.fp-btn.on{color:var(--accent-ink)}
.fp-ct{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font:600 11px/1 var(--font-ui);font-variant-numeric:tabular-nums}
.fp-more{width:var(--h-dense);padding:0}
.fp-chips{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;margin:0}
.fp-chip{border:0;cursor:pointer}
.fp-chip .fp-x{color:var(--ink-2);font-size:14px;line-height:1}
@media (hover:hover){.fp-chip:hover{background:var(--accent-tint);color:var(--accent-ink)}}
.fp-pop{display:flex;flex-direction:column;width:340px;max-height:calc(100dvh - 5rem);padding:0;overflow:hidden;font-family:var(--font-ui)}
.fp-head{flex:none;padding:12px 16px 4px}
.fp-title{margin:0;font:600 13px/1.2 var(--font-ui)}
.fp-body{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 8px}
.fp-grp{margin-bottom:4px}
.fp-gl{margin:0;padding:8px 8px 2px;font:var(--t-label);color:var(--ink-2)}
.fp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:4px 8px;border-radius:var(--r-ctl)}
.fp-l{flex:none;font:500 13px/1.2 var(--font-ui);color:var(--ink-1)}
.fp-sel{min-width:0;max-width:60%;height:var(--h-dense);padding:0 8px;border:0;border-radius:var(--r-ctl);background:rgb(16 30 42/.06);color:var(--ink-1);font:500 13px/1 var(--font-ui);text-overflow:ellipsis}
.fp-sel.on{background:var(--accent-tint);color:var(--accent-ink)}
.fp-sel:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.fp-note{margin:4px 8px;font:400 12px/1.4 var(--font-ui);color:var(--ink-2)}
.fp-foot{flex:none;display:flex;align-items:center;gap:6px;padding:10px 12px;box-shadow:inset 0 1px 0 var(--hair-2)}
.fp-foot [data-fp-clear]{margin-right:auto}
.fp-pop .td-seg{margin:0}
/* phone: the panel is a bottom sheet */
.is-phone .fp-pop{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;width:auto!important;max-height:80dvh!important}
.is-phone .fp-row{min-height:48px}
.is-phone .fp-sel{height:36px;max-width:55%}