/* C-09 Interruptor (aria-pressed, action label) and segmented filter. */
.interruptor {
  display: inline-flex; align-items: center; min-height: var(--touch-min);
  padding: 0; border: none; background: transparent; cursor: pointer;
}
.interruptor__trilho {
  display: flex; justify-content: flex-start; width: 48px; height: 28px; padding: 3px;
  border-radius: var(--r-pill); background: var(--switch-off); transition: background 150ms;
}
.interruptor__trilho::after {
  content: ""; width: 22px; height: 22px; border-radius: 50%; background: var(--surface);
}
.interruptor[aria-pressed="true"] .interruptor__trilho { justify-content: flex-end; background: var(--brand); }

.filtro { display: inline-flex; gap: var(--sp-1); padding: var(--sp-1); border-radius: var(--r-button-app); background: var(--bg); }
.filtro__opcao {
  flex: 1; min-width: 96px; height: 38px; padding: 0 var(--sp-5); border: none; border-radius: var(--r-field-panel);
  background: transparent; color: var(--ink); font: inherit; font-size: 14px; cursor: pointer;
}
/* Server-side filters are links (W-06): same look, current option marked with aria-current. */
a.filtro__opcao { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.filtro__opcao[aria-pressed="true"], .filtro__opcao[aria-current="page"] { background: var(--surface); box-shadow: var(--shadow-filter); font-weight: 600; }
/* Segmented choice as radio buttons inside a form (W-09.2 "Tipo"). */
.filtro__opcao--radio { position: relative; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; }
.filtro__opcao--radio input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.filtro__opcao--radio:has(input:checked) { background: var(--surface); box-shadow: var(--shadow-filter); font-weight: 600; }
.filtro__opcao--radio:has(input:focus-visible) { outline: 2px solid var(--brand); outline-offset: 2px; }