body {
  text-align: right;
}

.navbar .navbar-nav .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

.navbar .app-nav-menu .dropdown-item {
  justify-content: flex-start;
}

.navbar .app-nav-menu::before {
  background: linear-gradient(270deg, var(--app-primary), var(--app-accent));
}

.flow-strip span {
  border-left: 1px solid var(--app-border);
  border-right: 4px solid var(--app-primary);
}

.form-actions,
.inline-form,
.language-switcher,
.page-title,
.section-title,
.summary-strip {
  direction: rtl;
}

.table .text-end,
.text-end {
  text-align: left !important;
}

.module-card h2,
.info-panel h2,
.form-panel h2,
.section-title h2 {
  background: linear-gradient(270deg, var(--app-primary-soft), transparent);
}

.detail-summary-band__main h2 {
  background: none;
}

.audit-change-preview li {
  border-left: 0;
  border-right: 3px solid var(--app-border);
  padding-left: 0;
  padding-right: 0.45rem;
}

.auth-hero {
  border-radius: 0 var(--radius) var(--radius) 0;
}

.auth-card {
  border-left: 1px solid var(--app-border);
  border-right: 0;
  border-radius: var(--radius) 0 0 var(--radius);
}

@media (max-width: 900px) {
  .auth-hero {
    border-radius: var(--radius) var(--radius) 0 0;
  }

  .auth-card {
    border-right: 1px solid var(--app-border);
    border-radius: 0 0 var(--radius) var(--radius);
  }
}

/* Flow indicators (source -> destination arrows) mirror so they point with the RTL reading order. */
.flow-arrow {
  display: inline-block;
  transform: scaleX(-1);
}

/* I4: directional icons opted in with <icon flip-rtl="true"> (chevrons/arrows) mirror under dir="rtl".
   This sheet only loads on RTL cultures, so the bare class is already RTL-scoped. */
.bi-flip-rtl {
  transform: scaleX(-1);
}