/* ============================================================
   VERDIKT — surcouche arabe (dir="rtl")
   Chargée APRÈS style.css, uniquement par les pages templates/ar/.
   style.css utilise des propriétés logiques (inset-inline-*, margin-inline-*,
   border-start-*) : la majorité du miroir est donc automatique. Ce fichier
   ne traite que ce qui reste physique — la sidebar passe à DROITE.
   ============================================================ */

/* Cairo d'abord : Montserrat ne couvre pas l'arabe. */
body{font-family:'Cairo','Montserrat',system-ui,-apple-system,Segoe UI,Tahoma,sans-serif}

/* ---------- Sidebar à droite, aperçu à gauche ----------
   Une grille en dir="rtl" pose DÉJÀ sa première piste à droite : les grilles de
   style.css (`--sidebar-w 1fr` et `1fr --preview-w`) se retournent donc seules.
   Les réécrire ici les remettait à l'endroit — la sidebar retombait à GAUCHE,
   contre l'intention de ce fichier (défaut relevé en Phase 4, mesuré à 1600px :
   sidebar x=0). Ne subsiste que ce qui est réellement physique : la bordure de
   la sidebar, déclarée en `border-right` dans style.css. */
.sidebar{border-right:none;border-left:1px solid var(--chrome-line)}

/* ---------- Admin : navigation à droite ---------- */
.adm{grid-template-columns:1fr 230px}
.adm > .adm-side{order:2}
.adm > .adm-main{order:1}

/* ---------- Auth : le volet de marque passe à droite ---------- */
.auth > .auth-side{order:2}
.auth > .auth-main{order:1}

/* ---------- Détails directionnels ---------- */
/* Les chiffres, montants, heures et identifiants restent lus de gauche à droite. */
.credits .val,.kpi .v,.vtime,.rec-timer,.meta .time,.plan .pinfo .pr,
.recap dd,.item .it-side,table.tbl td.num{direction:ltr;unicode-bidi:embed}
.recap dd{text-align:start}

/* Le champ de saisie et les documents suivent le sens du texte. */
.composer textarea,.field input,.field textarea{text-align:start}
.paper p{text-align:justify}
.paper .sig{text-align:start}

/* L'avion en papier du bouton Envoyer doit pointer vers la gauche. */
.send svg{transform:scaleX(-1)}

/* La barre de crédits se remplit depuis la droite. */
.bar > i{margin-inline-start:auto}

/* Phase 4 — sous 1024px le panneau Aperçu n'existe plus en colonne (il passe en
   visionneuse plein écran, déjà miroir par les propriétés logiques) : plus de
   tiroir coulissant à retourner ici. Les poignées de redimensionnement utilisent
   inset-inline-* et se placent donc toutes seules du bon côté ; seul le SIGNE du
   déplacement est inversé, côté JS (voir isRTL() dans app.js). */

/* Sidebar mobile : elle entre par la droite. */
@media(max-width:860px){
  .app{grid-template-columns:1fr}
  .workspace{grid-template-columns:1fr}
  .sidebar{transform:translateX(102%)}
  .sidebar.open{transform:none}
  .adm{grid-template-columns:1fr}
}

/* ---------- [V12 Lot 4] Agenda mois ----------
   La grille 7 colonnes se retourne d'elle-même en dir="rtl" (lundi passe à
   droite) : rien à réécrire. Seuls les chevrons sont physiques — « mois
   précédent » doit pointer vers le DÉBUT de la lecture, donc vers la droite. */
.cal-arrow svg{transform:scaleX(-1)}

/* ---------- [V13] Grille Modèles ----------
   Le ⋮ des tuiles et le chevron des variables repliées utilisent déjà des
   propriétés logiques (inset-inline-end, margin-inline-end) : ils basculent
   d'eux-mêmes. Seul le chevron ▸, glyphe PHYSIQUE, doit pointer vers le début
   de la lecture — donc vers la gauche en arabe. */
.vars-fold > summary::before{transform:scaleX(-1)}
.vars-fold[open] > summary::before{transform:scaleX(-1) rotate(-90deg)}