/**
 * Atelier — Toolbar (sort/view toggle) + Pagination (C14).
 */
.atl-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--atl-border);
  padding-bottom: 16px;
}
.atl-toolbar-count { font-size: 13px; color: var(--atl-text-muted); }
.atl-toolbar-actions { display: flex; gap: 24px; align-items: center; }
.atl-toolbar-sort { display: flex; gap: 8px; align-items: center; font-size: 13px; }
.atl-toolbar-sort select {
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  border: 1px solid var(--atl-border-strong);
  background: var(--atl-surface);
  color: var(--atl-text);
  padding: 8px 12px;
}
.atl-toolbar-sort select:focus-visible { outline: 2px solid var(--atl-focus-ring); outline-offset: 2px; }
.atl-view-toggle { display: flex; gap: 8px; font-size: 13px; }
.atl-view-toggle button {
  border: 1px solid var(--atl-border-strong);
  padding: 7px 10px;
  cursor: pointer;
  background: transparent;
  color: var(--atl-text-subtle);
  font-family: inherit;
}
.atl-view-toggle button[aria-pressed="true"] { border-color: var(--atl-text); color: var(--atl-text); }
.atl-view-toggle button:focus-visible { outline: 2px solid var(--atl-focus-ring); outline-offset: 2px; }

.atl-pagination { display: flex; justify-content: center; gap: 10px; padding-top: 16px; font-size: 14px; }
.atl-pagination a, .atl-pagination span {
  padding: 10px 15px;
  border: 1px solid var(--atl-border-strong);
  color: var(--atl-text);
  text-decoration: none;
}
.atl-pagination [aria-current="true"] { border-color: var(--atl-text); background: var(--atl-text); color: var(--atl-band-text); }
.atl-pagination a:focus-visible { outline: 2px solid var(--atl-focus-ring); outline-offset: 2px; }

@media (max-width: 767px) {
  .atl-toolbar { flex-direction: column; align-items: flex-start; gap: 10px; }
}