/* SAHNE · ADAY TAKİP: SOĞUYAN ADAYI ISITMAK (includes/scenes/lead-tracking.php) — adımlar:
   s1 hatta Sevgi Aydın'ın adına tıklanır · s2 sayfa geçişi: profil sayfası (aday kartı) gelir · s3 «Ne konuşuldu?» yazılır ·
   s4 «Kaydet» → «Başarılı» (Tamam) → çizelgeye yeni satır, son temas 28.10.2026 · s5 sıradaki iş 03.11.2026 10:00 «Geri arama» ·
   s6 «Güncelle» → «Başarılı» → «soğuyor» kalkar · s7 «Hatta gör →» (geri sayfa geçişi): hat yeni veriyle açılır — Soğuyan 0,
   temas güncel, kart yeni bilgisiyle Şevval Özcan'ın altında.
   ZAMAN: data-times = s1…s6 süreleri (motor 6 değer okur; s7 = data-hold). s4 ve s6'da pencere .45–1.75 sn, sonuç --d 1.7 sn
   gecikmeyle 1.7–2.2 sn arasında iner; adım 2.7 / 2.8 sn sürer → sonuç kendi adımında en az .5 sn tek başına görünür. */
.ldt { container-type: inline-size; --d: 0s; --ldt-h: 476px; --ldt-kh: 135px; --ldt-nh: 40px;
  --ldt-am-50: #fffbeb; --ldt-am-100: #fef3c7; --ldt-am-300: #fcd34d; --ldt-am-800: #92400e; --ldt-am-900: #78350f;
  --ldt-ok: #047857; --ldt-red: #b91c1c; --ldt-z2: #e4e4e7; --ldt-z5: #71717a; --ldt-z6: #52525b; --ldt-z7: #3f3f46;
  --ldt-spring: cubic-bezier(.34, 1.56, .64, 1); }
.ldt.s1 { --d: .45s; } .ldt.s3 { --d: .4s; } .ldt.s4 { --d: 1.7s; } .ldt.s5 { --d: .45s; } .ldt.s6 { --d: 1.7s; }
.ldt-win { position: relative; height: var(--ldt-h); background: #f4f5f8; }
.ldt-i { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* çapraz geçiş: katmanlar aynı ızgara hücresinde üst üste; on-A-B = A. adımdan B. adıma kadar görünür */
.ldt-x { display: inline-grid; min-width: 0; }
.ldt-x > * { grid-area: 1 / 1; min-width: 0; }
.ldt [class*="on-"] { opacity: 0; transform: translateY(3px); transition: opacity .3s var(--ui-ease) var(--d), transform .35s var(--ui-ease) var(--d); }
.ldt:not(.s3) .on-0-3, .ldt.s3:not(.s4) .on-3-4, .ldt:not(.s4) .on-0-4, .ldt.s4 .on-4, .ldt:not(.s5) .on-0-5, .ldt.s5 .on-5,
.ldt:not(.s6) .on-0-6, .ldt.s6 .on-6, .ldt:not(.s7) .on-0-7, .ldt.s7 .on-7 { opacity: 1; transform: none; }

/* imleç: .ldt-hit tıklama noktasıdır; ok ucu tam orada, halka dalgası çevresinde */
.ldt-hit { position: absolute; z-index: 7; width: 0; height: 0; pointer-events: none; }
.ldt-hit .ui-cur { left: -5px; top: -3px; transform: translate(14px, 12px); transition: opacity .2s var(--ui-ease); }
.ldt-rip { position: absolute; left: -11px; top: -11px; width: 22px; height: 22px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(29, 79, 134, .55); opacity: 0; }
@keyframes ldt-cur { 0% { opacity: 0; transform: translate(14px, 12px); } 34% { opacity: 1; transform: none; scale: 1; } 50% { scale: .8; } 64%, 100% { opacity: 1; transform: none; scale: 1; } }
@keyframes ldt-cur-out { 0% { opacity: 0; transform: translate(14px, 12px); } 30% { opacity: 1; transform: none; scale: 1; } 44% { scale: .8; } 56% { scale: 1; } 76% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes ldt-rip { 0% { opacity: 0; scale: .25; } 12% { opacity: .9; } 100% { opacity: 0; scale: 1.7; } }
@keyframes ldt-push { 50% { scale: .94; } }
@keyframes ldt-sw { 0% { opacity: 0; } 12%, 84% { opacity: 1; } 100% { opacity: 0; } }
@keyframes ldt-swc { 0% { scale: .72; } 14% { scale: 1.03; } 22%, 84% { scale: 1; } 100% { scale: .95; } }
@keyframes ldt-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes ldt-blink { 50% { opacity: 0; } }
@keyframes ldt-glow { 0% { background-color: #e8f0fa; box-shadow: inset 2px 0 0 var(--navy-soft), 0 0 0 1px #c9d9ee; } 100% { background-color: #fff; box-shadow: inset 2px 0 0 transparent, 0 0 0 1px #f0f1f3; } }

/* ── rozetler ── */
.ldt-st { flex: none; display: inline-flex; align-items: center; height: 17px; padding: 0 5px; border-radius: 4px; font-style: normal; font-size: 10px; font-weight: 800; line-height: 1; white-space: nowrap; }
.ldt-st--sky { background: #e0f2fe; color: #075985; } .ldt-st--amber { background: var(--ldt-am-100); color: var(--ldt-am-900); }
.ldt-st--violet { background: #ede9fe; color: #5b21b6; } .ldt-st--emerald { background: #d1fae5; color: #065f46; }
.ldt-cool { flex: none; display: inline-flex; align-items: center; gap: 3px; height: 17px; padding: 0 5px; border-radius: 4px; background: var(--ldt-am-100); color: var(--ldt-am-900);
  font-style: normal; font-size: 10px; font-weight: 800; white-space: nowrap; transition: opacity .3s var(--ui-ease) var(--d), scale .4s var(--ui-ease) var(--d); }
.ldt-cool .ldt-i { width: 11px; height: 11px; stroke-width: 2.2; }
.ldt.s7 .ldt-k--sev .ldt-cool, .ldt.s6 .ldt-cool--k { opacity: 0; scale: .6; }

/* ══ HAT ══ */
.ldt-hat { position: absolute; inset: 0; padding: 10px 10px 0; }
.ldt-bk { border-radius: 14px; background: #fff; overflow: hidden; box-shadow: 0 0 0 1px var(--ui-line), 0 1px 2px rgba(16, 37, 64, .05), 0 10px 24px -18px rgba(16, 37, 64, .4); }
.ldt-band { display: flex; align-items: center; gap: 10px; height: 54px; padding: 0 12px; color: #fff;
  background: linear-gradient(120deg, var(--navy-night), var(--navy) 55%, var(--navy-soft)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12); }
.ldt-ico { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(255, 255, 255, .13); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
.ldt-ico .ldt-i { width: 18px; height: 18px; stroke-width: 1.8; }
.ldt-ttl { flex: 1; min-width: 0; }
.ldt-ttl b { display: block; font-size: 15.5px; font-weight: 800; line-height: 20px; letter-spacing: -.015em; }
.ldt-ttl small { display: block; font-size: 11px; font-weight: 600; line-height: 15px; color: rgba(255, 255, 255, .84); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ldt-ttl u { text-decoration-color: rgba(255, 255, 255, .45); text-underline-offset: 2px; }
.ldt-desc { display: none; }
.ldt-new { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: 8px; background: #fff; color: var(--navy); font-size: 11.5px; font-weight: 800; white-space: nowrap;
  box-shadow: 0 1px 2px rgba(11, 36, 64, .25); }
.ldt-new .ldt-i { width: 14px; height: 14px; }

.ldt-flt { display: none; align-items: center; gap: 6px; height: 44px; padding: 0 10px; border-top: 1px solid #f1f1f3; }
.ldt-fi { flex: none; display: inline-flex; align-items: center; justify-content: space-between; gap: 6px; height: 28px; padding: 0 8px 0 9px; border-radius: 8px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--ldt-z2); font-size: 11px; font-weight: 700; color: var(--ldt-z7); white-space: nowrap; }
.ldt-fi .ldt-i { width: 13px; height: 13px; color: var(--ldt-z5); }
.ldt-fi--q { flex: 1; min-width: 0; justify-content: flex-start; color: #8a8f99; font-weight: 600; }
.ldt-suz { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px; border-radius: 8px; background: var(--navy-soft); color: #fff; font-size: 11px; font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 1px 2px rgba(16, 37, 64, .2); }
.ldt-suz .ldt-i { width: 12px; height: 12px; }

.ldt-oz { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 10px; border-top: 1px solid #f1f1f3; }
.ldt-chip { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 999px; font-size: 11.5px; font-weight: 800;
  background: var(--ldt-am-50); color: var(--ldt-am-900); box-shadow: inset 0 0 0 1px var(--ldt-am-300);
  transition: background-color .35s var(--ui-ease) var(--d), color .35s var(--ui-ease) var(--d), box-shadow .35s var(--ui-ease) var(--d); }
.ldt-chip .ldt-i { width: 13px; height: 13px; }
.ldt-chip__n b { font-weight: 800; opacity: .8; font-variant-numeric: tabular-nums; }
.ldt.s7 .ldt-chip { background: #fff; color: var(--ldt-z7); box-shadow: inset 0 0 0 1px var(--ldt-z2); }
.ldt-msg { flex: 1; min-width: 0; font-size: 11px; font-weight: 600; line-height: 14px; }
.ldt-msg--w { color: var(--ldt-am-800); }
.ldt-msg--ok { display: flex; align-items: flex-start; gap: 4px; color: var(--ldt-ok); }
.ldt-msg--ok .ldt-i { width: 13px; height: 13px; margin-top: 1px; }
.ldt-dn { flex: none; display: inline-flex; align-items: center; gap: 4px; font-size: 10.5px; font-weight: 600; color: var(--ldt-z6); white-space: nowrap; }
.ldt-dn .ldt-i { width: 13px; height: 13px; color: #059669; }
.ldt-dn b { font-weight: 800; color: #18181b; font-variant-numeric: tabular-nums; }

.ldt-seg { display: flex; align-items: center; gap: 4px; height: 36px; margin-top: 8px; padding: 0 3px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px var(--ui-line), 0 1px 2px rgba(16, 37, 64, .04); }
.ldt-seg > span { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-radius: 9px; font-size: 12px; font-weight: 800; color: var(--ldt-z6); white-space: nowrap; }
.ldt-seg .ldt-i { width: 14px; height: 14px; }
.ldt-seg__on { background: var(--navy-soft); color: #fff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 2px 6px -2px rgba(20, 61, 107, .6); }
.ldt-seg__on em { display: grid; place-items: center; min-width: 20px; height: 17px; padding: 0 5px; border-radius: 999px; background: rgba(255, 255, 255, .2); font-style: normal; font-size: 10.5px; font-weight: 800; font-variant-numeric: tabular-nums; }

/* hat sütunları */
.ldt-cols { position: relative; display: flex; gap: 8px; margin-top: 8px; }
.ldt-hat::before { content: ""; position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; height: 14px; background: linear-gradient(rgba(244, 245, 248, 0), #f4f5f8); pointer-events: none; }
.ldt-col { flex: none; width: calc((100% - 16px) / 3); min-width: 0; padding: 0 6px 6px; border-radius: 14px; background: #fafafb; box-shadow: inset 0 0 0 1px var(--ldt-z2); }
.ldt-col:nth-child(4) { display: none; }
.ldt-col__h { display: flex; align-items: center; gap: 7px; height: 30px; padding: 0 4px; font-variant-numeric: tabular-nums; }
.ldt-col__h > b { font-size: 11px; font-weight: 800; color: var(--ldt-z6); }
.ldt-col__h > span { margin-left: auto; font-size: 10.5px; font-weight: 700; color: var(--ldt-z5); }
.ldt-empty { display: block; padding: 12px 4px; text-align: center; font-size: 10.5px; font-weight: 700; color: var(--ldt-z5); }
.ldt-fv { position: relative; }
.ldt-fv > .ldt-k { height: var(--ldt-kh); }
.ldt-k { position: relative; display: block; margin-top: 6px; padding: 8px 9px; border-radius: 12px; background: #fff;
  box-shadow: 0 0 0 1px var(--ldt-z2), 0 1px 2px rgba(16, 37, 64, .05), inset 0 1px 0 rgba(255, 255, 255, .6); }
.ldt-col__h + .ldt-k, .ldt-fv > .ldt-k:first-child { margin-top: 0; }
.ldt-k__h { display: flex; align-items: center; gap: 8px; height: 18px; }
.ldt-cb { flex: none; width: 14px; height: 14px; border-radius: 4px; background: #fff; box-shadow: inset 0 0 0 1.5px #c9ccd3; }
.ldt-k__h b { position: relative; min-width: 0; font-size: 12.5px; font-weight: 800; color: #18181b; white-space: nowrap; overflow: visible; letter-spacing: -.005em;
  text-decoration: underline transparent; text-underline-offset: 2px; transition: color .25s var(--ui-ease) var(--d), text-decoration-color .25s var(--ui-ease) var(--d); }
.ldt-k__b { display: flex; align-items: center; gap: 4px; height: 17px; margin: 4px 0 0 22px; }
.ldt-dl { display: block; margin: 5px 0 0 22px; font-size: 10.5px; line-height: 12.5px; font-weight: 700; color: var(--ldt-z6); font-variant-numeric: tabular-nums; }
.ldt-dl > span { display: block; }
.ldt-dl i { font-style: normal; }
.ldt-dl b { font-weight: 700; color: var(--ldt-z7); }
.ldt-dl > .ldt-x { display: grid; }
.ldt-dl > .ldt-x > span { display: block; }
/* s7'de eski satırın (2 satırlık iş bilgisi) yüksekliği de kapanır: «Teklif» satırı boşluk bırakmadan yukarıda durur */
.ldt-dl > .ldt-x > .on-0-7 { max-height: 40px; overflow: hidden; }
.ldt.s7 .ldt-dl > .ldt-x > .on-0-7 { max-height: 0; }
.ldt-late { color: var(--ldt-red) !important; }
.ldt-dl .ldt-late { color: var(--ldt-red); }

/* soğuyan kart: kehribar çerçeve; s1'de ada tıklanır; s7'de sayfa yeni veriyle gelir: bilgi tazelenmiş, kart sıralamada
   Şevval Özcan'ın altında. «Hatta gör →» düz bağlantıdır, hat canlı güncellenmez: s7'de hattaki bütün değişiklikler hat
   görünmezken (s2–s6 sönük, s7'de .5 sn sonra belirir) geçişsiz olur → hat ilk karesinden yeni durumla açılır. */
.ldt-k--sev { z-index: 2; box-shadow: 0 0 0 2px var(--ldt-am-300), 0 1px 2px rgba(16, 37, 64, .05), 0 10px 18px -14px rgba(180, 120, 10, .55); }
.ldt.s7 .ldt-k--sev { box-shadow: 0 0 0 1px var(--ldt-z2), 0 1px 2px rgba(16, 37, 64, .05), inset 0 1px 0 rgba(255, 255, 255, .6); translate: 0 calc(100% + 6px); }
.ldt.s7 .ldt-k--sev2 { translate: 0 calc(-100% - 6px); }
.ldt.s7 .ldt-hat * { transition: none; }
.ldt.s1:not(.s7) .ldt-nm { color: var(--navy-soft); text-decoration-color: currentColor; }
.ldt-nm .ldt-hit { left: 48px; top: 11px; }
.ldt.s1:not(.s2) .ldt-hit--name .ui-cur { animation: ldt-cur .8s var(--ui-ease) both; }
.ldt.s1:not(.s2) .ldt-hit--name .ldt-rip { animation: ldt-rip .55s ease-out .38s both; }

/* ══ ADAY KARTI = AYRI SAYFA ══ ad bağlantısı profil sayfasına gider (admin-crm.php:197–201), «Hatta gör →» düz bağlantı
   (admin-student-edit.php:3329): pencere/çekmece YOK. İki sayfa aynı alanı tam kaplar, çapraz geçer: ileri giderken hat sola
   çekilip söner, profil sağdan gelir; s7'de tersi. Karartma yok. */
.ldt-hat { transition: opacity .3s var(--ui-ease), translate .45s var(--ui-ease); }
.ldt.s2:not(.s7) .ldt-hat { opacity: 0; translate: -16px 0; transition-delay: .05s; }
.ldt.s7 .ldt-hat { transition: opacity .35s var(--ui-ease) .5s, translate .5s var(--ui-ease) .45s; }
.ldt-card { position: absolute; z-index: 10; inset: 0; display: flex; flex-direction: column; background: #f6f7f9; overflow: hidden;
  opacity: 0; translate: 16px 0; transition: opacity .3s var(--ui-ease), translate .45s var(--ui-ease); }
.ldt.s2:not(.s7) .ldt-card { opacity: 1; translate: 0 0; transition-delay: .15s; }
.ldt.s7 .ldt-card { opacity: 0; translate: 16px 0; transition: opacity .3s var(--ui-ease) .45s, translate .45s var(--ui-ease) .45s; }
.ldt-ph { flex: none; display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 12px; color: #fff;
  background: linear-gradient(120deg, var(--navy-night), var(--navy) 55%, var(--navy-soft)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12); }
.ldt-av { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: rgba(255, 255, 255, .14); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3); font-size: 14px; font-weight: 800; }
.ldt-ph__t { flex: 1; min-width: 0; }
.ldt-ph__t small { display: block; font-size: 10px; font-weight: 800; line-height: 12px; letter-spacing: .07em; text-transform: uppercase; color: rgba(255, 255, 255, .72); }
.ldt-ph__t b { display: block; font-size: 14px; font-weight: 800; line-height: 18px; letter-spacing: -.01em; }
.ldt-ph__tab { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 9px; border-radius: 8px; background: rgba(255, 255, 255, .14); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .26); font-size: 11px; font-weight: 800; white-space: nowrap; }
.ldt-ph__tab .ldt-i { width: 13px; height: 13px; }
.ldt-body { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 8px 10px 0; }

.ldt-at { flex: none; padding: 7px 10px 10px; border-radius: 12px; background: #fff;
  box-shadow: 0 0 0 2px var(--ldt-am-300), 0 1px 2px rgba(16, 37, 64, .05); transition: box-shadow .4s var(--ui-ease) var(--d); }
.ldt.s6 .ldt-at { box-shadow: 0 0 0 1px var(--ui-line), 0 1px 2px rgba(16, 37, 64, .05); }
.ldt-at__h { display: flex; align-items: center; gap: 5px; height: 22px; }
.ldt-at__h > b { position: relative; padding-left: 9px; margin-right: 2px; font-size: 12.5px; font-weight: 800; white-space: nowrap; color: #18181b; }
.ldt-at__h > b::before { content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 3px; border-radius: 2px; background: var(--navy-soft); }
.ldt-back { position: relative; flex: none; margin-left: auto; font-size: 10.5px; font-weight: 800; color: var(--navy-soft); white-space: nowrap; }
.ldt-back .ldt-hit { left: 30px; top: 11px; }
.ldt.s7 .ldt-hit--back .ui-cur { animation: ldt-cur-out .8s var(--ui-ease) both; }
.ldt.s7 .ldt-hit--back .ldt-rip { animation: ldt-rip .5s ease-out .3s both; }
.ldt-kn { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 5px; }
.ldt-kn__c { min-width: 0; }
.ldt-kn__c small { display: block; font-size: 10px; font-weight: 800; line-height: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--ldt-z6); }
.ldt-kn__c b { display: block; font-size: 12px; font-weight: 800; line-height: 16px; color: #18181b; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ldt-kn__c i { display: block; font-style: normal; font-size: 10px; font-weight: 700; line-height: 13px; color: var(--ldt-z6); white-space: nowrap; }
.ldt-kn__c > .ldt-x { display: grid; }

.ldt-forms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 8px; padding-top: 8px; border-top: 1px dashed #d4d4d8; }
.ldt-f { position: relative; min-width: 0; padding: 8px 9px; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px var(--ui-line); }
.ldt-f__t { display: block; margin-bottom: 6px; font-size: 10px; font-weight: 800; line-height: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--ldt-z6); }
.ldt-f__r { display: flex; flex-direction: column; gap: 6px; }
.ldt-in { position: relative; display: flex; align-items: center; gap: 6px; height: 26px; padding: 0 8px; border-radius: 8px; background: #fff; min-width: 0;
  box-shadow: inset 0 0 0 1px var(--ui-line-2); font-size: 11px; font-weight: 700; color: #18181b; white-space: nowrap; font-variant-numeric: tabular-nums;
  transition: box-shadow .3s var(--ui-ease) var(--d); }
.ldt-in .ldt-x { flex: 1; }
.ldt-in .ldt-i { width: 12px; height: 12px; color: var(--ldt-z5); }
.ldt-in--sel { flex: none; justify-content: space-between; }
.ldt-in--oz { flex: none; }
.ldt-ph0 { color: #8a8f99; font-weight: 600; }
.ldt.s4 .ldt-in--oz [class*="on-"] { transition-delay: .5s; }
.ldt.s3:not(.s4) .ldt-in--oz, .ldt.s5:not(.s6) .ldt-in--dt { box-shadow: inset 0 0 0 1px var(--navy-soft), 0 0 0 3px rgba(29, 79, 134, .15); }
.ldt.s4 .ldt-in--oz { transition-delay: .3s; }
.ldt-typed { position: relative; display: block; justify-self: start; }
.ldt-typed__t { display: block; clip-path: inset(0 100% 0 0); transition: clip-path .9s steps(34, end) .45s; }
.ldt.s3 .ldt-typed__t { clip-path: inset(0 0 0 0); }
.ldt-caret { position: absolute; top: 2px; bottom: 2px; left: 0; width: 1px; background: #18181b; transition: left .9s steps(34, end) .45s; }
.ldt.s3 .ldt-caret { left: 100%; animation: ldt-blink 1s steps(1) 1.4s infinite; }
.ldt-in--oz .ldt-hit { left: 46%; top: 15px; }
.ldt.s3:not(.s4) .ldt-hit--ozet .ui-cur { animation: ldt-cur-out 1s var(--ui-ease) both; }
.ldt.s3:not(.s4) .ldt-hit--ozet .ldt-rip { animation: ldt-rip .55s ease-out .38s both; }

.ldt-btn { position: relative; display: inline-flex; align-items: center; gap: 5px; height: 26px; margin-top: 6px; padding: 0 11px; border-radius: 8px; font-size: 11px; font-weight: 800; color: #fff; white-space: nowrap;
  background: linear-gradient(135deg, var(--navy-soft), var(--navy)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 1px 2px rgba(16, 37, 64, .2), 0 6px 12px -8px rgba(20, 61, 107, .75); }
.ldt-btn .ldt-i { width: 13px; height: 13px; }
.ldt-btn--2 { color: var(--navy); background: #eef3fa; box-shadow: inset 0 0 0 1px #b9cbe2, 0 1px 1px rgba(16, 37, 64, .04); }
.ldt-btn .ldt-hit { right: 16px; bottom: 7px; }
.ldt.s4:not(.s5) .ldt-f--a .ldt-btn { animation: ldt-push .3s var(--ui-ease) .3s; }
.ldt.s4:not(.s5) .ldt-hit--kaydet .ui-cur { animation: ldt-cur-out .8s var(--ui-ease) both; }
.ldt.s4:not(.s5) .ldt-hit--kaydet .ldt-rip { animation: ldt-rip .5s ease-out .32s both; }
.ldt.s6:not(.s7) .ldt-btn--2 { animation: ldt-push .3s var(--ui-ease) .3s; }
.ldt.s6:not(.s7) .ldt-hit--guncelle .ui-cur { animation: ldt-cur-out .8s var(--ui-ease) both; }
.ldt.s6:not(.s7) .ldt-hit--guncelle .ldt-rip { animation: ldt-rip .5s ease-out .32s both; }
.ldt-f__n { display: block; margin-top: 5px; font-size: 10px; font-weight: 700; line-height: 13px; color: var(--ldt-z6); }
.ldt-f__r--b { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
.ldt-fl { min-width: 0; }
.ldt-fl--as { grid-column: 1 / -1; }
.ldt-fl small { display: block; margin-bottom: 2px; font-size: 10px; font-weight: 700; line-height: 12px; color: var(--ldt-z7); white-space: nowrap; }
.ldt-in--dt { justify-content: space-between; }
.ldt.s5 .ldt-in--nt [class*="on-"] { transition-delay: .75s; }
.ldt-in--dt .ldt-hit { left: 40%; top: 15px; }
.ldt.s5:not(.s6) .ldt-hit--tarih .ui-cur { animation: ldt-cur-out 1s var(--ui-ease) both; }
.ldt.s5:not(.s6) .ldt-hit--tarih .ldt-rip { animation: ldt-rip .55s ease-out .38s both; }

/* zaman çizelgesi: yeni satır üstte gizli bekler (liste yukarı kaydırılmış), s4'te yerine iner */
.ldt-tl { flex: 1; min-height: 0; display: flex; flex-direction: column; margin-top: 8px; padding: 7px 8px 0; border-radius: 12px 12px 0 0; background: #fff; box-shadow: 0 0 0 1px var(--ui-line); }
.ldt-tl__h { flex: none; height: 18px; font-size: 10px; font-weight: 800; line-height: 18px; letter-spacing: .06em; text-transform: uppercase; color: var(--ldt-z5); }
.ldt-tl__n { vertical-align: top; }
.ldt-tl__v { position: relative; flex: 1; min-height: 0; margin-top: 4px; overflow: hidden; }
.ldt-tl__v::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 18px; background: linear-gradient(rgba(255, 255, 255, 0), #fff); }
.ldt-tl__l { translate: 0 calc(-1 * (var(--ldt-nh) + 5px)); transition: translate .5s var(--ui-ease) var(--d); }
.ldt.s4 .ldt-tl__l { translate: 0 0; }
.ldt-ev { display: flex; gap: 8px; margin-bottom: 5px; padding: 6px 8px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px #f0f1f3; }
.ldt-ev--new { height: var(--ldt-nh); align-items: center; opacity: 0; transition: opacity .35s var(--ui-ease) var(--d); }
.ldt.s4 .ldt-ev--new { opacity: 1; animation: ldt-glow 1.6s ease-out 2.1s both; }
.ldt-ev__i { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: #f4f4f5; color: var(--ldt-z7); }
.ldt-ev__i .ldt-i { width: 13px; height: 13px; }
.ldt-ev--new .ldt-ev__i { background: var(--ui-primary-soft); color: var(--navy-soft); }
.ldt-ev__b { flex: 1; min-width: 0; }
.ldt-ev__h { display: flex; align-items: baseline; gap: 6px; line-height: 15px; white-space: nowrap; }
.ldt-ev__h b { font-size: 11.5px; font-weight: 800; color: #18181b; }
.ldt-ev__h small { font-size: 10px; font-weight: 700; color: var(--ldt-z6); font-variant-numeric: tabular-nums; }
.ldt-ev__h em { align-self: center; height: 15px; padding: 0 4px; border-radius: 4px; background: #f4f4f5; font-style: normal; font-size: 10px; font-weight: 800; line-height: 15px; color: var(--ldt-z7); }
.ldt-ev__m { display: block; font-size: 11px; font-weight: 500; line-height: 14px; color: var(--ldt-z7); }
.ldt-ev__a { display: block; margin-top: 1px; font-size: 10.5px; font-weight: 800; line-height: 13px; color: #27272a; font-variant-numeric: tabular-nums; }

/* ══ BAŞARI İLETİSİ (SweetAlert): belirir, imleç «Tamam»a basar, kapanır ══
   Adımın kendi sınıfına bağlı (.s4 / .s6, «:not(.s5)» değil): sonraki adım gelse de pencere yarıda kesilmez, kendi sonunda
   (son kare opacity 0) kalır. Hareket azaltmada (.is-static) animasyon yok → pencere hiç görünmez. */
.ldt-sw { position: absolute; z-index: 20; inset: 0; display: grid; place-items: center; padding: 16px; background: rgba(13, 23, 38, .4); opacity: 0; pointer-events: none; }
.ldt-sw__c { position: relative; display: flex; flex-direction: column; align-items: center; width: min(272px, 100%); padding: 18px 16px 14px; border-radius: 14px; background: #fff; text-align: center;
  box-shadow: 0 0 0 1px rgba(16, 37, 64, .06), 0 24px 48px -16px rgba(13, 23, 38, .55); }
.ldt-sw__i { width: 46px; height: 46px; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ldt-sw__i circle { stroke: #a5dc86; stroke-width: 3; opacity: .55; }
.ldt-sw__i path { stroke: #4caf50; stroke-width: 3.6; stroke-dasharray: 1; stroke-dashoffset: 1; }
.ldt-sw__c > b { margin-top: 8px; font-size: 17px; font-weight: 800; line-height: 22px; color: #18181b; letter-spacing: -.01em; }
.ldt-sw__c > span:not(.ldt-sw__ok) { margin-top: 4px; font-size: 12px; font-weight: 600; line-height: 16px; color: #3f3f46; }
.ldt-sw__ok { position: relative; display: grid; place-items: center; height: 30px; margin-top: 12px; padding: 0 18px; border-radius: 8px; background: #18181b; color: #fff; font-size: 12px; font-weight: 700; }
.ldt-sw__ok .ldt-hit { right: 16px; bottom: 9px; }
.ldt.s4 .ldt-sw--1, .ldt.s6 .ldt-sw--2 { animation: ldt-sw 1.3s linear .45s both; }
.ldt.s4 .ldt-sw--1 .ldt-sw__c, .ldt.s6 .ldt-sw--2 .ldt-sw__c { animation: ldt-swc 1.3s var(--ui-ease) .45s both; }
.ldt.s4 .ldt-sw--1 .ldt-sw__i path, .ldt.s6 .ldt-sw--2 .ldt-sw__i path { animation: ldt-draw .35s ease-out .7s both; }
.ldt.s4 .ldt-hit--ok1 .ui-cur, .ldt.s6 .ldt-hit--ok2 .ui-cur { animation: ldt-cur-out .7s var(--ui-ease) .85s both; }
.ldt.s4 .ldt-hit--ok1 .ldt-rip, .ldt.s6 .ldt-hit--ok2 .ldt-rip { animation: ldt-rip .45s ease-out 1.12s both; }

/* ── ARA GENİŞLİK: iki sütun, süzgeçte sorumlu yok, dönüşüm gizli ── */
@container (max-width: 620px) {
  /* iki form yan yana sığmaz: aynı hücrede sırayla (önce Temas kaydet, s5'te Sıradaki iş) */
  .ldt-forms { grid-template-columns: minmax(0, 1fr); }
  .ldt-f { grid-area: 1 / 1; transition: opacity .3s var(--ui-ease), translate .4s var(--ui-ease); }
  .ldt-f--b { opacity: 0; translate: 10px 0; }
  .ldt.s5 .ldt-f--a { opacity: 0; translate: -10px 0; }
  .ldt.s5 .ldt-f--b { opacity: 1; translate: 0 0; }
}
@container (max-width: 600px) {
  .ldt-win { --ldt-kh: 122px; }
  .ldt-col { width: calc((100% - 8px) / 2); }
  .ldt-col:nth-child(3) { display: none; }
  .ldt-fi--so, .ldt-dn { display: none; }
}
@container (min-width: 760px) {
  .ldt-desc { display: inline; }
  .ldt-flt { display: flex; }
}
/* ── TELEFON GENİŞLİĞİ: tek sütun yığın, formlar sırayla aynı hücrede ── */
@container (max-width: 470px) {
  .ldt-hat { padding: 8px 8px 0; }
  .ldt-band { height: 50px; padding: 0 12px; }
  .ldt-ico, .ldt-new { display: none; }
  .ldt-ttl b { font-size: 14.5px; line-height: 19px; }
  .ldt-oz { padding: 7px 10px; align-items: center; }
  .ldt-msg { font-size: 10.5px; line-height: 13px; }
  /* uygulama telefonda aşamaları alt alta dizer: Fiyat Verildi'nin altında Bilgi Alma başlar, alttaki soluklaşmayla kesilir */
  .ldt-cols { flex-direction: column; }
  .ldt-col { width: 100%; }
  .ldt-fv > .ldt-k { height: auto; }
  .ldt-ph { height: 42px; padding: 0 10px; }
  .ldt-ph__tab { padding: 0 8px; font-size: 10.5px; }
  .ldt-body { padding: 8px 8px 0; }
  .ldt-at { padding: 7px 9px 9px; }
  .ldt-at__h { gap: 4px; }
  .ldt-at__h > b { padding-left: 8px; font-size: 12px; }
  .ldt-kn { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); row-gap: 5px; }
  .ldt-kn__c--is { grid-column: 1 / -1; }
  .ldt-kn__c--is > .ldt-x > span { display: flex; align-items: baseline; gap: 6px; }
  .ldt-f__r--b { display: grid; }
  .ldt-in { font-size: 10.5px; padding: 0 7px; }
}