.filter-bar{background:var(--color-surface-raised);border:.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.filter-bar-row{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.filter-group{align-items:center;min-width:0;display:flex;position:relative}.filter-prof-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-sans);padding-left:2px}.filter-pill{background:var(--color-surface);border:.5px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:6px 10px 6px 12px;transition:border-color .12s,background .12s;display:inline-flex}.filter-pill:hover{border-color:var(--color-text-tertiary)}.filter-pill--active{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 6%, var(--color-surface))}.filter-pill-label{font-family:var(--font-mono);color:var(--color-text-tertiary);letter-spacing:.05em;text-transform:uppercase;font-size:11px}.filter-pill-value{color:var(--color-text-primary);text-overflow:ellipsis;max-width:200px;font-weight:500;overflow:hidden}.filter-pill--active .filter-pill-value{color:var(--color-brand)}.filter-pill-chev{color:var(--color-text-tertiary);flex-shrink:0}.filter-pop{z-index:30;background:var(--color-surface-raised);border:.5px solid var(--color-border-strong);border-radius:var(--radius-md);min-width:240px;max-width:320px;box-shadow:var(--shadow-md,0 8px 24px #00000014);position:absolute;top:calc(100% + 6px);overflow:hidden}.filter-pop-search{border:none;border-bottom:.5px solid var(--color-border);width:100%;font-family:inherit;font-size:var(--text-sm);color:var(--color-text-primary);background:0 0;outline:none;padding:10px 12px}.filter-pop-list{flex-direction:column;gap:1px;margin:0;padding:4px;list-style:none;display:flex}.filter-pop-list--scroll{max-height:280px;overflow-y:auto}.filter-pop-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:var(--color-text-primary);background:0 0;border:none;align-items:flex-start;gap:8px;padding:8px 10px;font-family:inherit;display:flex}.filter-pop-item:hover{background:var(--color-surface-subtle)}.filter-pop-item--row{align-items:center}.filter-pop-item--selected{background:color-mix(in srgb, var(--color-brand) 8%, transparent)}.filter-pop-item-main{font-size:var(--text-sm);flex:1}.filter-pop-item-hint{color:var(--color-text-tertiary);flex-shrink:0;margin-left:8px;font-size:11px}.filter-pop-item-tag{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:11px}.filter-pop-check{width:14px;color:var(--color-brand);flex-shrink:0;font-size:12px}.filter-pop-swatch{border-radius:999px;flex-shrink:0;width:10px;height:10px}.filter-pop-divider{background:var(--color-border);height:.5px;margin:4px 0}.filter-pop-section{padding:8px 12px 12px}.filter-pop-section-title{font-family:var(--font-mono);color:var(--color-text-tertiary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.filter-time-fields{flex-direction:column;gap:6px;display:flex}.filter-time-field{font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:8px;display:flex}.filter-time-field input[type=date]{font-family:inherit;font-size:var(--text-sm);border:.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);padding:4px 8px}.filter-pop-readout{font-family:var(--font-mono);color:var(--color-text-tertiary);margin-top:8px;font-size:11px}.filter-pop-foot{border-top:.5px solid var(--color-border);justify-content:flex-end;padding:6px;display:flex}.filter-pop-clear{color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:4px 8px}.filter-pop-clear:hover{color:var(--color-text-primary)}.filter-reset{border:.5px solid var(--color-border-strong);color:var(--color-text-secondary);padding:4px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;background:0 0;margin-left:auto;font-family:inherit}.filter-reset:hover:not(:disabled){color:var(--color-text-primary)}.filter-reset:disabled,.filter-reset--ghost{opacity:.4;cursor:not-allowed}
.view-toggle-root{background:var(--color-surface-subtle);border:.5px solid var(--color-border);border-radius:var(--radius-md);gap:2px;padding:2px;display:inline-flex}.view-toggle-button{padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-sm);background:0 0;border:none;font-weight:500;line-height:1.2}.view-toggle-button:hover{color:var(--color-text-primary)}.view-toggle-button--active{background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}