/* ============================================================
   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 ---------- */
.app{grid-template-columns:1fr var(--sidebar-w)}
.app > .sidebar{order:2}
.app > .main{order:1}
.sidebar{border-right:none;border-left:1px solid var(--chrome-line)}

@media(min-width:861px){
  .app.collapsed{grid-template-columns:1fr 76px}
}

/* Le panneau preview passe à gauche du fil. */
.workspace{grid-template-columns:var(--preview-w) 1fr}
.workspace.no-preview{grid-template-columns:1fr}
.workspace > .thread-wrap{order:2}
.workspace > .preview{order:1}
.preview{border-inline-start:none;border-inline-end:1px solid var(--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}

/* Panneau preview coulissant sur mobile : il entre par la gauche. */
@media(max-width:1080px){
  .preview{transform:translateX(-103%)}
  .preview.open{transform:none}
}

/* 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}
}