.tag-folder-filter { position: relative; }
.tag-folder-filter-button { min-width: 210px; display: flex; align-items: center; justify-content: space-between; gap: 9px; border: 1px solid #c9b4ff; background: #f2eaff; color: #6d21b8; }
.tag-folder-filter-button i, .toolbar-tag-choice i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; flex: none; }
.tag-folder-filter-menu { position: absolute; top: calc(100% + 7px); left: 0; width: 330px; max-height: 460px; overflow: auto; padding: 9px; background: white; border: 1px solid var(--border); border-radius: 11px; box-shadow: 0 14px 35px #0003; z-index: 20; }
.tag-filter-all, .toolbar-tag-folder-title, .toolbar-tag-choice { width: 100%; color: #24443c; background: #edf3f1; text-align: left; }
.tag-filter-all { margin-bottom: 7px; }
.toolbar-tag-folder { margin: 7px 0; }
.toolbar-tag-folder-title { display: flex; justify-content: space-between; align-items: center; }
.toolbar-tag-folder-title small { margin-left: 5px; color: #718078; font-weight: 400; }
.toolbar-tag-folder-items { padding: 5px 6px 1px 18px; }
.toolbar-tag-choice { display: flex; align-items: center; gap: 8px; margin: 3px 0; background: white; border: 1px solid #e4e9e7; }
.toolbar-tag-choice:hover, .toolbar-tag-choice.selected, .tag-filter-all.selected { background: #dff3eb; color: #0c624c; }
@media (max-width: 800px) { .tag-folder-filter-menu { position: fixed; left: 72px; right: 10px; top: 170px; width: auto; max-height: 60vh; } }