/* Checkbox controls in the inline workspace ribbon. Layout lives in workspace.css. */
.filter-ribbon[hidden]{display:none}
.explorer.filter-open>.active-filters{display:none}
.filter-ribbon-heading{display:flex;align-items:center;gap:12px}
.filter-ribbon-heading [role=tablist]{display:flex;gap:4px}
.filter-ribbon-heading [role=tab]{min-height:40px;padding:8px 12px;border-radius:6px;font-size:13px;color:var(--workspace-muted);white-space:nowrap}
.filter-ribbon-heading [role=tab][aria-selected=true]{color:#614b80;background:#eee8f5;font-weight:600}
.filter-ribbon-heading [role=tab] span:not(:empty){margin-left:5px;font-size:11px}
.filter-ribbon-heading>[data-close-workspace]{margin-left:auto;min-width:40px;min-height:40px;font-size:20px;color:var(--workspace-muted)}
.filter-list-search{display:block;flex:1;max-width:280px}
.filter-list-search input{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--workspace-border);border-radius:6px;font-size:13px;background:#fff;color:var(--workspace-text)}
.filter-ribbon .filter-choice-list{display:flex;flex-wrap:wrap;gap:6px;max-height:158px;overflow:auto;overscroll-behavior:contain;align-content:start;scrollbar-width:thin;padding:2px}
.filter-choice{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:44px;max-width:100%;padding:7px 10px;cursor:pointer;border:1px solid #eae5ef;border-radius:8px;background:#fff;color:#554b61;font-size:12px;line-height:1.45}
.filter-choice:hover{background:#f0ebf6}.filter-choice.is-checked{border-color:#b5a0cd;background:#efe9f6;color:#543e74}
.filter-choice input{width:16px;height:16px;margin:0;flex:0 0 16px;accent-color:#7865a2;cursor:pointer}
.filter-choice>span{flex:1;min-width:0;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-choice small{font-size:10px;color:var(--workspace-muted);white-space:nowrap;padding-left:5px;border-left:1px solid var(--workspace-border);font-variant-numeric:tabular-nums}
.filter-choice:focus-within{outline:2px solid #a18ab9;outline-offset:-1px}
.filter-ribbon-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.filter-ribbon-footer>span{font-size:11px;color:var(--workspace-muted);line-height:1.5}.filter-ribbon-footer>div{display:flex;align-items:center;gap:8px;flex-shrink:0}
.filter-ribbon-footer button{display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;margin:0;padding:0 14px;border:1px solid transparent;font-size:12px;line-height:1;font-weight:500;border-radius:6px;white-space:nowrap}
#filter-draft-clear{color:var(--workspace-muted);border:1px solid var(--workspace-border);background:white}
#filter-apply{min-width:110px;background:#7865a2;color:white;font-weight:600}
#filter-result-count{font-variant-numeric:tabular-nums;line-height:inherit}
.filter-empty{font-size:12px;color:var(--workspace-muted);margin:12px}
.filter-ribbon-footer .filter-catalog-nav{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}
.filter-ribbon-footer #filter-browse-mode{height:44px;min-height:44px;padding:0 10px;color:var(--workspace-text);border:1px solid var(--workspace-border);background:#fff}
.filter-page-controls{display:flex;align-items:center;gap:2px}.filter-page-controls>span{font-size:11px;color:var(--workspace-muted);min-width:38px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.filter-ribbon-footer .filter-page-controls button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;color:var(--workspace-text);border:1px solid var(--workspace-border);background:#fff}
#filter-page-prev .ui-chevron{transform:rotate(90deg)}#filter-page-next .ui-chevron{transform:rotate(-90deg)}
.filter-catalog-hint{font-size:11px;color:var(--workspace-muted);white-space:nowrap}
.filter-picked{display:flex;align-items:center;flex-wrap:wrap;gap:5px;max-height:94px;overflow:auto;scrollbar-width:thin}
.filter-picked-label{font-size:11px;color:var(--workspace-muted);margin-right:3px;white-space:nowrap}
.filter-picked button{display:inline-flex;align-items:center;gap:8px;max-width:240px;min-height:36px;padding:5px 9px;border:1px solid var(--workspace-border);border-radius:6px;background:#fff;color:var(--workspace-text);font-size:11px;line-height:1.4}
.filter-picked button>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-picked button>span:last-child{font-size:17px;line-height:1;color:var(--workspace-muted)}
.filter-picked button:hover{border-color:var(--workspace-accent)}
@media(max-width:600px){.filter-ribbon-footer{flex-wrap:wrap;gap:4px}.filter-ribbon-footer .filter-catalog-nav{width:100%;justify-content:flex-start;gap:6px}.filter-ribbon-footer .filter-apply-actions{width:100%;justify-content:space-between}.filter-ribbon-footer #filter-browse-mode,.filter-ribbon-footer .filter-page-controls button{height:44px;min-height:44px}.filter-ribbon-footer .filter-page-controls button{width:44px;min-width:44px}.filter-ribbon .filter-choice-list{max-height:152px}.filter-picked button{min-height:44px}.filter-choice small{padding-left:4px}}
@media(max-height:550px){.filter-ribbon .filter-choice-list{max-height:102px}}
@media(max-width:600px){.filter-picked{flex-wrap:nowrap;max-height:44px;overflow-x:auto;scrollbar-width:none}.filter-picked button{flex-shrink:0}.filter-picked-label{flex-shrink:0}.filter-ribbon[data-paged=false] .filter-ribbon-footer{flex-wrap:nowrap;gap:6px}.filter-ribbon[data-paged=false] .filter-catalog-nav{flex:0 0 auto;width:auto}.filter-ribbon[data-paged=false] .filter-catalog-hint{display:none}.filter-ribbon[data-paged=false] .filter-apply-actions{flex:1 1 auto;width:auto;justify-content:flex-end;gap:6px}.filter-ribbon .filter-ribbon-footer button{padding-inline:10px}.filter-ribbon #filter-apply{min-width:96px}.filter-ribbon[data-paged=false][data-searching=true] .filter-catalog-nav{display:none}}
.active-filters .attribute-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;max-width:min(260px,70vw);padding:6px 10px;border-radius:6px;border:1px solid #d8cce5;background:#f3eef8;color:#614b80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
.active-filters .attribute-chip>span{font-size:17px;margin-left:auto}.active-filters .clear-all{min-height:34px;padding:6px 9px;font-size:12px}
@media(max-width:600px){.filter-ribbon-heading{flex-wrap:wrap;gap:6px}.filter-ribbon-heading [role=tablist]{flex:1}.filter-ribbon-heading [role=tab]{font-size:12px;min-height:44px;padding:8px}.filter-ribbon-heading>[data-close-workspace]{min-width:36px;min-height:44px}.filter-list-search{order:3;max-width:none;flex-basis:100%}.filter-list-search input{font-size:16px;min-height:44px}.filter-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:96px}.filter-choice{padding:7px;gap:6px}.filter-choice small{font-size:10px}.filter-ribbon-footer>span{display:none}.filter-ribbon-footer>div{width:100%;justify-content:space-between}.filter-ribbon-footer button{min-height:44px}.active-filters .attribute-chip,.active-filters .clear-all{min-height:40px}}