.activity-filter{display:flex;align-items:center;gap:10px;margin:20px 0 26px;position:relative;z-index:12;max-width:100%}
.discipline-picker{position:relative;width:320px;max-width:calc(100% - 50px);font-size:14px;color:var(--text,#18382d)}
.discipline-picker-trigger{list-style:none;display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid #9c7db9;border-radius:999px;background:#eee4fa;color:#512d72;cursor:pointer;min-height:58px;box-sizing:border-box;transition:background .16s,box-shadow .16s}
.discipline-picker-trigger::-webkit-details-marker{display:none}
.discipline-picker-trigger::marker{content:''}
.discipline-picker-trigger>span{min-width:0;flex:1}
.discipline-picker-trigger small{display:block;font-size:11px;font-weight:650;line-height:1.2;opacity:.8}
.discipline-picker-trigger strong{display:block;font-size:14px;line-height:1.5;font-weight:750;white-space:normal;overflow-wrap:anywhere}
.discipline-picker svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.discipline-picker-trigger .discipline-picker-chevron{width:17px;height:17px;transition:transform .16s}
.discipline-picker[open] .discipline-picker-chevron{transform:rotate(180deg)}
.discipline-picker-trigger:hover,.discipline-picker[open]>.discipline-picker-trigger{box-shadow:0 0 0 3px #a782ce33;background:#e6d6f7}
.discipline-picker-trigger.is-filtered{background:#d8f3e7;color:#14543e;border-color:#41856d}
.discipline-picker[open]>.discipline-picker-trigger.is-filtered,.discipline-picker-trigger.is-filtered:hover{background:#c8ecd9}
.discipline-picker-trigger:focus-visible,.discipline-picker-option:focus-visible,.discipline-picker-clear:focus-visible{outline:3px solid #c38bee;outline-offset:3px}
.discipline-picker-panel{position:absolute;inset-inline-start:0;top:calc(100% + 9px);width:360px;max-width:min(360px,calc(100vw - 48px));box-sizing:border-box;padding:12px;background:#fff;border:1px solid #c2add4;border-radius:20px;box-shadow:0 14px 40px #1b173530;z-index:30}
.discipline-picker-search{display:flex;align-items:center;gap:8px;background:#f4eff9;color:#694285;padding:0 11px;border:1px solid #d6c5e4;border-radius:999px;margin:0 0 10px}
.discipline-picker-search input{min-width:0;width:100%;background:transparent!important;border:0!important;color:inherit!important;border-radius:999px;padding:12px 0;font:inherit;box-shadow:none;outline-offset:3px}
.discipline-picker-search input::placeholder{color:#765f87;opacity:1}
.discipline-picker-search:focus-within{outline:2px solid #9c6abe;outline-offset:2px}
.discipline-picker-search input:focus{outline:none}
.discipline-picker-list{display:flex;flex-direction:column;gap:5px;max-height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 5px 2px 2px}
.discipline-picker-list .discipline-picker-option{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;color:#57356e;background:#f2eaf9;border:1px solid transparent;border-radius:999px;padding:9px 13px;font-size:14px;line-height:1.35;min-height:38px;box-sizing:border-box}
.discipline-picker-list .discipline-picker-option:hover{background:#e6d6f5;border-color:#ac8dc6}
.discipline-picker-list .discipline-picker-option.is-active{background:#d8f3e7;color:#14543e;border-color:#76ad97;font-weight:750}
.discipline-picker-option>span{flex:none;font-size:15px}
.discipline-picker-empty{padding:15px 8px;margin:0;font-size:14px;color:#72587d}
.activity-filter .discipline-picker-clear{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #b78b46;border-radius:50%;color:#65431a;background:#fff0d6;padding:0;cursor:pointer}
.discipline-picker-clear svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.activity-filter .discipline-picker-clear:hover{background:#ffe0ab;box-shadow:0 0 0 3px #ffd38944}
.discipline-picker [hidden],.activity-filter [hidden]{display:none!important}
[data-theme=dark] .discipline-picker-trigger{background:#4e3269;border-color:#a489bd;color:#fff}
[data-theme=dark] .discipline-picker-trigger:hover,[data-theme=dark] .discipline-picker[open]>.discipline-picker-trigger{background:#60417b}
[data-theme=dark] .discipline-picker-trigger.is-filtered{background:#205f4e;color:#fff;border-color:#93d5b9}
[data-theme=dark] .discipline-picker[open]>.discipline-picker-trigger.is-filtered,[data-theme=dark] .discipline-picker-trigger.is-filtered:hover{background:#2a705b}
[data-theme=dark] .discipline-picker-panel{background:#1e2924;border-color:#7f688c;box-shadow:0 14px 40px #0008}
[data-theme=dark] .discipline-picker-search{background:#141d18;border-color:#80668c;color:#f1e5ff}
[data-theme=dark] .discipline-picker-search input::placeholder{color:#c9b8d6}
[data-theme=dark] .discipline-picker-list .discipline-picker-option{background:#382944;color:#f6edff}
[data-theme=dark] .discipline-picker-list .discipline-picker-option:hover{background:#513965;border-color:#a886c1}
[data-theme=dark] .discipline-picker-list .discipline-picker-option.is-active{background:#205e4c;border-color:#88d1af;color:#fff}
[data-theme=dark] .discipline-picker-empty{color:#d4c1df}
[data-theme=dark] .activity-filter .discipline-picker-clear{background:#564224;border-color:#b99456;color:#ffdfa5}
@media(max-width:480px){.discipline-picker{width:100%}.discipline-picker-panel{width:calc(100vw - 48px)}.discipline-picker-trigger strong{font-size:13px}.discipline-picker-list{max-height:260px}}
@media(prefers-reduced-motion:reduce){.discipline-picker-trigger,.discipline-picker-chevron{transition:none}}

.discipline-picker-group{display:flex;flex-direction:column;gap:5px;padding:0;margin:6px 0 3px}
.discipline-picker-group-title{margin:6px 10px 4px;padding:0;font-size:11px;font-weight:800;line-height:1.4;color:#684481;letter-spacing:.035em;text-transform:uppercase}
[data-theme=dark] .discipline-picker-group-title{color:#d6b4f3}
