/* The Branches tab's header row: the Active|Closed capsule and the
   ?q= filter box side by side, the box dropping below on a narrow
   screen. The capsule is nav.branch-filter, which also picks up the
   branch picker's input rule of the same name in repo.css (full width,
   bottom rule); here the row carries that rule instead. */
.branch-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  margin: 0.5rem 0 1rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--border);
}
.branch-head .branch-filter { width: auto; margin: 0; padding: 0; border: 0; }
.branch-search { margin-left: auto; flex: 0 1 18rem; }
.branch-search input {
  width: 100%;
  padding: 0.35rem 0.6rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-ctl);
  background: var(--bg);
  color: var(--fg);
  font: inherit;
  font-size: 0.9rem;
}
.branch-search input:focus { outline: 2px solid var(--accent); outline-offset: -1px; }
@media (max-width: 40rem) {
  .branch-search { margin-left: 0; flex-basis: 100%; }
}