/* One set of compact controls in all three character search surfaces. */
#pageTeams .roster #rosterFilters,#pageColl #cFilters,#modal #filters{
  display:flex;flex-direction:row;align-items:center;align-content:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:5px;max-height:none;overflow:visible;width:100%;margin:0
}
#pageTeams .roster #rosterFilters .shared-filter,#pageColl #cFilters .shared-filter,#modal #filters .shared-filter{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;min-height:36px;aspect-ratio:1;padding:4px!important;border:1px solid var(--c);border-radius:8px;background:var(--panel2);color:var(--txt);box-shadow:none;font:inherit;font-size:11px;line-height:1;white-space:nowrap;text-shadow:none
}
#pageTeams .roster #rosterFilters .shared-filter:hover,#pageColl #cFilters .shared-filter:hover,#modal #filters .shared-filter:hover{background:color-mix(in srgb,var(--c) 12%,var(--panel2))}
#pageTeams .roster #rosterFilters .shared-filter.on,#pageColl #cFilters .shared-filter.on,#modal #filters .shared-filter.on{background:color-mix(in srgb,var(--c) 24%,var(--panel2));border-color:var(--c);color:#fff;box-shadow:inset 0 0 0 1px var(--c),0 0 9px color-mix(in srgb,var(--c) 25%,transparent)}
.shared-character-filters .shared-filter .element-icon{width:22px;height:22px;filter:drop-shadow(0 0 3px var(--c))}
.shared-character-filters .shared-filter .affinity-icon{width:22px;height:22px;filter:drop-shadow(0 0 3px #bacff2)}
.shared-character-filters .shared-filter.on .element-icon,.shared-character-filters .shared-filter.on .affinity-icon{filter:brightness(0) invert(1) drop-shadow(0 0 4px var(--c))}
.shared-character-filters .filter-cluster{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;gap:5px;height:36px;margin-left:2px;padding-left:9px}
.shared-character-filters .filter-cluster::before{content:'';position:absolute;left:0;top:7px;bottom:7px;width:1px;background:#a3b0cb45;pointer-events:none}
.shared-character-filters .filter-group-start{position:relative;margin-left:11px}
.shared-character-filters .filter-group-start::before{content:'';position:absolute;left:-9px;top:7px;bottom:7px;width:1px;background:#a3b0cb45;pointer-events:none}
.shared-character-filters .shared-filter[data-tooltip]{position:relative}
.shared-character-filters .shared-filter[data-tooltip]:not([data-tooltip=""])::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:6px 9px;border:1px solid #d7e0ec26;border-radius:7px;background:#141a26;color:#edf1f7;box-shadow:0 4px 14px #0004;font-size:11px;line-height:1.4;white-space:nowrap;text-shadow:none;pointer-events:none;visibility:hidden;opacity:0;z-index:60;transition:none}
@media(hover:hover) and (pointer:fine){.shared-character-filters .shared-filter[data-tooltip]:hover::after{visibility:visible;opacity:1;transition:visibility 0s 2s,opacity .12s 2s}}
.shared-character-filters .shared-filter[data-tooltip]:focus-visible::after{visibility:visible;opacity:1;transition:none}
.shared-rarity-icon{display:block;flex:none;width:24px;height:24px;color:var(--c);filter:drop-shadow(0 0 2px color-mix(in srgb,var(--c) 45%,transparent))}
.shared-heart{display:block;flex:none;width:22px;height:22px;color:#ff5c8a}
.shared-character-filters .shared-heart{filter:drop-shadow(0 0 3px #ff5c8a)}
.shared-filter.on .shared-rarity-icon,.shared-filter.on .shared-heart{color:#fff;filter:drop-shadow(0 0 4px var(--c))}
.rarity-icon-star{transform-origin:20px 8px;transition:transform .18s ease}
.shared-filter:hover .rarity-icon-star{transform:rotate(12deg) scale(1.06)}
@media(prefers-reduced-motion:reduce){.rarity-icon-star{transition:none}.shared-filter:hover .rarity-icon-star{transform:none}}
.shared-character-filters .sort-select{flex:1 1 165px;min-width:145px;max-width:260px;width:auto;height:36px;min-height:36px;padding:5px 22px 5px 8px;margin:0!important;border-radius:8px;font-size:12px}
#pageColl #cFilters .ownership-filter{flex:0 0 auto;width:auto;min-width:70px;padding:4px 10px!important}
#pageColl #cFilters .ownership-filters{display:inline-flex;align-items:center;flex:0 0 auto;gap:2px;height:36px;padding:3px;border:1px solid #9aaac433;border-radius:10px;background:#10152180;box-sizing:border-box}
#pageColl #cFilters .ownership-filters .ownership-filter{height:28px;min-height:28px;min-width:78px;padding:3px 12px!important;aspect-ratio:auto;border:0;border-radius:6px;background:transparent;color:#aab6cb;box-shadow:none;font-size:12px}
#pageColl #cFilters .ownership-filters .ownership-filter:hover{background:#ffffff09;color:#eef2fb}
#pageColl #cFilters .ownership-filters .ownership-filter.on{background:#dfc67d25;color:#fff1c9;box-shadow:inset 0 0 0 1px #dfc67d36}
#pageTeams .roster #toggleRosterFilters{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:8px;border-radius:8px}
#toggleRosterFilters .ui-icon{width:20px;height:20px}
#toggleRosterFilters[aria-expanded="true"]{border-color:#d5bf83;background:#d5bf8315}
#toggleRosterFilters[data-active-count]::after{content:attr(data-active-count);position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#dfc67d;color:#181b26;font:600 11px system-ui,sans-serif;box-shadow:0 0 0 2px #1a1d2b;pointer-events:none}
.collection-advanced{border-top:1px solid #ffffff18;padding-top:12px}
.collection-advanced summary{width:max-content;cursor:pointer;color:#bac4d6;font-size:13px;padding:5px 0}
.collection-advanced-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}
.collection-advanced-actions button{min-height:38px}
@media(max-width:760px){
  #modal #filters{flex-direction:row;gap:5px}
  .shared-character-filters .sort-select{max-width:none}
  .collection-advanced-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .collection-advanced-actions button{padding:8px 6px;font-size:11px}
}