/* Belirsiz cubuk — suresi BILINMEYEN sunucu isi (dosya cozme, toplu aktarim, tarama).
   Oran cubugu "ne kadari bitti" der; bu "suruyor, ne kadar surecegini bilmiyorum" der.
   Gorunurlugu htmx tasir: hx-indicator bu ogeyi gosterince .htmx-request eklenir. */

.p360-belirsiz {
  --p360-belirsiz-yuk: 4px;
  --p360-belirsiz-renk: var(--mac-blue);
  --p360-belirsiz-gecikme: 0.4s;
  display: none;
  grid-template-rows: 0fr;
}

/* Acilis gecikmeli: hizli donen cevapta cubuk hic acilmaz ve yer de kaplamaz
   (both dolgusu gecikme boyunca satiri 0fr'de tutar). Titremenin caresi budur. */
.p360-belirsiz.htmx-request {
  display: grid;
  animation: p360-belirsiz-ac 0.18s ease-out var(--p360-belirsiz-gecikme) both;
}

/* Izgara ogesinin tabani sifir olmali; dolgu bir alt katmanda durur. */
.p360-belirsiz-ic { min-height: 0; overflow: hidden; }

.p360-belirsiz-govde { padding-top: 8px; display: flex; flex-direction: column; gap: 6px; }

.p360-belirsiz-metin { font-size: 12.5px; color: var(--muted); }

.p360-belirsiz-yol {
  position: relative;
  height: var(--p360-belirsiz-yuk);
  border-radius: 999px;
  background: var(--gray-surface);
  overflow: hidden;
}

.p360-belirsiz-yol::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 38%;
  border-radius: inherit;
  background: var(--p360-belirsiz-renk);
  /* Duz hiz bilincli: yay egrisiyle supurgec turun yarisini yolun disinda geciriyor, cubuk olu gorunuyor. */
  animation: p360-belirsiz-supur 1.4s linear infinite;
}

@keyframes p360-belirsiz-ac {
  from { grid-template-rows: 0fr; }
  to   { grid-template-rows: 1fr; }
}

@keyframes p360-belirsiz-supur {
  from { left: -40%; }
  to   { left: 102%; }
}

/* Hareket azaltilmisken supurme yok, acilis da anlik; gecikme korunur ki hizli iste flas olmasin. */
@media (prefers-reduced-motion: reduce) {
  .p360-belirsiz.htmx-request { animation-duration: 0.01s; }
  .p360-belirsiz-yol::after { animation: none; left: 0; width: 100%; opacity: 0.45; }
}