/* ══════════════════════════════════════════
   vrf-empty.css — Shared empty-state styles
   Used across all portals (site / admin / certifier)
══════════════════════════════════════════ */

.vrf-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  gap: 12px;
  text-align: center;
}

.vrf-empty-msg {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-muted, #94a3b8);
}

.vrf-empty-sub {
  margin: 0;
  font-size: 12.5px;
  color: var(--text-muted, #94a3b8);
  opacity: 0.72;
}

/* ── SVG animation classes ─────────────── */
@keyframes vrfEfloat {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-8px); }
}
@keyframes vrfEshad {
  0%, 100% { opacity: .42; }
  50%       { opacity: .1;  }
}

.vrf-empty-svg-fl { animation: vrfEfloat 3s ease-in-out infinite; }
.vrf-empty-svg-sh { animation: vrfEshad  3s ease-in-out infinite; }