[data-portal-loading] {
  position: fixed; inset: 0; z-index: 100000;
  display: grid; place-items: center; pointer-events: none;
}
[data-portal-loading][hidden] { display: none !important; }
.portal-loading-card {
  display: grid; justify-items: center; gap: 12px;
  padding: 20px 30px; border: 1px solid #dce3ef; border-radius: 14px;
  background: #fff; color: #17213a; font: 600 14px/1.4 system-ui, sans-serif;
  box-shadow: 0 8px 35px #17213a30;
}
.portal-loading-logo { display: block; width: 56px; height: 56px; object-fit: contain; animation: expofarm-loading-spin 1.2s linear infinite; }
.modal-loading::before {
  content: ''; display: block; width: 44px; height: 44px; margin: 0 auto 12px;
  background: url('/assets/expofarm-loading.png?v=1') center/contain no-repeat;
  animation: expofarm-loading-spin 1.2s linear infinite;
}
@keyframes expofarm-loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .portal-loading-logo, .modal-loading::before { animation: none; }
}