/* SAHNE · DEMİRBAŞ: BİRİMİ DEVRET → GEÇMİŞ → ZİMMET TESLİM FORMU (includes/scenes/fixed-assets.php) — adımlar:
   s0 birim açık (zimmetli İlker Sevim) · s1 «Yeni zimmet» açılır · s2 İrem Yücel seçilir · s3 nota «teslim alındı» yazılır ·
   s4 «Devret & kaydet» → «İşleniyor…» · s5 sayfa yenilenir: «Devir kaydedildi.», özet + tablo İrem Yücel ·
   s6 sayfa «Geçmiş»e kayar: yeni satır «hâlâ · 0 gün», eski zimmet «413 gün» · s7 «Zimmet formu» simgesi (dar kapta kartın
   bağlantısı) · s8 Zimmet Teslim Formu.
   Sağ sütunun kayma miktarları kart yüksekliklerinden HESAPLANIR (sabit kart boyları, değişkenler pencerede). */

.fxa { container-type: inline-size; --d: 0s; --fxa-spring: cubic-bezier(.34, 1.56, .64, 1);
  --fxa-ok: #047857; --fxa-ok-ink: #065f46; --fxa-sky: #0369a1; --fxa-z3: #52525b; --fxa-z4: #71717a; --fxa-zl: #e4e4e7;
  --fxa-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace; }
.fxa.s1 { --d: .5s; } .fxa.s2 { --d: .42s; } .fxa.s3 { --d: .45s; } .fxa.s4 { --d: .42s; } .fxa.s5 { --d: .3s; } .fxa.s6 { --d: .7s; } .fxa.s7 { --d: .6s; } .fxa.s8 { --d: 0s; }
.fxa-i { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* kap sorgusu torunları biçimler: ölçü değişkenleri pencerede */
.fxa-win { position: relative; display: flex; flex-direction: column; height: var(--fxa-h);
  --fxa-h: 470px; --g: 8px; --hm2: 0px; --hu: 114px; --hd: 220px; --hg: 172px; --hf: 38px; --rw: 284px;
  /* görünen sağ sütun: pencere − kenar − bant − sekmeler − ana alan çizgisi − üst boşluk */
  --V: calc(var(--fxa-h) - 2px - 58px - 34px - 9px - 10px);
  --o1: max(0px, calc(var(--hm2) + var(--hu) + var(--g) + var(--hd) - var(--V) + 2px));
  /* s6 kesimi Devret kartında «Yeni zimmet» kutusunun altı (107) ile Bina/Oda etiketleri (112) arasındaki boşluğa düşer */
  --o6: calc(var(--hm2) + var(--hu) + var(--g) + 109px);
  --o7: var(--o6); }

/* çapraz geçiş: iki durum aynı ızgara hücresinde üst üste (a = önce, b = sonra; adımları aşağıda) */
.fxa-x { display: inline-grid; min-width: 0; vertical-align: top; }
.fxa-x > * { grid-area: 1 / 1; min-width: 0; transition: opacity .28s var(--ui-ease) var(--d), translate .34s var(--ui-ease) var(--d); }
.fxa-x > .fxa-b { opacity: 0; translate: 0 4px; }

/* imleç: .fxa-hit tıklama noktası; ok ucu tam orada, halka dalgası çevresinde */
.fxa-hit { position: absolute; z-index: 7; width: 0; height: 0; pointer-events: none; }
.fxa-hit .ui-cur { left: -5px; top: -3px; transform: translate(16px, 14px); }
.fxa-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 fxa-cur { 0% { opacity: 0; transform: translate(16px, 14px); } 40% { opacity: 1; transform: none; scale: 1; } 52% { scale: .8; } 64%, 100% { opacity: 1; transform: none; scale: 1; } }
@keyframes fxa-cur-out { 0% { opacity: 0; transform: translate(16px, 14px); } 34% { opacity: 1; transform: none; scale: 1; } 46% { scale: .8; } 58% { scale: 1; } 78% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } }
@keyframes fxa-rip { 0% { opacity: 0; scale: .25; } 12% { opacity: .9; } 100% { opacity: 0; scale: 1.7; } }
@keyframes fxa-push { 50% { scale: .95; } }

/* ── başlık bandı (kurum rengi) ── */
.fxa-band { flex: none; display: flex; align-items: center; gap: 10px; height: 48px; margin: 10px 10px 0; padding: 0 10px 0 9px; border-radius: 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), 0 1px 2px rgba(11, 36, 64, .18), 0 10px 20px -14px rgba(11, 36, 64, .7); }
.fxa-ico { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: rgba(255, 255, 255, .13); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2); }
.fxa-ico .fxa-i { width: 17px; height: 17px; stroke-width: 1.8; }
.fxa-ttl { flex: 1; min-width: 0; line-height: 1.2; }
.fxa-ttl b { display: block; font-size: 14.5px; font-weight: 800; letter-spacing: -.01em; white-space: nowrap; }
.fxa-ttl small { display: block; margin-top: 2px; font-size: 10px; font-weight: 600; color: rgba(255, 255, 255, .8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fxa-new { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px 0 8px; border-radius: 8px; background: #fff; color: var(--navy); font-size: 11px; font-weight: 800;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .18), inset 0 -1px 0 rgba(16, 37, 64, .08); }
.fxa-new .fxa-i { width: 13px; height: 13px; stroke-width: 2.4; }

/* bölüm yongaları (Envanter · Birimler · …) */
.fxa-tabs { flex: none; display: flex; gap: 6px; height: 26px; margin: 8px 10px 0; overflow: hidden; }
.fxa-tab { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px 0 8px; border-radius: 999px; background: #fff; font-size: 11px; font-weight: 700; color: #3f3f46;
  box-shadow: inset 0 0 0 1px var(--fxa-zl), 0 1px 1px rgba(16, 37, 64, .04); }
.fxa-tab .fxa-i { width: 12px; height: 12px; color: #71717a; }
.fxa-tab.is-on { background: var(--navy); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 3px 8px -4px rgba(16, 37, 64, .6); }
.fxa-tab.is-on .fxa-i { color: #fff; }

/* ── ana alan ── */
.fxa-main { position: relative; flex: 1; min-height: 0; margin-top: 8px; overflow: hidden; background: #f4f5f7; border-top: 1px solid var(--ui-line); }
.fxa-main::after { content: ""; position: absolute; z-index: 4; left: 0; right: 0; bottom: 0; height: 14px; background: linear-gradient(rgba(244, 245, 247, 0), #f4f5f7); pointer-events: none; }
.fxa-pg { display: flex; flex-direction: column; height: 100%; padding: 10px 12px 0; }
@keyframes fxa-reload { 0% { opacity: 1; } 28% { opacity: .25; } 100% { opacity: 1; } }

/* «Devir kaydedildi.» (yeşil kutu, sayfa yenilenince üstte; içeriği aşağı iter) */
.fxa-flash { flex: none; display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s var(--ui-ease) .32s; }
.fxa-flash > div { min-height: 0; overflow: hidden; }
.fxa-flash__in { display: flex; align-items: center; height: 30px; margin-bottom: 8px; padding: 0 12px; border-radius: 10px; background: #ecfdf5; color: #065f46; font-size: 11.5px; font-weight: 700;
  box-shadow: inset 0 0 0 1px #a7f3d0; opacity: 0; translate: 0 -6px; transition: opacity .3s var(--ui-ease) .42s, translate .4s var(--ui-ease) .42s; }

.fxa-cols { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) var(--rw); gap: 10px; }
.fxa-lc { min-width: 0; }
/* yanlarda 2 px pay: kartların 1 px çerçevesi kırpılmaz */
.fxa-rc { position: relative; min-width: 0; margin: 0 -2px; padding: 0 2px; overflow: hidden; }
/* geniş kapta yalnız sağ sütun kayar (yaklaştırma): üst kesim yumuşak solar */
.fxa-rc::before { content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; height: 12px; background: linear-gradient(#f4f5f7, rgba(244, 245, 247, 0)); opacity: 0; transition: opacity .3s var(--ui-ease) .3s; pointer-events: none; }
.fxa-rs { display: flex; flex-direction: column; gap: var(--g); translate: 0 0; transition: translate .7s cubic-bezier(.32, .12, .2, 1) .05s; }

/* kart */
.fxa-card { position: relative; flex: none; border-radius: 12px; background: #fff;
  box-shadow: 0 0 0 1px var(--ui-line), 0 1px 2px rgba(16, 37, 64, .05), 0 10px 22px -18px rgba(16, 37, 64, .35), inset 0 1px 0 rgba(255, 255, 255, .6); }
.fxa-btn2 { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; border-radius: 7px; background: #fff; font-size: 10.5px; font-weight: 700; color: #52525b; white-space: nowrap;
  box-shadow: inset 0 0 0 1px var(--fxa-zl), 0 1px 1px rgba(16, 37, 64, .04); }
.fxa-btn2 .fxa-i { width: 12px; height: 12px; }
.fxa-mono { font-family: var(--fxa-mono); letter-spacing: -.02em; }
.fxa-mut { color: #a1a1aa; }

/* model kartı */
.fxa-model { display: flex; align-items: center; gap: 8px; height: 50px; padding: 0 10px 0 12px; }
.fxa-model__t { flex: 1; min-width: 0; line-height: 1.2; }
.fxa-model__t b { display: block; font-size: 13.5px; font-weight: 800; letter-spacing: -.01em; white-space: nowrap; }
.fxa-model__t small { display: block; margin-top: 2px; font-size: 10px; font-weight: 700; color: var(--fxa-z4); white-space: nowrap; }
.fxa-model--n { display: none; }

/* birimler tablosu */
.fxa-units { margin-top: 10px; }
/* tablo kısaltılmış: başlığın altında 18 satırın 8.–14.'sü (seçili birimin çevresi). Uygulamada tablonun iç kaydırması
   yok (sayfa ile kayar); başlık altındaki gölge yalnız üstte satır kaldığını sezdirir — yaklaştırma */
.fxa-units__h { position: relative; z-index: 1; display: flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 12px 12px 0 0; background: #fff;
  box-shadow: inset 0 -1px 0 #ececef, 0 5px 6px -5px rgba(16, 37, 64, .16); }
.fxa-units__h b { font-size: 11.5px; font-weight: 800; }
.fxa-tr { position: relative; display: grid; grid-template-columns: 96px minmax(0, 1fr) 66px 48px; align-items: center; gap: 0 6px; height: 36px; padding: 0 8px 0 10px; box-shadow: inset 0 -1px 0 #f1f1f3; }
.fxa-tag { line-height: 1.15; font-family: var(--fxa-mono); letter-spacing: -.02em; }
/* uygulamada demirbaş no tek parça «font-mono text-xs font-bold»: önek de son ek gibi koyu ve kalın */
.fxa-tag small { display: block; font-size: 10px; font-weight: 800; color: #27272a; }
.fxa-tag b { display: block; font-size: 10.5px; font-weight: 800; color: #27272a; }
.fxa-tr__z { font-size: 10.5px; font-weight: 600; color: #52525b; white-space: nowrap; overflow: hidden; }
.fxa-bdg { display: inline-block; padding: 2px 7px; border-radius: 999px; font-style: normal; font-size: 10px; font-weight: 800; line-height: 13px; white-space: nowrap; }
.fxa-bdg--ok { background: #d1fae5; color: #047857; }
.fxa-bdg--dep { background: #e0f2fe; color: #0369a1; }
.fxa-acts { display: flex; justify-content: flex-end; gap: 2px; }
.fxa-ib { position: relative; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; color: #8a8f99; }
.fxa-ib .fxa-i { width: 13px; height: 13px; }
.fxa-ib--on { background: var(--navy-soft); color: #fff; box-shadow: 0 2px 6px -2px rgba(16, 37, 64, .6); }
.fxa-tr--sel { background: #eef4fb; box-shadow: inset 0 -1px 0 #e1e9f3; }
.fxa-tr--sel .fxa-tr__z { color: var(--ui-text); font-weight: 700; }
.fxa-tr--sel::after { content: ""; position: absolute; inset: 3px 4px; border-radius: 8px; box-shadow: 0 0 0 2px rgba(5, 150, 105, .55); opacity: 0; pointer-events: none; }
/* «Zimmet formu» ipucu (data-tip → appTooltip: öğenin 8 px üstünde ortalı, oksuz, yalnız solar) */
.fxa-tip { position: absolute; z-index: 6; left: 50%; bottom: calc(100% + 8px); translate: -50% 0; padding: 5px 10px; border-radius: 8px; background: #27272a; color: #fafafa; font-size: 12px; font-weight: 600; line-height: 16px; white-space: nowrap;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 6px 24px rgba(0, 0, 0, .28); opacity: 0; transition: opacity .12s linear; pointer-events: none; }
.fxa-hit--ico { left: 13px; top: 13px; }

/* birim kartı */
.fxa-unit { display: flex; flex-direction: column; height: var(--hu); padding: 10px 12px; }
.fxa-unit__h { display: flex; align-items: center; justify-content: space-between; gap: 6px; height: 20px; }
.fxa-unit__h b { font-size: 12px; font-weight: 800; white-space: nowrap; }
.fxa-unit__h .fxa-mono { font-size: 10.5px; font-weight: 700; }
.fxa-close { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; color: #52525b; }
.fxa-close .fxa-i { width: 13px; height: 13px; }
.fxa-sum { margin-top: 7px; padding: 7px 9px; border-radius: 9px; background: #f6f6f7; font-size: 10.5px; font-weight: 600; line-height: 14px; color: var(--ui-text); }
.fxa-sum__r { display: flex; flex-wrap: wrap; gap: 2px 12px; }
.fxa-sum__r > span { white-space: nowrap; }
.fxa-sum__r b { font-weight: 800; color: var(--fxa-z4); }
.fxa-sum__z { font-weight: 700; }
.fxa-lnk { position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin-top: auto; font-size: 10.5px; font-weight: 800; color: var(--navy-soft); }
.fxa-lnk .fxa-i { width: 12px; height: 12px; }
.fxa-hit--lnk { right: 34px; top: 8px; }

/* Devret kartı */
.fxa-dev { height: var(--hd); padding: 10px 12px; }
.fxa-dev__h { display: flex; align-items: center; gap: 6px; height: 17px; }
.fxa-dev__h .fxa-i { width: 14px; height: 14px; color: #0ea5e9; }
.fxa-dev__h b { font-size: 12px; font-weight: 800; }
.fxa-dev__s { margin-top: 1px; font-size: 10px; font-weight: 700; line-height: 13px; color: var(--fxa-z4); }
.fxa-rad { display: flex; gap: 14px; height: 18px; margin-top: 5px; font-size: 10.5px; font-weight: 700; color: #3f3f46; }
.fxa-rad > span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.fxa-rad i { width: 13px; height: 13px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1.5px #a1a1aa; }
.fxa-rad .is-on i { background: radial-gradient(circle, #fff 0 2.4px, #0284c7 2.9px); box-shadow: none; }
.fxa-f { position: relative; display: block; min-width: 0; margin-top: 5px; }
.fxa-lbl { display: block; height: 12px; margin-bottom: 2px; font-size: 10px; font-weight: 700; line-height: 12px; color: var(--fxa-z4); }
.fxa-in { position: relative; display: flex; align-items: center; gap: 6px; height: 24px; padding: 0 8px; border-radius: 7px; background: #fff; font-size: 11px; font-weight: 600; color: var(--ui-text);
  box-shadow: inset 0 0 0 1px #d4d4d8, 0 1px 1px rgba(16, 37, 64, .03); transition: box-shadow .25s var(--ui-ease) var(--d); }
.fxa-in > span:first-child { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; }
.fxa-chev { width: 12px; height: 12px; color: var(--fxa-z4); }
/* Bina dar (yalnız «B Blok»), Oda geniş: oda seçeneği «bina · oda» biçiminde uzun */
.fxa-f2 { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 6px; }
.fxa-hit--sel { right: 40px; top: 15px; }
.fxa-note { margin-top: 5px; }
.fxa-note > span:first-child { flex: none; }
.fxa-note__ph { position: absolute; left: 8px; right: 8px; top: 0; bottom: 0; display: flex; align-items: center; color: #a1a1aa; font-weight: 500; white-space: nowrap; overflow: hidden;
  transition: opacity .15s linear var(--d); }
.fxa-note__t { display: inline-block; max-width: 0; overflow: hidden; white-space: nowrap; color: var(--ui-text); }
.fxa-note__t::after { content: ""; }
.fxa-hit--note { left: 62%; top: 15px; }
.fxa-dev__f { display: flex; justify-content: flex-end; margin-top: 6px; }
.fxa-go { position: relative; display: inline-grid; place-items: center; height: 24px; padding: 0 11px; border-radius: 7px; background: var(--fxa-sky); color: #fff; font-size: 10.5px; font-weight: 800; white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 1px 2px rgba(3, 105, 161, .3), 0 6px 12px -8px rgba(3, 105, 161, .8); transition: opacity .2s var(--ui-ease) var(--d); }
/* «İşleniyor…» düğmede ortalı; imleç ucu (sağdan 18 px) üç noktanın sağında kalır */
.fxa-go .fxa-x { justify-items: center; }
.fxa-hit--go { right: 18px; top: 15px; }
/* açılır liste (yerel seçim kutusu) */
.fxa-dd { position: absolute; z-index: 6; left: 0; right: 0; top: calc(100% + 2px); padding: 3px; border-radius: 8px; background: #fff;
  box-shadow: 0 0 0 1px rgba(16, 37, 64, .12), 0 4px 8px rgba(16, 37, 64, .1), 0 18px 30px -12px rgba(16, 37, 64, .45);
  opacity: 0; translate: 0 -4px; scale: 1 .96; transform-origin: top; transition: opacity .16s var(--ui-ease), translate .22s var(--ui-ease), scale .22s var(--ui-ease); pointer-events: none; }
.fxa-dd__o { position: relative; display: flex; align-items: center; height: 21px; padding: 0 8px; border-radius: 5px; font-size: 11px; font-weight: 600; color: var(--ui-text); transition: background-color .15s var(--ui-ease), color .15s var(--ui-ease); }
.fxa-dd__o.is-cur { background: #f1f1f3; font-weight: 800; }
.fxa-hit--opt { left: 46px; top: 13px; }

/* Geçmiş */
.fxa-his { height: var(--hg); padding: 10px 12px; overflow: hidden; }
.fxa-his__h { display: flex; align-items: center; gap: 6px; height: 18px; }
.fxa-his__h .fxa-i { width: 14px; height: 14px; color: var(--navy-soft); }
.fxa-his__h b { font-size: 12px; font-weight: 800; }
.fxa-tl { position: relative; display: flex; flex-direction: column; gap: 8px; margin: 8px 0 0 5px; padding-left: 14px; box-shadow: inset 2px 0 0 #f1f1f3; }
.fxa-ev { position: relative; font-size: 10.5px; line-height: 14px; color: var(--ui-text); }
.fxa-ev::before { content: ""; position: absolute; left: -19px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: #38bdf8; box-shadow: 0 0 0 2px #fff; }
.fxa-ev__t { display: block; font-weight: 600; }
.fxa-ev__t b { font-weight: 800; font-variant-numeric: tabular-nums; }
.fxa-ev__t .fxa-i { display: inline-block; width: 11px; height: 11px; margin: 0 2px 0 1px; vertical-align: -1px; color: var(--fxa-z4); stroke-width: 2.2; }
.fxa-ev__t em { font-style: normal; color: var(--fxa-z4); }
.fxa-ev__t em.ok { font-weight: 800; color: var(--fxa-ok); }
.fxa-ev__d { vertical-align: baseline; }
.fxa-ev__n { display: block; font-size: 10px; font-weight: 600; line-height: 13px; color: var(--fxa-z4); }
/* yeni satır: yer baştan ayrılmaz, sayfa yenilenince gelir (max-height ile açılır) */
.fxa-ev--new { max-height: 0; margin-bottom: -8px; opacity: 0; translate: 0 -6px; transition: max-height .45s var(--ui-ease) .3s, margin-bottom .45s var(--ui-ease) .3s, opacity .35s var(--ui-ease) .5s, translate .5s var(--fxa-spring) .5s; }
.fxa-ev--new::after { content: ""; position: absolute; inset: -3px -6px -3px -24px; border-radius: 8px; background: rgba(5, 150, 105, .08); box-shadow: inset 0 0 0 1px rgba(5, 150, 105, .22); opacity: 0; transition: opacity .5s var(--ui-ease) .9s; }

/* ── ZİMMET TESLİM FORMU (yeni sekme) ── */
.fxa-doc { position: absolute; inset: 0; z-index: 8; display: flex; flex-direction: column; background: #f4f4f5; opacity: 0; translate: 0 14px; pointer-events: none;
  transition: opacity .35s var(--ui-ease), translate .5s var(--ui-ease); }
.fxa-doc__bar { flex: none; display: flex; align-items: center; justify-content: space-between; height: 42px; padding: 0 12px; background: #fff; box-shadow: inset 0 -1px 0 var(--fxa-zl); }
.fxa-prn { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 11px 0 9px; border-radius: 8px; background: var(--navy); color: #fff; font-size: 11px; font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 4px 10px -6px rgba(16, 37, 64, .7); }
.fxa-prn .fxa-i { width: 13px; height: 13px; }
.fxa-sheet { position: relative; margin: 14px 16px 0; padding: 16px 18px 12px; border-radius: 5px; background: #fff; color: #18181b;
  box-shadow: 0 0 0 1px var(--fxa-zl), 0 2px 4px rgba(0, 0, 0, .04), 0 18px 34px -18px rgba(16, 37, 64, .35);
  scale: .97; translate: 0 10px; transition: scale .6s var(--fxa-spring) .12s, translate .6s var(--fxa-spring) .12s; }
.fxa-sh__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.fxa-sh__org { min-width: 0; line-height: 1.3; }
.fxa-sh__org b { display: block; font-size: 16px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: var(--navy); line-height: 1.15; }
.fxa-sh__org strong { display: block; margin-top: 3px; font-size: 11px; font-weight: 800; color: #52525b; }
.fxa-sh__org small { display: block; font-size: 10px; font-weight: 500; color: #52525b; }
.fxa-sh__no { flex: none; text-align: right; line-height: 1.25; }
.fxa-sh__no em { display: inline-block; padding: 1px 7px; border-radius: 999px; background: #e6eef8; color: var(--navy); font-style: normal; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.fxa-sh__no b { display: block; margin-top: 3px; font-size: 12px; font-weight: 800; font-variant-numeric: tabular-nums; }
.fxa-sh__no small { display: block; margin-top: 2px; font-size: 10px; color: var(--fxa-z4); }
.fxa-sh__no strong { display: block; font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; }
.fxa-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; margin-top: 10px; padding: 7px 10px; border-radius: 5px; background: #fafafa; box-shadow: inset 0 0 0 1px var(--fxa-zl); font-size: 11.5px; font-weight: 700; }
.fxa-meta small { display: block; font-size: 10px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: var(--fxa-z4); }
.fxa-intro { margin-top: 9px; font-size: 10.5px; line-height: 1.42; color: #3f3f46; text-wrap: pretty; }
.fxa-intro b { font-weight: 800; color: #18181b; }
.fxa-ut { margin-top: 9px; font-size: 10px; }
.fxa-ur { display: grid; grid-template-columns: 20px 1.25fr 1.35fr .7fr .55fr .5fr 1.3fr; box-shadow: inset 0 0 0 1px var(--fxa-zl); }
.fxa-ur > span { min-width: 0; padding: 5px 6px; box-shadow: 1px 0 0 var(--fxa-zl); font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.fxa-ur > span:last-child { box-shadow: none; }
.fxa-ur > span i { font-style: normal; color: var(--fxa-z4); }
.fxa-ur--h > span { background: #eef3f9; color: var(--navy); font-size: 10px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; overflow-wrap: normal; }
.fxa-ur .fxa-mono { font-weight: 800; }
.fxa-ur + .fxa-ur { margin-top: -1px; }
.fxa-sig { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 24px; text-align: center; font-size: 10.5px; font-weight: 600; }
.fxa-sig i { display: block; height: 1px; background: #71717a; }
.fxa-sig b { display: block; padding-top: 4px; font-size: 10px; font-weight: 800; }
.fxa-sh__ft { margin-top: 12px; padding-top: 7px; border-top: 1px dashed #d4d4d8; text-align: center; font-size: 10px; color: var(--fxa-z4); }
.fxa-sh__ft b { font-weight: 800; }
.fxa-nw { white-space: nowrap; }

/* ══ ADIMLAR ══ */
/* s1: «Yeni zimmet» açılır; vurgu İrem Yücel'e iner */
.fxa.s1 .fxa-rs { translate: 0 calc(-1 * var(--o1)); }
.fxa.s1:not(.s2) .fxa-hit--sel .ui-cur { animation: fxa-cur-out 1s var(--ui-ease) .1s both; }
.fxa.s1:not(.s2) .fxa-hit--sel .fxa-rip { animation: fxa-rip .5s ease-out .52s both; }
.fxa.s1:not(.s2) .fxa-in--z { box-shadow: inset 0 0 0 1.5px var(--navy-soft), 0 0 0 3px rgba(29, 79, 134, .14); }
.fxa.s1:not(.s2) .fxa-dd { opacity: 1; translate: 0 0; scale: 1; transition-delay: .55s; }
.fxa.s1:not(.s2) .fxa-dd__o.is-pick { animation: fxa-hover .2s linear .95s both; }
@keyframes fxa-hover { to { background: #2563eb; color: #fff; } }
/* s2: İrem Yücel tıklanır, liste kapanır, değer gelir */
.fxa.s2:not(.s3) .fxa-hit--opt .ui-cur { animation: fxa-cur-out .8s var(--ui-ease) both; }
.fxa.s2:not(.s3) .fxa-hit--opt .fxa-rip { animation: fxa-rip .45s ease-out .3s both; }
.fxa.s2:not(.s3) .fxa-dd { opacity: 1; translate: 0 0; scale: 1; animation: fxa-dd-kapan .45s linear both; }
.fxa.s2:not(.s3) .fxa-dd__o.is-pick { background: #2563eb; color: #fff; }
@keyframes fxa-dd-kapan { 0%, 80% { opacity: 1; } 100% { opacity: 0; } }
.fxa.s2 .fxa-in--z .fxa-a { opacity: 0; translate: 0 -4px; }
.fxa.s2 .fxa-in--z .fxa-b { opacity: 1; translate: 0 0; }
.fxa.s2:not(.s3) .fxa-in--z { animation: fxa-alan .9s var(--ui-ease) .4s both; }
@keyframes fxa-alan { 0% { box-shadow: inset 0 0 0 1px #d4d4d8, 0 0 0 0 rgba(29, 79, 134, 0); } 30% { box-shadow: inset 0 0 0 1.5px var(--navy-soft), 0 0 0 3px rgba(29, 79, 134, .16); } 100% { box-shadow: inset 0 0 0 1px #d4d4d8, 0 0 0 0 rgba(29, 79, 134, 0); } }
/* s3: nota «teslim alındı» yazılır */
.fxa.s3:not(.s5) .fxa-note__ph { opacity: 0; }
.fxa.s3:not(.s5) .fxa-note { box-shadow: inset 0 0 0 1.5px var(--navy-soft), 0 0 0 3px rgba(29, 79, 134, .14); }
.fxa.s3:not(.s5) .fxa-note__t { max-width: 80px; transition: max-width .7s steps(13, end) .55s; }
.fxa.s3:not(.s4) .fxa-note__t { box-shadow: 1px 0 0 var(--ui-text); }
.fxa.s3:not(.s4) .fxa-hit--note .ui-cur { animation: fxa-cur-out .9s var(--ui-ease) both; }
.fxa.s3:not(.s4) .fxa-hit--note .fxa-rip { animation: fxa-rip .45s ease-out .38s both; }
/* s4: «Devret & kaydet» → «İşleniyor…» (data-once) */
.fxa.s4:not(.s5) .fxa-hit--go .ui-cur { animation: fxa-cur .8s var(--ui-ease) both; }
.fxa.s4:not(.s5) .fxa-hit--go .fxa-rip { animation: fxa-rip .45s ease-out .38s both; }
.fxa.s4:not(.s5) .fxa-go { animation: fxa-push .3s var(--ui-ease) .36s; opacity: .72; }
.fxa.s4:not(.s5) .fxa-go .fxa-a { opacity: 0; translate: 0 -4px; }
.fxa.s4:not(.s5) .fxa-go .fxa-b { opacity: 1; translate: 0 0; }
.fxa.s4:not(.s5) .fxa-note { box-shadow: inset 0 0 0 1px #d4d4d8; }
/* s5: sayfa yenilenir (sayfa başına döner): ileti + yeni zimmetli */
.fxa.s5:not(.s6) .fxa-pg { animation: fxa-reload .6s var(--ui-ease) both; }
.fxa.s5 .fxa-flash { grid-template-rows: 1fr; }
.fxa.s5 .fxa-flash__in { opacity: 1; translate: 0 0; }
.fxa.s5 .fxa-rs { translate: 0 0; }
.fxa.s5 .fxa-note__ph { transition-delay: .2s; }
.fxa.s5 .fxa-note__t { max-width: 0; transition: none; }
.fxa.s5 .fxa-sum__z .fxa-a, .fxa.s5 .fxa-tr__z .fxa-a { opacity: 0; translate: 0 -4px; }
.fxa.s5 .fxa-sum__z .fxa-b, .fxa.s5 .fxa-tr__z .fxa-b { opacity: 1; translate: 0 0; }
.fxa.s5:not(.s6) .fxa-tr--sel::after { animation: fxa-halka 1.1s var(--ui-ease) .55s both; }
.fxa.s5:not(.s6) .fxa-sum { animation: fxa-sumy 1.2s var(--ui-ease) .5s both; }
@keyframes fxa-halka { 0% { opacity: 0; scale: .98; } 25% { opacity: 1; scale: 1; } 100% { opacity: 0; } }
@keyframes fxa-sumy { 0%, 100% { background-color: #f6f6f7; } 30% { background-color: #e8f7ef; } }
.fxa.s5 .fxa-ev__d .fxa-a { opacity: 0; }
.fxa.s5 .fxa-ev__d .fxa-b { opacity: 1; translate: 0 0; }
/* s6: sayfa Geçmiş'e kayar: yeni satır belirir */
.fxa.s6 .fxa-rs { translate: 0 calc(-1 * var(--o6)); }
.fxa.s6 .fxa-rc::before { opacity: 1; }
.fxa.s6 .fxa-ev--new { max-height: 60px; margin-bottom: 0; opacity: 1; translate: 0 0; }
.fxa.s6 .fxa-ev--new::after { opacity: 1; }
/* s7: «Zimmet formu» (geniş: tablodaki simge; dar: kartın bağlantısı) */
.fxa.s7 .fxa-rs { translate: 0 calc(-1 * var(--o7)); }
.fxa.s7:not(.s8) .fxa-hit--ico .ui-cur { animation: fxa-cur .9s var(--ui-ease) .1s both; }
.fxa.s7:not(.s8) .fxa-hit--ico .fxa-rip { animation: fxa-rip .45s ease-out .6s both; }
.fxa.s7:not(.s8) .fxa-ib--doc .fxa-tip { opacity: 1; transition-delay: .35s; }
.fxa.s7:not(.s8) .fxa-tr--sel .fxa-ib--doc { background: #e4e4e7; color: #3f3f46; transition: background-color .2s var(--ui-ease) .3s; }
/* s8: Zimmet Teslim Formu açılır */
.fxa.s8 .fxa-doc { opacity: 1; translate: 0 0; transition-delay: .05s; }
.fxa.s8 .fxa-sheet { scale: 1; translate: 0 0; }

/* ══ ORTA KAP (≤ 632 px): tek sütun — model kartı sağ yığının başına geçer, tablo çizilmez ══ */
@container (max-width: 632px) {
  /* s1: model kartı aradaki boşlukla tümden yukarıda kalır, birim kartı kesimin 4 px altından başlar.
     s6: sayfa BÜTÜN kayar (ileti dahil; uygulamada sağ sütun ayrı kaydırma alanı değil): kesim sekme çizgisinin altında,
     Devret kartının açıklama satırı ile seçenekler arasındaki boşlukta (kart üstünden 44 px; 10 = sayfa üst boşluğu) */
  .fxa-win { --hm2: calc(50px + var(--g)); --rw: 1fr; --o1: calc(var(--hm2) - 4px); --o6: 0px; --o7: 0px;
    --p6: calc(var(--hm2) + var(--hu) + var(--g) + 44px + 10px + var(--hf)); }
  .fxa-pg { transition: translate .7s cubic-bezier(.32, .12, .2, 1) .05s; }
  .fxa.s6 .fxa-pg { translate: 0 calc(-1 * var(--p6)); }
  .fxa.s6 .fxa-rc { overflow: visible; }
  .fxa.s7 .fxa-pg { translate: 0 0; }
  .fxa-rc::before { display: none; }
  .fxa-cols { grid-template-columns: minmax(0, 1fr); }
  .fxa-lc { display: none; }
  .fxa-model--n { display: flex; }
  .fxa-ttl small { display: none; }
  /* bant eylemleri uygulamada yalnız lg ve üstünde (design-language.php:133–134 «hidden … lg:flex») */
  .fxa-new { display: none; }
  .fxa-tab--w2 { display: none; }
  .fxa.s7:not(.s8) .fxa-hit--lnk .ui-cur { animation: fxa-cur .9s var(--ui-ease) .55s both; }
  .fxa.s7:not(.s8) .fxa-hit--lnk .fxa-rip { animation: fxa-rip .45s ease-out 1s both; }
  .fxa-ur { grid-template-columns: 18px 1.2fr 1.35fr .62fr 1.15fr; }
  .fxa-c-sn, .fxa-c-mm { display: none; }
}
/* ══ FORM DAR (≤ 470 px): Konum sütunu da gizlenir, form no başlığın altına iner, imza ve alt bilgi sıkışır ══ */
@container (max-width: 470px) {
  .fxa-doc__bar { padding: 0 8px; }
  .fxa-sheet { margin: 10px 8px 0; padding: 12px 11px 10px; }
  .fxa-sh__top { flex-wrap: wrap; gap: 6px 10px; }
  .fxa-sh__org b { font-size: 14px; }
  .fxa-sh__no { text-align: left; display: grid; grid-template-columns: auto auto; align-items: baseline; gap: 0 8px; }
  .fxa-sh__no b { margin-top: 0; }
  .fxa-sh__no small { margin-top: 0; }
  .fxa-meta { gap: 6px 10px; padding: 6px 8px; font-size: 11px; }
  .fxa-ur { grid-template-columns: 16px 1.3fr 1.3fr .6fr; }
  .fxa-c-kn { display: none; }
  .fxa-sig { gap: 14px; margin-top: 14px; }
  .fxa-sh__ft { margin-top: 8px; }
}
/* orta kapta özet tek satıra sığar: birim kartı kısalır (kayma miktarları kendiliğinden uyar) */
@container (min-width: 401px) and (max-width: 632px) {
  .fxa-win { --hu: 98px; }
}
/* ══ DAR KAP (≤ 400 px, telefon) ══ */
@container (max-width: 400px) {
  .fxa-band { gap: 8px; margin: 8px 8px 0; padding: 0 8px 0 7px; }
  .fxa-ttl b { font-size: 13.5px; }
  .fxa-tabs { margin: 8px 8px 0; gap: 5px; }
  .fxa-tab { padding: 0 9px 0 7px; font-size: 10.5px; }
  .fxa-tab--w { display: none; }
  .fxa-pg { padding: 10px 8px 0; }
  /* telefonda giriş metni 4 satıra iner: kâğıt üstten ve imzalar 2'şer px yukarı, alt bilgi pencereye sığar */
  .fxa-sheet { margin-top: 8px; padding-top: 10px; }
  .fxa-sig { margin-top: 12px; }
}