/**
 * PDR'net Merkezi RTL Standardizasyonu (rtl.css)
 * Sistem Genelinde Arapça / RTL Arayüz Kuralları
 */

/* 1. Temel RTL Davranışı ve Tipografi */
[dir="rtl"] {
  text-align: right;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans Arabic", Arial, sans-serif;
}

/* 2. Teknik Alanların LTR Kalması (Zorunlu İzolasyon) */
[dir="ltr"],
.tech-ltr,
bdi,
[dir="rtl"] .tech-ltr,
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="url"],
[dir="rtl"] input[type="password"] {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: left !important;
}

[dir="rtl"] .tech-ltr-inline {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-block;
}

/* 3. Panel Düzeni: Kenar Çubuğu (Sidebar) & Ana Gövde (Main) */
@media (min-width: 901px) {
  [dir="rtl"] .app > aside.side,
  [dir="rtl"] .side {
    right: 0 !important;
    left: auto !important;
    border-left: 1px solid var(--line, #e6e2d8) !important;
    border-right: none !important;
  }

  [dir="rtl"] .app > .main,
  [dir="rtl"] .main {
    margin-right: 250px !important;
    margin-left: 0 !important;
  }
}

/* Mobil Drawer (Yan Menü) Açılma Yönü */
@media (max-width: 900px) {
  [dir="rtl"] aside.side,
  [dir="rtl"] .side {
    right: 0 !important;
    left: auto !important;
    transform: translateX(100%) !important;
    transition: transform 0.25s ease !important;
  }

  [dir="rtl"] aside.side.open,
  [dir="rtl"] .side.open {
    transform: translateX(0) !important;
  }

  [dir="rtl"] .main {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* 4. Menü Öğeleri ve İkon Aralıkları */
[dir="rtl"] .navitem,
[dir="rtl"] .nav-link,
[dir="rtl"] .menu-item {
  text-align: right;
  flex-direction: row;
}

[dir="rtl"] .navitem svg,
[dir="rtl"] .nav-link svg {
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .navitem .nbadge,
[dir="rtl"] .nav-link .nbadge {
  margin-right: auto;
  margin-left: 0;
}

/* 5. Üst Bar (Topbar) ve Arama Kutusu */
[dir="rtl"] .topbar {
  flex-direction: row;
}

[dir="rtl"] .crumb {
  margin-left: auto;
  margin-right: 12px;
}

[dir="rtl"] .gsearch {
  flex-direction: row;
}

[dir="rtl"] .gsearch svg {
  margin-left: 8px;
  margin-right: 0;
}

[dir="rtl"] .gsearch input {
  text-align: right;
}

/* 6. Tablolar */
[dir="rtl"] table {
  text-align: right;
}

[dir="rtl"] th,
[dir="rtl"] td {
  text-align: right;
}

[dir="rtl"] th.text-left,
[dir="rtl"] td.text-left {
  text-align: right;
}

[dir="rtl"] th.text-right,
[dir="rtl"] td.text-right {
  text-align: left;
}

[dir="rtl"] td.actions,
[dir="rtl"] .td-actions {
  text-align: left;
}

/* 7. Modallar ve Kapatma Butonu */
[dir="rtl"] .modal-head,
[dir="rtl"] .modal-header {
  flex-direction: row;
}

[dir="rtl"] .modal-close,
[dir="rtl"] .m-close,
[dir="rtl"] .modal-header .btn-close {
  margin-right: auto !important;
  margin-left: 0 !important;
}

[dir="rtl"] .modal-foot,
[dir="rtl"] .modal-footer {
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 10px;
}

/* 8. Form Alanları */
[dir="rtl"] label,
[dir="rtl"] .form-label {
  text-align: right;
  display: block;
}

[dir="rtl"] input:not([type="email"]):not([type="tel"]):not([type="url"]):not([type="password"]),
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
}

/* 9. Yön İkonlarının Aynalanması */
[dir="rtl"] .mirror-rtl,
[dir="rtl"] .icon-mirror,
[dir="rtl"] svg.arrow-right,
[dir="rtl"] svg.arrow-left,
[dir="rtl"] svg.chevron-right,
[dir="rtl"] svg.chevron-left,
[dir="rtl"] .crumb-sep,
[dir="rtl"] .step-arrow {
  transform: scaleX(-1);
  display: inline-block;
}

/* 10. Kartlar, Çipler ve Butonlar */
[dir="rtl"] .role-chip svg,
[dir="rtl"] .badge svg,
[dir="rtl"] .btn svg {
  margin-left: 6px;
  margin-right: 0;
}

[dir="rtl"] .btn {
  white-space: normal;
  min-width: fit-content;
}

/* 11. Timeline / Zaman Çizelgesi */
[dir="rtl"] .timeline,
[dir="rtl"] .vaka-timeline {
  border-right: 2px solid var(--line, #e6e2d8);
  border-left: none;
  padding-right: 20px;
  padding-left: 0;
}

[dir="rtl"] .timeline-dot {
  right: -7px;
  left: auto;
}