/* --------------------------------------------------------------------------
   Tableau des documents.

   Ce fichier n'est pas une feuille de style comme les autres : jsPDF genere le
   PDF a partir de ce tableau avec l'option useCss, donc ce sont ces valeurs qui
   determinent le document imprime. Elles reprennent celles de Bootstrap 5 dont
   dependait l'ancien front, pour que le rendu reste identique -- y compris la
   couleur de texte #212529, qui differe du gris du reste de l'application.

   Modifier ce fichier change les PDF. Le reste de l'apparence de l'ecran se
   regle ailleurs.
   -------------------------------------------------------------------------- */

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    /* La police du document est figee ici, et non heritee du corps de page :
       autoTable lit les styles calcules, si bien qu'un changement d'habillage
       de l'application changerait les PDF. Ils ne doivent pas bouger. */
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    vertical-align: top;
    border-color: #dee2e6;
    border-collapse: collapse;
}

.table > :not(caption) > * > *,
.table > * > * {
    padding: 0.5rem 0.5rem;
    background-color: transparent;
    border-bottom: 1px solid #dee2e6;
}

/* Valeurs relevees sur l'ancien front : le gras et l'alignement de l'entete
   viennent du navigateur, Bootstrap ne les touchant pas. */
.table th {
    text-align: left;
    font-weight: bold;
}

/* Separateur entre deux sections du tableau : la derniere rangee d'un thead
   suivi d'un tbody prend la couleur du texte, pas le gris des autres bordures.
   La regle est structurelle et non portee par th : un th place dans le corps du
   tableau, comme les entetes repetes des bons de distribution, garde le gris. */
.table > :not(:last-child) > :last-child > * {
    border-bottom-color: currentColor;
}

.table h3,
.table h4 {
    margin: 0;
    font-size: 1rem;
}

/* Applique le temps de la generation : l'ancien front reduisait la police du
   tableau avant d'appeler jsPDF. */
.smallText {
    font-size: 0.8rem !important;
}

/* --- Ecran des documents ------------------------------------------------- */

.documents-reglages {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espace-s);
    margin-bottom: var(--espace-m);
}

.documents-reglages select {
    min-height: var(--cible);
    min-width: 16rem;
    padding: 0 var(--espace-xs);
    border: 1px solid var(--bordure);
    border-radius: var(--rayon);
    background: var(--fond);
    font: inherit;
    font-size: 1rem;
}

.document-apercu {
    overflow-x: auto;
    padding: var(--espace-s);
    background: var(--fond);
    border: 1px solid var(--bordure);
    border-radius: var(--rayon);
}

/* Le pictogramme du telephone est un pseudo-element : il apparait a l'ecran
   sans entrer dans le texte que jsPDF reprend dans le document. */
.doc-telephone::before {
    content: "";
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    margin-right: 0.2em;
    vertical-align: -0.1em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.795a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.795a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.documents-liens {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espace-s);
}