.viazo-filter-bar{gap:.5rem;min-width:0;margin-block-end:1rem;display:grid}.viazo-filter-bar--embedded{margin-block-end:0}.viazo-filter-bar--embedded>.viazo-filter-panel{background:0 0;border:0;padding:0}.viazo-filter-panel{border:1px solid var(--viazo-border);background:var(--viazo-bg-surface);min-width:0;padding:.875rem 1rem;container-type:inline-size}.viazo-filter-grid{grid-template-columns:repeat(var(--viazo-filter-cols-1,1), minmax(0, 1fr));align-items:start;gap:.75rem;min-width:0;display:grid}@container (min-width:332px){.viazo-filter-grid{grid-template-columns:repeat(var(--viazo-filter-cols-2,2), minmax(0, 1fr))}}@container (min-width:504px){.viazo-filter-grid{grid-template-columns:repeat(var(--viazo-filter-cols-3,3), minmax(0, 1fr))}}@container (min-width:676px){.viazo-filter-grid{grid-template-columns:repeat(var(--viazo-filter-cols-4,4), minmax(0, 1fr))}}@container (min-width:848px){.viazo-filter-grid{grid-template-columns:repeat(var(--viazo-filter-cols-5,5), minmax(0, 1fr))}}@container (min-width:1020px){.viazo-filter-grid{grid-template-columns:repeat(var(--viazo-filter-cols-6,6), minmax(0, 1fr))}}.viazo-filter-field{align-content:start;gap:.375rem;min-width:0;display:grid}.viazo-filter-label-row{align-items:center;gap:.375rem;min-width:0;line-height:1.25rem;display:flex}.viazo-filter-label{min-width:0;color:var(--viazo-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.viazo-filter-field[data-changed] [data-viazo-field]{border-color:color-mix(in srgb, var(--viazo-accent) 45%, transparent)}.viazo-filter-toggle{display:none}.viazo-filter-error{color:var(--color-danger);margin:0;font-size:.75rem}.viazo-filter-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;min-height:2rem;display:flex}.viazo-filter-status-left{min-width:0;color:var(--viazo-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.25rem .625rem;margin:0;font-size:.75rem;display:flex}.viazo-filter-count{color:var(--viazo-text-secondary)}.viazo-filter-pending,.viazo-filter-status-left :is(a,button){color:var(--viazo-accent)}.viazo-filter-status-left :is(a,button):hover{text-decoration:underline}.viazo-filter-status-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem 1.125rem;margin-left:auto;display:flex}.viazo-filter-clear{border:1px solid var(--viazo-border);height:2rem;color:var(--viazo-text-muted);white-space:nowrap;cursor:default;background:0 0;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.75rem;font-weight:600;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.viazo-filter-clear svg{width:.75rem;height:.75rem}.viazo-filter-clear[data-active=true]{color:var(--viazo-accent);border-color:color-mix(in srgb, var(--viazo-accent) 45%, transparent);background:color-mix(in srgb, var(--viazo-accent) 9%, transparent);cursor:pointer}.viazo-filter-clear[data-active=true]:hover{background:color-mix(in srgb, var(--viazo-accent) 15%, transparent)}.viazo-filter-clear:focus-visible,.viazo-filter-toggle:focus-visible{outline:2px solid var(--viazo-accent);outline-offset:1px}@media (max-width:639.98px){.viazo-filter-grid{grid-template-columns:minmax(0,1fr)!important}.viazo-filter-toggle{border:1px solid var(--viazo-border);background:var(--viazo-bg-elevated);width:100%;height:2.5rem;color:var(--viazo-text-primary);order:-1;align-items:center;gap:.625rem;padding:0 .75rem;font-size:.875rem;font-weight:600;display:flex}.viazo-filter-grid>[data-filter-search]{order:-2}.viazo-filter-panel[data-expanded=false] .viazo-filter-grid>[data-filter-field]:not([data-filter-search]){display:none}.viazo-filter-toggle-badge{color:var(--viazo-accent);border:1px solid color-mix(in srgb, var(--viazo-accent) 45%, transparent);background:color-mix(in srgb, var(--viazo-accent) 9%, transparent);padding:0 .4rem;font-size:.6875rem;font-weight:600}.viazo-filter-toggle-chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:.5rem;height:.5rem;margin-left:auto;transform:translateY(-2px)rotate(45deg)}.viazo-filter-panel[data-expanded=true] .viazo-filter-toggle-chevron{transform:translateY(2px)rotate(-135deg)}}@media (prefers-reduced-motion:reduce){.viazo-filter-clear{transition:none}}
dialog.viazo-dialog,dialog.viazo-drawer{transition:opacity .15s ease-out,transform .15s ease-out}@starting-style{dialog.viazo-dialog[open]{opacity:0;transform:translateY(4px)}dialog.viazo-drawer[open]{opacity:0;transform:translate(16px)}dialog.viazo-drawer[data-viazo-dialog-side=left][open]{transform:translate(-16px)}}
.viazo-switch-track{border:1px solid var(--viazo-border-control);background:var(--viazo-bg-canvas);border-radius:999px;flex:none;width:2.25rem;height:1.25rem;transition:background-color .15s,border-color .15s;display:inline-block;position:relative}.viazo-switch-track:after{content:"";background:var(--viazo-text-secondary);border-radius:999px;width:.875rem;height:.875rem;transition:transform .15s,background-color .15s;position:absolute;top:.125rem;left:.125rem}.viazo-switch-track[data-on=true],.viazo-switch-input:checked+.viazo-switch-track{border-color:color-mix(in srgb, var(--color-success) 60%, transparent);background:color-mix(in srgb, var(--color-success) 20%, transparent)}.viazo-switch-track[data-on=true]:after,.viazo-switch-input:checked+.viazo-switch-track:after{background:var(--color-success);transform:translate(1rem)}.viazo-switch-input:focus-visible+.viazo-switch-track{outline:2px solid var(--viazo-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.viazo-switch-track,.viazo-switch-track:after{transition:none}}
.viazo-shell-surface{border:1px solid var(--color-border);background:var(--color-bg-surface);-webkit-backdrop-filter:blur(2px)saturate(1.08);backdrop-filter:blur(2px)saturate(1.08)}