/* ===== Vetor Ops Board (minimal) ===== */

/* Headings de categoria */
.ops-cat-title{
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .95rem;
  margin: 0;
}

/* Lista limpa */
.ops-list{
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Itens com respiro */
.ops-item{
  padding: .55rem 0;
  line-height: 1.35;
}

/* Linha fina separadora */
.ops-item + .ops-item{
  margin-top: .25rem;
  border-top: 1px solid rgba(0,0,0,.12);
}

/* Dark theme */
[data-bs-theme="dark"] .ops-item + .ops-item{
  border-top-color: rgba(255,255,255,.16);
}

/* Painel desktop */
.ops-panel{
  padding: 1.25rem;
  height: 100%;
}

/* Cabeçalho do painel */
.ops-panel__head{
  padding-bottom: .9rem;
  margin-bottom: .9rem;
  border-bottom: 1px solid rgba(0,0,0,.12);
}

[data-bs-theme="dark"] .ops-panel__head{
  border-bottom-color: rgba(255,255,255,.16);
}

/* ===== Animação (compatível com seu script IO) ===== */
.anime-item{
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .55s ease, transform .55s ease;
  transition-delay: var(--anime-delay, 0ms);
  will-change: opacity, transform;
}

.anime-item.is-visible{
  opacity: 1;
  transform: translateY(0);
}