.active-tag-filter{display:flex;align-items:center;gap:7px;align-self:flex-start;max-width:100%;flex-shrink:0;min-height:34px;margin:0 0 9px;padding:0 2px 0 10px;border:1px solid var(--tag-edge,#c7b4dc);border-radius:999px;background:var(--tag-soft,#eee5fa);color:var(--tag-ink,#654783);font-size:12px;line-height:1.4}
.active-filter-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--tag-edge,#a782c4)}
.active-filter-label{min-width:0;overflow-wrap:anywhere}
.active-tag-filter button{width:34px;min-width:34px;min-height:34px;padding:9px;background:transparent;flex-shrink:0}
.active-tag-filter .ui-icon{width:16px;height:16px}
#openTagDrawer.has-tag-filter{position:relative;background:#e3d4f5;border:1px solid #aa89cc;box-shadow:inset 0 0 0 1px #aa89cc}
#openTagDrawer.has-tag-filter::after{content:'';position:absolute;right:4px;top:4px;width:7px;height:7px;border-radius:50%;background:#9b6cb9;border:1.5px solid #fafaf7}