:root{
  --surface: #ffffff;
  --surface-2:#f7f9fc;
  --border: rgba(0,0,0,.08);
  --muted: rgba(0,0,0,.62);
  --muted-2: rgba(0,0,0,.48);
  --radius: 1rem;
}

.card-soft{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

.card-soft .card-body{ padding: 1rem; }
@media (min-width: 768px){
  .card-soft .card-body{ padding: 1.25rem; }
}

.panel-soft{
  background: var(--surface-2);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 1rem;
  padding: .9rem;
}

.meta{ color: var(--muted); font-size: .92rem; }
.muted-2{ color: var(--muted-2); }
.truncate-1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.badge-soft{
  background: rgba(13,110,253,.08);
  color: rgba(13,110,253,.95);
  border: 1px solid rgba(13,110,253,.18);
  font-weight: 600;
}

.badge-muted{
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.08);
}

.btn-chip{
  border-radius: 999px;
  padding: .42rem .78rem;
}

.sticky-filters{
  position: sticky;
  top: .75rem;
  z-index: 10;
}

.btn, .form-control, .input-group-text{ min-height: 42px; }

.anexo-item{
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: .9rem;
  padding: .75rem;
}

.pagination-wrap{
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

.pagination{
  gap: .35rem;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.pagination .page-item .page-link{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: .8rem !important;
  padding: .55rem .85rem;
  min-width: 42px;
  text-align: center;
  color: #0d6efd;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.03);
}

.pagination .page-item.active .page-link{
  background: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
  box-shadow: 0 8px 18px rgba(13,110,253,.22);
}

.pagination .page-item.disabled .page-link{
  color: #6c757d;
  background: #f8f9fa;
  border-color: rgba(0,0,0,.06);
}

.pagination .page-link:hover{
  background: #f3f7ff;
  color: #0a58ca;
}

@media (max-width: 576px){
  .pagination .page-item .page-link{
    padding: .45rem .7rem;
    min-width: 38px;
    font-size: .92rem;
  }
}