<div class="filter-bar">
  <div class="filter-dropdowns">
    <select id="severityFilter" class="filter-dropdown" aria-label="Filter by severity">
      <option value="all">All Severity Groups</option>
      <option value="mustFix">Must Fix</option>
      <option value="goodToFix">Good to Fix</option>
      <option value="needsReview">Manual Review</option>
    </select>

    <select id="criteriaFilter" class="filter-dropdown" aria-label="Filter by WCAG criteria">
      <option value="all">All Failed Criteria</option>
      <!-- Dynamically populated -->
    </select>

    <select id="disabilityFilter" class="filter-dropdown" aria-label="Filter by disability type">
      <option value="all">All Disabilities</option>
      <option value="Visual">Visual Disability</option>
      <option value="Hearing">Hearing Disability</option>
      <option value="Motor">Motor Disability</option>
      <option value="Learning">Learning Disability</option>
    </select>
  </div>

  <div class="search-container">
    <input 
      type="text" 
      id="issuesSearchInput" 
      class="search-input" 
      placeholder="Search" 
      aria-label="Search issues"
    />
  </div>
</div>
