/* Progress ve Spinner Animasyonlarını Tamamen Kaldır */
@keyframes no-spin {
   0%, 100% { transform: rotate(0) !important; }
}

/* Root seviyesinde animasyon engelleme */
:root {
  --animation-none: none !important;
}

/* Daha geniş seçici aralığı */
[class*="spinner"],
[class*="Spinner"],
[class*="progress"],
[class*="Progress"],
[class*="loading"],
[class*="Loading"],
[class*="loader"],
[class*="Loader"],
[role="progressbar"],
svg[class*="spin"],
svg[class*="circle"],
svg circle,
div[class*="spin"],
div[class*="circular"],
circle,
.MuiCircularProgress-root,
.MuiCircularProgress-svg, 
.MuiCircularProgress-circle,
.CircularProgressbar, 
.CircularProgressbar-path {
  animation: var(--animation-none) !important;
  opacity: 0 !important;
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  transform: scale(0) !important;
  transform-origin: center !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* Animasyon anahtarlarını hepten yok et */
@keyframes spinner { 0%, 100% { opacity: 0 !important; } }
@keyframes spin { 0%, 100% { opacity: 0 !important; } }
@keyframes rotating { 0%, 100% { opacity: 0 !important; } }
@keyframes loading { 0%, 100% { opacity: 0 !important; } }
@keyframes progress { 0%, 100% { opacity: 0 !important; } }
@keyframes rotation { 0%, 100% { opacity: 0 !important; } }
@keyframes circularIndeterminate { 0%, 100% { opacity: 0 !important; } }
@keyframes circularDeterminate { 0%, 100% { opacity: 0 !important; } }
@keyframes linearIndeterminate { 0%, 100% { opacity: 0 !important; } }
@keyframes linearDeterminate { 0%, 100% { opacity: 0 !important; } }

/* React fallback */
.fallback-loading {
  background-color: transparent;
  border: none;
}