.filter-bar{display:flex;flex-direction:column;gap:.75rem}.filter-bar__search-row{display:flex;gap:.5rem;align-items:stretch}.filter-bar__search{flex:1;position:relative;display:flex;align-items:center}.filter-bar__search-icon{position:absolute;left:.75rem;width:var(--size-icon-xs);height:var(--size-icon-xs);color:var(--color-text-secondary);pointer-events:none}.filter-bar__search-input{width:100%;padding:.55rem 2.25rem .55rem 2.35rem;border:var(--glass-border-subtle);border-radius:var(--radius-md);font:inherit;font-size:.9rem;background:var(--glass-surface-elevated);color:var(--color-text-primary);transition:border-color .15s ease,box-shadow .15s ease}.filter-bar__search-input::placeholder{color:var(--color-text-secondary);opacity:.7}.filter-bar__search-input:focus{outline:none;border-color:var(--color-accent-1);box-shadow:var(--shadow-focus-accent)}.filter-bar__search-clear{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:var(--size-icon-sm);height:var(--size-icon-sm);border:none;border-radius:50%;background:var(--overlay-accent-subtle);color:var(--color-text-secondary);cursor:pointer;padding:0;transition:background .15s ease,color .15s ease}.filter-bar__search-clear:hover{background:var(--overlay-accent-medium);color:var(--color-text-primary)}.filter-bar__clear-icon{width:14px;height:14px}.filter-bar__sort{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.filter-bar__sort-select{padding:.5rem .65rem;border:var(--glass-border-subtle);border-radius:var(--radius-md);font:inherit;font-size:.85rem;background:var(--glass-surface-elevated);color:var(--color-text-primary);cursor:pointer;transition:border-color .15s ease;appearance:auto}.filter-bar__sort-select:focus{outline:none;border-color:var(--color-accent-1)}.filter-bar__sort-dir{display:flex;align-items:center;justify-content:center;gap:.15rem;width:36px;height:36px;border:var(--glass-border-subtle);border-radius:var(--radius-md);background:var(--glass-surface-elevated);color:var(--color-text-secondary);cursor:pointer;padding:0;flex-shrink:0;transition:border-color .15s ease,color .15s ease}.filter-bar__sort-dir:hover{border-color:var(--border-accent-hover);color:var(--color-text-primary)}.filter-bar__sort-icon{width:var(--size-icon-xs);height:var(--size-icon-xs)}.filter-bar__sort-label{display:none}.filter-bar__tags-row{display:flex;align-items:center;gap:.5rem}.filter-bar__tags{display:flex;gap:.375rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:calc(var(--spacing-xs) / 4)}.filter-bar__tags::-webkit-scrollbar{display:none}.filter-bar__tag{border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);padding:.25rem .7rem;font:inherit;font-size:.78rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;flex-shrink:0}.filter-bar__tag:hover{border-color:var(--border-accent-hover);color:var(--color-text-primary)}.filter-bar__tag[data-active=true]{background:var(--color-accent-1);border-color:var(--color-accent-1);color:var(--color-surface-primary);font-weight:600}.filter-bar__clear-tags{border:none;background:none;color:var(--color-text-secondary);font:inherit;font-size:.78rem;font-weight:500;cursor:pointer;padding:.25rem .35rem;white-space:nowrap;flex-shrink:0;transition:color .15s ease}.filter-bar__clear-tags:hover{color:var(--color-text-primary)}.filter-bar__count{margin:0;font-size:.82rem;color:var(--color-text-secondary)}.filter-bar--admin .filter-bar__search-input{padding:.45rem 2.25rem;font-size:.86rem}.filter-bar--admin .filter-bar__sort-select{padding:.4rem .55rem;font-size:.82rem}.filter-bar--admin .filter-bar__sort-dir{width:32px;height:32px}.filter-bar--admin .filter-bar__tag{font-size:.75rem;padding:.2rem .55rem}@media(min-width:640px){.filter-bar__tags{flex-wrap:wrap;overflow-x:visible}.filter-bar__sort-label{display:inline;font-size:.78rem;font-weight:500}.filter-bar__sort-dir{width:auto;padding:0 .55rem;gap:.25rem}}@media(prefers-color-scheme:dark){.filter-bar__search-input:focus{box-shadow:var(--shadow-focus-accent)}.filter-bar__tag[data-active=true]{background:var(--color-accent-1);border-color:var(--color-accent-1);color:var(--color-surface-primary)}}