/* The filter bar (components/filter-bar.js; recipe summa-design/components/filter-bar.md). Lifted from the Orders bar
   (option B, 2026-09-26) without changing a pixel there. Tokens only. The lists wear the house glass through the
   --glass-* tokens (cases.css), with a solid fallback for the Brutal skin, which does not load cases.css. */
.c-fb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-sans)}
.c-fb-search{position:relative;display:flex;align-items:center;gap:8px;height:36px;padding:0 8px 0 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink-3);min-width:200px;flex:0 1 300px;box-sizing:border-box}
.c-fb-search:focus-within{border-color:var(--ink-3)}
.c-fb-search input{border:0;outline:0;background:none;font:400 var(--t-lead) var(--font-sans);color:var(--ink);width:100%;min-width:0;padding:0;height:auto;box-shadow:none}
.c-fb-search input::-webkit-search-cancel-button{display:none}
.c-fb-x{border:0;background:var(--bg-2);color:var(--ink-2);width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0}
.c-fb-search input:placeholder-shown~.c-fb-x{display:none}
.c-fb-pill{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);font:600 var(--t-small) var(--font-sans);cursor:pointer;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s,color .2s,border-color .2s}
.c-fb-pill:hover,.c-fb-pill.is-open{border-color:var(--ink)}
.c-fb-pill.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.c-fb-pill:active{transform:scale(.97)}
.c-fb-pill:focus-visible,.c-fb-opt:focus-visible,.c-fb-clear:focus-visible{outline:2px solid var(--cs-act,#2f7a3a);outline-offset:2px}
.c-fb-pill svg{flex:none}
.c-fb-clear{border:0;background:none;color:var(--ink-2);font:600 var(--t-small) var(--font-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 4px;white-space:nowrap}
.c-fb-clear:hover{color:var(--ink)}
.c-fb-tail{margin-left:auto;display:inline-flex;align-items:center;gap:6px}
.c-fb-anchor{position:relative;display:inline-flex}
.c-fb-pop{position:absolute;z-index:60;top:calc(100% + 6px);left:0;min-width:220px;padding:8px;border-radius:14px;box-sizing:border-box;
  background:var(--glass-bg,var(--surface));-webkit-backdrop-filter:var(--glass-filter,none);backdrop-filter:var(--glass-filter,none);border:var(--glass-border,1px solid var(--line));
  box-shadow:0 18px 40px -12px rgba(42,36,24,.28),0 4px 12px rgba(42,36,24,.10)}
.c-fb-pop-t{font:600 var(--t-micro) var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:4px 10px 6px}
.c-fb-anchor:has(.c-fb-find) .c-fb-pop{width:300px}
.c-fb-find{display:flex;align-items:center;gap:8px;height:34px;margin:2px 2px 6px;padding:0 10px;border-radius:9px;background:rgba(255,255,255,.7);border:1px solid rgba(58,50,36,.14);color:var(--ink-3)}
.c-fb-find:focus-within{border-color:var(--ink-3)}
.c-fb-find input{border:0;outline:0;background:none;width:100%;min-width:0;padding:0;height:auto;box-shadow:none;font:400 var(--t-body) var(--font-sans);color:var(--ink)}
.c-fb-find input::-webkit-search-cancel-button{display:none}
.c-fb-opts{display:flex;flex-direction:column;gap:1px}
.c-fb-opts.is-long{max-height:320px;overflow-y:auto}
.c-fb-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:0 10px;border:0;border-radius:8px;background:none;font:500 var(--t-body) var(--font-sans);color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap}
.c-fb-opt:hover{background:rgba(255,255,255,.55)}
.c-fb-opt.is-on{font-weight:700}
.c-fb-opt[hidden]{display:none}
.c-fb-n{color:var(--ink-3);font-weight:500;font-variant-numeric:tabular-nums}
.c-fb-nomatch{padding:10px;color:var(--ink-3);font-size:var(--t-small)}
@media (max-width:768px){
  .c-fb-search input,.c-fb-find input{font-size:16px}
  .c-fb-pill{min-height:36px;flex:none}
  .c-fb-anchor{position:static}
  .c-fb-pop.is-sheet{position:fixed;left:8px;right:8px;top:auto;width:auto;bottom:calc(env(safe-area-inset-bottom) + 84px);max-height:70vh;overflow-y:auto;z-index:95}
  .c-fb-anchor:has(.c-fb-find) .c-fb-pop.is-sheet{width:auto}
  .c-fb-opt{min-height:44px}
  .c-fb-find{height:44px}
  .c-fb-tail{flex:none}
}