/* Saisie commune (static/js/saisie.js) : texte arabe / français mélangé. Chaque paragraphe (chaque ligne
   d'une zone de texte) prend le sens de sa première lettre forte : arabe → à droite, latin → à gauche ;
   un champ vide garde le sens de la page (CSS Writing Modes, unicode-bidi: plaintext ; MDN, dir="auto"). */
/* html body + :is() : passe devant .form-control (Bootstrap) et les champs propres aux modules */
html body :is(textarea, input[type="text"], input[type="search"], input:not([type])) {
    font-size: calc(var(--fs-body) + 2px); unicode-bidi: plaintext; text-align: start;
}
html body :is(textarea, input).form-control-sm { font-size: calc(var(--fs-md) + 2px); }

/* Textes saisis par les utilisateurs, à l'affichage : même règle, ligne par ligne (retours à la ligne conservés) */
.texte-libre.texte-libre { white-space: pre-line; unicode-bidi: plaintext; text-align: start; overflow-wrap: anywhere;
    font-size: calc(var(--fs-md) + 2px); }

input[type="file"]::file-selector-button {
    margin-inline-end: 10px; padding: 5px 14px; border: 0; border-radius: 8px;
    background: var(--color-primary); color: var(--color-surface); font: inherit; font-weight: 700; cursor: pointer;
}
input[type="file"]::file-selector-button:hover { filter: brightness(1.15); }
.sa-taille { display: block; margin-top: 3px; font-size: var(--fs-sm); color: var(--color-text-muted); }

/* Bouton de pièce jointe unique (messagerie, annonces, contact…) : bien visible, noms des fichiers choisis à côté */
input[type="file"].form-control { padding: 6px; border: 1.5px dashed var(--color-primary); }
.pj-bouton { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 7px 14px; border: 1.5px dashed var(--color-primary);
    border-radius: 10px; background: var(--color-surface); color: var(--color-primary); font-size: var(--fs-md); font-weight: 700; cursor: pointer; }
.pj-bouton:hover { border-style: solid; background: var(--color-primary); color: var(--color-surface); }
.pj-bouton input { display: none; }
.pj-bouton .pj-max { font-size: var(--fs-xs); font-weight: 400; opacity: .85; }
.pj-noms { font-size: var(--fs-sm); color: var(--color-text); overflow-wrap: anywhere; }
small.texte-libre.texte-libre, .small .texte-libre.texte-libre { font-size: inherit; } /* notes courtes dans les tableaux */