@layer components{.modify-weeks-filter{display:contents}.modify-weeks-filter__trigger-row{order:100;flex-shrink:0}@media(width < 768px){.modify-weeks-filter__trigger-row{flex:0 0 auto;order:0}}@media(width >= 768px){.modify-weeks-filter__trigger-row{display:contents}}.modify-weeks-filter__trigger{display:inline-flex;align-items:center;gap:4px;padding:.3rem .625rem;border:1px solid var(--color-accent);border-radius:var(--radius-full);background:rgba(0,0,0,0);color:var(--color-text);font-family:inherit;font-size:.625rem;font-weight:700;line-height:1.5;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}@media(width >= 768px){.modify-weeks-filter__trigger{padding:.4rem 1rem;font-size:.875rem;order:100;flex-basis:auto;margin-left:auto;flex-shrink:0}}.modify-weeks-filter__trigger:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.modify-weeks-filter--open .modify-weeks-filter__trigger{background:var(--color-accent);border-color:var(--color-accent);color:#fff}html.dark .modify-weeks-filter--open .modify-weeks-filter__trigger{color:#000}.modify-weeks-filter--open .modify-weeks-filter__trigger:hover{background:var(--color-accent)}.modify-weeks-filter--open .modify-weeks-filter__trigger .modify-weeks-filter__lock{color:inherit}.modify-weeks-filter__lock{width:1em;height:1em;color:var(--color-accent)}.modify-weeks-filter__chevron{width:.9em;height:.9em;color:var(--color-text-secondary);transition:transform .2s ease}.modify-weeks-filter--open .modify-weeks-filter__chevron{color:inherit;transform:rotate(180deg)}.modify-weeks-filter__panel{order:101;flex-basis:100%;padding:.75rem;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" "summary" "presets" "pills";gap:1rem 0}@media(width >= 768px){.modify-weeks-filter__panel{padding:1rem;grid-template-areas:"header" "desc" "summary" "presets" "pills"}}.modify-weeks-filter__panel-header{grid-area:header;display:flex;align-items:center;justify-content:space-between}.modify-weeks-filter__panel-title{display:flex;align-items:center;gap:.375rem;margin:0;font-size:.875rem;font-weight:700;color:var(--color-accent)}.modify-weeks-filter__panel-title .modify-weeks-filter__info-icon{display:none}@media(width < 768px){.modify-weeks-filter__panel-title .modify-weeks-filter__info-icon{display:inline-flex}}.modify-weeks-filter__panel-desc{grid-area:desc;margin:0;font-size:.75rem;color:var(--color-text-secondary);align-self:start}@media(width < 768px){.modify-weeks-filter__panel-desc{display:none}}.modify-weeks-filter__selected-summary{grid-area:summary;display:flex;align-items:center;gap:.5rem;min-height:1.25rem}.modify-weeks-filter__selected-pre{font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.modify-weeks-filter__selected-pill{display:inline-flex;align-items:center;padding:.125rem .625rem;border:1px solid var(--color-accent-blue);border-radius:999px;font-size:.75rem;font-weight:500;color:var(--color-accent-blue);background:rgba(0,0,0,0)}html.dark .modify-weeks-filter__selected-pill{border-color:var(--color-primary-green);color:var(--color-primary-green)}.modify-weeks-filter__presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.modify-weeks-filter__presets .modify-weeks-filter__legend{margin-left:auto}.modify-weeks-filter__preset{display:inline-flex;align-items:center;justify-content:center;appearance:none;padding:0 .75rem;height:24px;border:1px solid var(--color-border);border-radius:999px;background:rgba(0,0,0,0);color:var(--color-text);font-family:inherit;font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}@media(width < 768px){.modify-weeks-filter__preset{font-size:.7rem}}.modify-weeks-filter__preset.active{background-color:var(--color-accent-blue);border-color:var(--color-accent-blue);color:#fff}html.dark .modify-weeks-filter__preset.active{background-color:var(--color-primary-green);border-color:var(--color-primary-green);color:#000}.modify-weeks-filter__preset:hover:not(.active){opacity:.8}.modify-weeks-filter__pills{grid-area:pills;display:grid;grid-template-columns:repeat(9, 1fr);gap:.375rem;align-self:start}@media(width >= 768px){.modify-weeks-filter__pills{grid-template-columns:repeat(18, 1fr)}}.modify-weeks-filter__pill{display:inline-flex;align-items:center;justify-content:center;appearance:none;min-width:0;width:100%;height:26px;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{cursor:not-allowed;background:#0c1018;border-style:dashed;border-color:var(--color-border)}.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{background:#0c1018;border-style:dashed;border-color:var(--faint)}.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}.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}}
