/* ============================================================ NERVIA RTL TABANI ============================================================ 2026-09-09 (kullanıcı bildirdi): Arapça seçilince arayüz görünürde hiç değişmiyordu. Sebep — bu dosyanın önceki sürümü GERÇEKTE VAR OLMAYAN sınıfları hedefliyordu: `.yanbar` (bugünkü kod `.rail`), `.btn-back .bi`, `.chevron`, `[data-directional-icon]` (uygulamada hiç kullanılmıyor — geri/ileri ok ikonu yok, tek yön göstergesi aşağı bakan bir "caret", o RTL'de dönmez). Aşağıdaki seçiciler index.html + app.js'teki GERÇEK sınıflarla teyit edildi. Çoğu şey ZATEN OTOMATİK döner: `direction:rtl` 'den aşağı miras kalınca flex `row` akışı, `text-align:start` gibi mantıksal değerler ve tarayıcının kendi çift-yönlü (bidi) metin algoritması kendiliğinden sağdan sola geçer. Burada yalnızca tarayıcının OTOMATİK ÇEVİREMEDİĞİ — sabit `left`/`right`/`margin-left` gibi FİZİKSEL değer taşıyan — kurallar var. ============================================================ */ :root[dir="rtl"] { --nervia-font-ar: "Tajawal", "Arial", sans-serif; } :root[dir="rtl"] body { font-family: var(--nervia-font-ar); } /* ---------- Üst bar / sağ üst şerit ---------- .topbar-right masaüstünde .shell-body'nin sağ üst köşesine ABSOLUTE ile oturuyor (styles.css ~2273); ray sağa geçince onunla çakışmasın diye sol köşeye taşınmalı. Dashboard başlığının ayırdığı boşluk da ters yöne dönmeli. */ :root[dir="rtl"] .topbar-right { right: auto; left: 32px; } :root[dir="rtl"] #screen-dashboard > h1 { padding-right: 0; padding-left: 320px; } /* Kayan barkod tarama düğmesi (sağ alt köşe → sol alt köşe). */ :root[dir="rtl"] .fab-scan { right: auto; left: 20px; } /* Mobil hamburger düğmesinin optik boşluğu da ters yöne. */ :root[dir="rtl"] .menu-toggle { margin-left: 0; margin-right: -6px; } /* ---------- Açılır menüler ---------- "Diğer İşlemler" (
) ve otomatik-tamamlama (autocomplete) kutuları tetikleyicinin SAĞINA değil SOLUNA açılır. */ :root[dir="rtl"] .head-more-menu { right: auto; left: 0; transform-origin: top left; } :root[dir="rtl"] .ac-dropdown { text-align: right; } /* ---------- Akış sırası ters dönenler ---------- Üst bar, sekmeler, form satırları ve modal eylem düğmeleri: birincil eylem her zaman OKUMA YÖNÜNÜN BAŞLANGICINDA kalsın diye satır içi sırası ters çevriliyor (flex-direction zaten mantıksal döner ama bu bileşenlerde açıkça row yazılı, garantiye alınıyor). */ :root[dir="rtl"] .topbar, :root[dir="rtl"] .modal-actions, :root[dir="rtl"] .form-row, :root[dir="rtl"] .tabs, :root[dir="rtl"] .tabs-sub, :root[dir="rtl"] .kurulum-ilerleme { flex-direction: row-reverse; } /* ---------- Kurulum sihirbazı / stepper ---------- */ :root[dir="rtl"] .auth-onay { flex-direction: row-reverse; text-align: right; } /* ---------- Form alanları ---------- Metin kutuları sağa yaslanır. Sayı, telefon, e-posta, URL kutuları ve barkod/SKU gibi teknik alanlar bu kuralın DIŞINDA tutulur (aşağıda ayrıca LTR'ye sabitleniyor). */ :root[dir="rtl"] input:not([type="number"]):not([type="tel"]):not([type="email"]):not([type="url"]), :root[dir="rtl"] textarea, :root[dir="rtl"] select { text-align: right; } /* ---------- Tablolar ---------- */ :root[dir="rtl"] table, :root[dir="rtl"] .table-wrap { direction: rtl; } /* ---------- Teknik/sayısal alanlar — DAİMA LTR ---------- Ürün kodu, barkod, telefon, e-posta, URL ve tutar/adet hücreleri Arapça arayüzde bile ters basılmaz — "0555 123 45 67" 76 54 321 555 0 olarak görünmesin diye. */ :root[dir="rtl"] .num, :root[dir="rtl"] .mono, :root[dir="rtl"] .ltr, :root[dir="rtl"] input[type="tel"], :root[dir="rtl"] input[type="email"], :root[dir="rtl"] input[type="url"], :root[dir="rtl"] input[type="number"], :root[dir="rtl"] input[data-ltr], :root[dir="rtl"] [data-sku], :root[dir="rtl"] [data-barcode] { direction: ltr; unicode-bidi: plaintext; text-align: start; }