/*
 wlkns-dev-standards
 Form Patterns – Search, Filter, Pagination
 Version: v1.0
*/

/* Search Bar */
.search-bar {
  display: flex;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}

.search-bar input {
  flex: 1;
}

/* Filter Row */
.filter-row {
  display: flex;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

/* Pagination */
.pagination {
  display: flex;
  gap: var(--space-2);
  align-items: center;
}

.pagination .page {
  padding: var(--space-1) var(--space-2);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  cursor: pointer;
}

.pagination .page.active {
  background: var(--color-bg);
  font-weight: 500;
}