.group-filter { display: flex; align-items: end; gap: 10px; margin-left: auto; }
.group-filter label { display: grid; gap: 5px; font-size: 13px; color: var(--muted); }
.group-filter select { min-width: 145px; }
.group-badge { white-space: nowrap; font-weight: 650; }
.group-badge-1 { color: var(--brand); background: var(--paper-2); }
.group-badge-2 { color: #0b4f49; background: #d9eeea; }
.group-badge-3 { color: var(--ink); background: var(--paper-2); }
.group-field { min-width: 140px; }
.topbar { flex-wrap: wrap; gap: 14px; }
@media (max-width: 640px) {
  .group-filter { width: 100%; margin-left: 0; }
  .group-filter label { flex: 1; }
  .group-filter select { width: 100%; min-height: 44px; }
  .group-filter button { min-height: 44px; }
}