.elastic-mesh {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  touch-action: none;
  overflow: visible;
}

.elastic-mesh canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.dashboard-preview-section .border-glow {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  overflow: visible;
}

.dashboard-preview-section .border-glow::after,
.dashboard-preview-section .border-glow-halo {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* عرض كامل للقسم + توسيط — هامش الالتواء عبر FIT فقط (بدون إزاحة RTL) */
.dashboard-preview-section .elastic-mesh-host {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  aspect-ratio: 16 / 9;
  min-height: 360px;
  border-radius: 0;
  overflow: visible;
  border: none;
  background: transparent;
  filter:
    drop-shadow(0 28px 48px rgba(15, 23, 42, 0.42))
    drop-shadow(0 10px 18px rgba(15, 23, 42, 0.22));
}

.dashboard-preview-section .elastic-mesh-host .elastic-mesh,
.dashboard-preview-section .elastic-mesh-host.elastic-mesh {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.dashboard-preview-section img.dashboard-preview-fallback {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-inline: auto;
  border: none;
  border-radius: 14px;
  background: transparent;
  box-shadow:
    0 28px 48px rgba(15, 23, 42, 0.35),
    0 10px 18px rgba(15, 23, 42, 0.18);
}

.dashboard-preview-section.elastic-mesh-active img.dashboard-preview-fallback {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

@media (max-width: 900px) {
  .dashboard-preview-section .elastic-mesh-host {
    display: none !important;
  }
  .dashboard-preview-section.elastic-mesh-active img.dashboard-preview-fallback {
    position: static;
    width: 100%;
    height: auto;
    opacity: 1;
    pointer-events: auto;
    clip: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-preview-section .elastic-mesh-host {
    display: none !important;
  }
  .dashboard-preview-section.elastic-mesh-active img.dashboard-preview-fallback {
    position: static;
    width: 100%;
    height: auto;
    opacity: 1;
    pointer-events: auto;
    clip: auto;
  }
}