/* ============================================================
   SellClosed — sağdan sola (RTL) yerleşim

   YALNIZ `html[dir="rtl"]` altında çalışır. Arapçadan başka bir dile
   dönüldüğünde `dir` yeniden `ltr` olur ve bu dosyadaki hiçbir kural
   uygulanmaz — kalıntı düzen bırakılmaz.

   Kural: metni sağa yaslamak RTL desteği DEĞİLDİR. Sabit sol/sağ
   kenara oturan yüzeyler (sol kolon, sağ paneller, Copilot sekmesi),
   yön ikonları, tablo hizası ve kaydırma yönü de çevrilir.

   Yeni renk, yeni ölçü veya yeni bileşen TANIMLANMAZ; yalnız yön
   çevrilir.
   ============================================================ */

/* ---------- 1. Üst çubuk ---------- */
/* Üst çubuğun kendisi MANTIKSAL özelliklerle yazılıdır (app.css:
   padding-inline, border-inline-end, margin-inline-start), bu yüzden
   burada yön geçersiz kılması GEREKMEZ. Daha önce buradaki sabit
   sol/sağ kuralları dar ekran kuralını da eziyor ve 390 px Arapça
   görünümde üst çubuğu ~97 px taşırıyordu. */

/* ---------- 2. Sol kolon → sağ kolon ---------- */
[dir="rtl"] .rail{
  left:auto; right:0;
  border-right:0; border-left:1px solid var(--line);
}
[dir="rtl"] .main{ margin-left:0; margin-right:var(--rail); }
[dir="rtl"] .foot{ margin-left:0; margin-right:var(--rail); }

/* Dar ekranda sol kolon dışarı SAĞA kayar.

   LTR de kolon SOLA kayar ve tarayıcı soldaki taşmayı zaten kaydırma
   başlangıcında keser — yatay kaydırma çubuğu oluşmaz. RTL de aynı
   hareket SAĞA gittiği için belge genişliyor ve 390 px te sayfa yatay
   kayıyordu. overflow-x:clip bu asimetriyi kapatır: LTR nin bedavaya
   aldığı davranışın aynısını verir, kaydırma kabı oluşturmaz ve
   içerideki position:fixed yüzeyleri bozmaz. Yalnız RTL + dar ekran. */
@media (max-width:767px){
  [dir="rtl"]{ overflow-x:clip; }
  [dir="rtl"] .rail{ transform:translateX(100%); }
  [dir="rtl"] html.nav-open .rail,
  [dir="rtl"] .nav-open .rail{ transform:none; }
  /* LTR de dar ekranda `.main{margin-left:0}` kolonun ayirdigi yeri geri
     verir. RTL de bu yer `margin-right` ile ayrildigi ve `[dir="rtl"] .main`
     secicisi daha ozgul oldugu icin ayni sifirlama ACIKCA yazilmalidir;
     yoksa Arapca 390 px te ana kolon 390 px yerine 166 px kalir. */
  [dir="rtl"] .main, [dir="rtl"] .foot{ margin-right:0; }
}

/* ---------- 3. Copilot: sağ kenar → sol kenar ---------- */
[dir="rtl"] .cp-panel{
  right:auto; left:0;
  border-left:0; border-right:1px solid var(--gold-line);
  transform:translateX(-102%);
  box-shadow:18px 0 44px rgba(0,0,0,.55);
}
[dir="rtl"] .cp-panel.open{ transform:none; }
[dir="rtl"] .cp-tab{ right:auto; left:0; border-radius:0 var(--r) var(--r) 0; }
[dir="rtl"] .cp-tab .lbl{ writing-mode:vertical-lr; }
/* EN: The robot launcher mirrors to the bottom-left; with the panel open it sits beside the panel.
   TR: Robot tetikleyicisi sol alta aynalanır; panel açıkken panelin yanında durur. */
[dir="rtl"] .cp-tab.cp-robot{ right:auto; left:calc(20px + env(safe-area-inset-left, 0px)); border-radius:50%; }
[dir="rtl"] .cp-tab.cp-robot[aria-expanded="true"]{ right:auto; left:calc(min(392px, 94vw) + 20px + env(safe-area-inset-left, 0px)); }

/* ---------- 4. Sağ paneller (Şirket / Profil / Onay / Destek) ---------- */
[dir="rtl"] .scdr{
  right:auto; left:0;
  border-left:0; border-right:1px solid var(--gold-line);
  transform:translateX(-102%);
}
[dir="rtl"] .scdr.open{ transform:none; }

/* ---------- 5. Yön taşıyan ikonlar ---------- */
/* Yalnız YÖN anlatan ikonlar çevrilir; saat, kalem, çöp gibi ikonlar
   aynadan etkilenmez. */
[dir="rtl"] .material-symbols-outlined.chev,
[dir="rtl"] .rail-nav .material-symbols-outlined[aria-hidden],
[dir="rtl"] .nf-row > .material-symbols-outlined:last-child,
[dir="rtl"] .autenants .material-symbols-outlined,
[dir="rtl"] .fl-topics .material-symbols-outlined,
[dir="rtl"] .stjump .material-symbols-outlined,
/* Sağ panelde bölüme giden satırların oku da yön taşır. */
[dir="rtl"] .scdr-jump .material-symbols-outlined,
[dir="rtl"] .fl-arrow,
[dir="rtl"] .stdiff-h .material-symbols-outlined{ transform:scaleX(-1); }

/* ---------- 6. Tablolar ---------- */
/* Başlık ile hücre AYNI yöne hizalanır; sayısal sütun sağda kalır
   çünkü RTL'de de sayılar soldan sağa okunur ve sütun ucuna yaslanır. */
[dir="rtl"] th, [dir="rtl"] td{ text-align:right; }
[dir="rtl"] th.num, [dir="rtl"] td.num,
[dir="rtl"] .sttbl .num, [dir="rtl"] .cotbl .num{
  text-align:left; direction:ltr;
}
[dir="rtl"] th.act, [dir="rtl"] td.act{ text-align:left; }

/* ---------- 7. Kayıt içeriği ve teknik değerler ---------- */
/* E-posta, URL, referans kodu, kimlik ve tutar LTR okunur; RTL bir
   cümlenin içinde yönü sızdırmasınlar diye tek başına izole edilirler. */
[dir="rtl"] code,
[dir="rtl"] .nm, [dir="rtl"] .subj, [dir="rtl"] .quoted,
[dir="rtl"] [data-sc-content],
[dir="rtl"] .stgate-perm,
[dir="rtl"] .stpermg code,
[dir="rtl"] .aucard code{
  direction:ltr; unicode-bidi:isolate; text-align:start;
}

/* ---------- 8. Kenar boşluğu yönü olan yardımcılar ---------- */
[dir="rtl"] .nf-go{ margin-left:0; margin-right:auto; }
[dir="rtl"] .fl-r .v, [dir="rtl"] .aucard .v, [dir="rtl"] .stacc li .c{
  margin-left:0; margin-right:auto; text-align:left;
}
[dir="rtl"] .fl-kind{ margin-right:0; margin-left:auto; }
[dir="rtl"] .stsplit li{
  border-left:0; border-right:3px solid var(--line);
  padding-left:0; padding-right:11px;
}
[dir="rtl"] .stsplit li:first-child{
  border-left-color:transparent; border-right-color:var(--gold);
}
[dir="rtl"] .austeps{ padding-left:0; padding-right:20px; }
[dir="rtl"] .sttab.is-on{ border-bottom-color:var(--gold); }

/* ---------- 9. Grafikler ---------- */
/* Zaman ekseni ve finansal sıra BOZULMAZ: grafik gövdesi LTR kalır,
   yalnız çevresindeki metin sağa yaslanır. */
[dir="rtl"] .chart svg, [dir="rtl"] .bars, [dir="rtl"] .rpchart,
[dir="rtl"] .funnel, [dir="rtl"] .pipeline{ direction:ltr; }

/* ---------- 10. Arapça tipografi ---------- */
/* Marka fontu Latin/Kiril kapsar; Arapça için sistemin kendi Arapça
   yüzü kullanılır — yeni bir marka fontu üretilmez. */
[lang="ar"], [dir="rtl"]{
  font-family:'Noto Naskh Arabic', 'Segoe UI', Tahoma, 'Arabic Typesetting',
              var(--sc-font-sans, Inter), system-ui, sans-serif;
  /* Arapça harfler birleşik yazılır; harf aralığı bunu bozmamalıdır. */
  letter-spacing:normal !important;
}
[dir="rtl"] .foot-slogan, [dir="rtl"] .stpermg h4, [dir="rtl"] .stacc h4,
[dir="rtl"] .nf-cat{
  letter-spacing:normal;
}
/* Marka kilidi ve logo aynalanmaz. */
[dir="rtl"] .brand-lockup, [dir="rtl"] .brand-lockup-sm,
[dir="rtl"] .brand-chip, [dir="rtl"] .cp-mark{ transform:none; }