:root {
  --jsf-btn-bg: #0d6efd;
  --jsf-btn-bg-hover: #0b5ed7;
  --jsf-btn-fg: #fff;
  --jsf-btn-radius: 8px;
  --jsf-btn-pad: 0.65rem 1rem;
  --jsf-btn-font: 600;
  --jsf-gap: 0.5rem;
}

.jsf-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--jsf-gap);
  align-items: center;
}

.jsf-btn,
.jet-smart-filters .apply-filters,
.jet-smart-filters-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  border-radius: var(--jsf-btn-radius);
  padding: var(--jsf-btn-pad);
  font-weight: var(--jsf-btn-font);
  text-decoration: none;
  color: var(--jsf-btn-fg);
  background: var(--jsf-btn-bg);
  transition: background 0.2s ease;
}

.jsf-btn:hover,
.jet-smart-filters .apply-filters:hover,
.jet-smart-filters-reset:hover {
  background: var(--jsf-btn-bg-hover);
}

.jsf-btn--reset,
.jet-smart-filters-reset {
  background: #6c757d;
}
.jsf-btn--reset:hover,
.jet-smart-filters-reset:hover {
  background: #5c636a;
}

/* Inputs de filtros básicos */
.jet-smart-filters input[type="text"],
.jet-smart-filters select {
  border: 1px solid #d0d7de;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  line-height: 1.3;
}

/* Paginación */
.jet-smart-filters-pagination {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.jet-smart-filters-pagination a,
.jet-smart-filters-pagination span {
  min-width: 2rem;
  min-height: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #e1e4e8;
  padding: 0 0.5rem;
}
.jet-smart-filters-pagination .current {
  background: #f3f4f6;
  font-weight: 700;
}