project-status-filter { display: block; }
[data-project-controls][hidden], [data-project-item][hidden], [data-project-empty][hidden] { display: none !important; }
.project-status-controls { display: flex; flex-wrap: wrap; gap: .5rem; }
.project-status-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .5rem 1rem; border: 1px solid #d1d5db; border-radius: 9999px; background: #f8fafc; color: #101010; font: inherit; font-weight: 600; line-height: 1.5; cursor: pointer; }
.project-status-button:hover { border-color: #0161ef; background: #eff6ff; }
.project-status-button[aria-pressed="true"] { border-color: #0161ef; background: #0161ef; color: white; }
.project-status-button:focus-visible { outline: 3px solid #0161ef; outline-offset: 3px; }
.project-status-label { display: inline-block; margin-block: .75rem; padding: .25rem .75rem; border: 1px solid #bfdbfe; border-radius: 9999px; background: #eff6ff; color: #164da1; font-size: .875rem; font-weight: 600; }
.project-status-label[data-status="closed"] { color: #374151; background: #f3f4f6; border-color: #d1d5db; }
@media (forced-colors: active) {
  .project-status-button[aria-pressed="true"] { outline: 2px solid Highlight; }
  .project-status-button:focus-visible { outline-color: CanvasText; }
}