/* ============================================================
   listado-refs.css - Estilos complementarios listado referencias
   Reutiliza compras.css como base de diseno
   Solo estilos especificos de este modulo
   ============================================================ */

/* Search inline within filters */
.lr-search-inline { flex: 1; min-width: 200px; max-width: 360px; }

/* Compact searchbox variant */
.com-searchbox--sm .com-searchbox__input { font-size: .82rem; padding-top: .45rem; padding-bottom: .45rem; }

/* Count bar */
.lr-count-bar {
  display: flex; justify-content: space-between; align-items: center;
  padding: .5rem 1.25rem; font-size: .78rem; color: var(--brand-text-muted);
  border-bottom: 1px solid var(--brand-border);
}

/* Sortable headers */
.lr-th-sort { cursor: pointer; user-select: none; transition: color .15s; }
.lr-th-sort:hover { color: var(--brand-accent); }
.lr-th-active { color: var(--brand-accent) !important; }

/* Pagination */
.lr-pagination {
  display: flex; align-items: center; justify-content: center;
  gap: .25rem; padding: .75rem 1rem;
}
.lr-pag-btn {
  display: flex; align-items: center; justify-content: center;
  min-width: 32px; height: 32px; padding: 0 .4rem;
  border: 1px solid var(--brand-border); border-radius: 8px;
  background: var(--brand-surface); color: var(--brand-text);
  font-size: .8rem; font-family: inherit; cursor: pointer;
  transition: all .15s;
}
.lr-pag-btn:hover:not(:disabled) { border-color: var(--brand-accent); color: var(--brand-accent); }
.lr-pag-btn--active {
  background: var(--brand-accent); color: var(--brand-primary);
  border-color: var(--brand-accent); font-weight: 700;
}
.lr-pag-btn:disabled { opacity: .35; cursor: not-allowed; }
.lr-pag-dots { padding: 0 .3rem; color: var(--brand-text-muted); font-size: .8rem; }

@media (max-width: 768px) {
  .lr-search-inline { max-width: 100%; flex-basis: 100%; }
  .lr-count-bar { padding: .4rem 1rem; font-size: .72rem; }
}