/* Só o necessário para a página de bloqueios. O resto vem do global. */

/* Card “casca” igual ao profile/histórico */
.block-shell{ padding:20px; }

/* Lista */
.blocked-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Item */
.blocked-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}

.blocked-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0; /* permite truncar o nome */
}

.blocked-avatar{
  width:44px; height:44px; border-radius:50%;
  object-fit:cover;
  border:2px solid var(--line);
}

.blocked-name{
  font-weight:700; color:var(--ink);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* botão vermelho reaproveitando o .btn do global */
.btn-danger{ --btn-bg:#dc2626; --btn-fg:#fff; }
.btn-danger:hover{ filter:brightness(.95); }

/* Empty / Error */
.empty{
  background:#fff; border:1px solid var(--line);
  border-radius:var(--radius); padding:16px; text-align:center; color:var(--muted);
}
.empty--error{ border-color:#fecaca; background:#fff1f2; color:#991b1b }

/* Skeleton */
.skeleton{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:14px;
}
.skeleton__line{
  height:12px;
  background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);
  background-size:200% 100%;
  border-radius:999px; margin:8px 0;
  animation:shimmer 1.4s linear infinite;
}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}