@layer components{.modify-weeks-filter{display:contents}.modify-weeks-filter__trigger{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:none;border-radius:12px;background:var(--color-accent-blue);color:#fff;font-family:inherit;font-size:.625rem;font-weight:500;line-height:1.5;white-space:nowrap;cursor:pointer;transition:opacity .15s ease;order:100;margin-left:auto;flex-shrink:0}@media(width >= 768px){.modify-weeks-filter__trigger{gap:.375rem;padding:.375rem 1rem;border-radius:16px;font-size:.875rem}}html.dark .modify-weeks-filter__trigger{background:var(--color-primary-green);color:#000}.modify-weeks-filter__trigger:hover{opacity:.88}.modify-weeks-filter__chevron{width:1em;height:1em;transition:transform .2s ease}.modify-weeks-filter--open .modify-weeks-filter__chevron{transform:rotate(180deg)}.modify-weeks-filter__panel{order:101;flex-basis:100%;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 12px 20px -10px rgba(0,0,0,.35);display:grid;grid-template-areas:"header" "desc" "pills" "footer";gap:.5rem 0}@media(width >= 768px){.modify-weeks-filter__panel{grid-template-columns:minmax(10rem, 16rem) 1fr;grid-template-areas:"header pills" "desc   pills" "footer footer";gap:.25rem 2rem}}.modify-weeks-filter__panel-header{grid-area:header;display:flex;align-items:center;justify-content:space-between}.modify-weeks-filter__panel-title{margin:0;font-size:.875rem;font-weight:700;color:var(--color-accent)}.modify-weeks-filter__panel-desc{grid-area:desc;margin:0;font-size:.75rem;color:var(--color-text-secondary);align-self:start}.modify-weeks-filter__pills{grid-area:pills;display:grid;grid-template-columns:repeat(6, 1fr);gap:.5rem;align-self:start}@media(width >= 768px){.modify-weeks-filter__pills{grid-template-columns:repeat(10, 1fr)}}.modify-weeks-filter__pill{display:inline-flex;align-items:center;justify-content:center;appearance:none;width:55px;height:36px;border:1px solid var(--color-border);border-radius:6px;background:rgba(0,0,0,0);color:var(--color-text);font-family:inherit;font-size:.75rem;font-weight:500;cursor:pointer}.modify-weeks-filter__pill.active{background-color:var(--color-accent-blue);border-color:var(--color-accent-blue);color:#fff}html.dark .modify-weeks-filter__pill.active{background-color:var(--color-primary-green);border-color:var(--color-primary-green);color:#000}.modify-weeks-filter__pill--unplayed{opacity:.4;cursor:not-allowed}.modify-weeks-filter__panel-footer{grid-area:footer;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-top:.5rem}@media(width >= 768px){.modify-weeks-filter__panel-footer{padding-top:.75rem}}.modify-weeks-filter__legend{display:flex;flex-wrap:wrap;gap:.75rem}.modify-weeks-filter__legend-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.7rem;color:var(--color-text-secondary)}.modify-weeks-filter__legend-dot{display:inline-block;width:.75rem;height:.75rem;border-radius:var(--radius-full);border:1px solid var(--color-border)}.modify-weeks-filter__legend-dot--selected{background-color:var(--color-accent-blue);border-color:var(--color-accent-blue)}html.dark .modify-weeks-filter__legend-dot--selected{background-color:var(--color-primary-green);border-color:var(--color-primary-green)}.modify-weeks-filter__legend-dot--unselected{background:rgba(0,0,0,0)}.modify-weeks-filter__legend-dot--unplayed{opacity:.4;background:var(--color-text-muted);border-color:var(--color-text-muted)}.modify-weeks-filter__clear{display:inline-flex;align-items:center;gap:.25rem;padding:0;border:none;background:rgba(0,0,0,0);color:var(--color-text-secondary);font-family:inherit;font-size:.7rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s ease}.modify-weeks-filter__clear:hover{color:var(--color-text)}.modify-weeks-filter__clear-icon{width:.875rem;height:.875rem;flex-shrink:0}@media(width >= 768px){.modify-weeks-filter__clear--mobile{display:none}}.modify-weeks-filter__clear--desktop{display:none}@media(width >= 768px){.modify-weeks-filter__clear--desktop{display:inline-flex}}.custom-split-header{display:flex;flex-direction:column}.custom-split-weeks-label{font-size:.625rem;font-weight:400;color:var(--color-accent);white-space:nowrap}.data-table .custom-split-col{border-left:2px solid var(--color-border)}.data-table .custom-split-col:is(td){font-weight:700;font-size:14px}}