/* L'export des états financiers : deux pages A4, même papier que les offres —
   Switzer pour les chiffres, Satoshi pour le texte, IBM Plex Mono pour les méta,
   le mot-marque et son point corail.
   Palette FIGÉE en clair : un document ne se thématise pas, il s'imprime.
   Repris à l'identique de la maquette validée le 20.09.2026. */

.etdoc-overlay{position:fixed;inset:0;z-index:70;background:#ECECEC;overflow:auto;display:flex;flex-direction:column}
.etdoc-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);color:var(--ink)}
.etdoc-bar .titre{font-family:var(--font-display);font-weight:600;font-size:15px;margin-right:auto}
.etdoc-pages{padding:0 0 28px}

.etdoc-overlay .feuille{
  --p-ink:#0B0B0B;--p-ink2:#3C3C3C;--p-ink3:#767676;--p-line:#E4E4E4;--p-acc:#ED5847;
  --p-bande:#F2F2F2;--p-bande2:#E6E6E6;
  width:210mm;min-height:297mm;background:#fff;color:var(--p-ink);font-family:'Satoshi',sans-serif;
  margin:14px auto;padding:11mm 18mm 5mm;box-sizing:border-box;box-shadow:0 12px 28px -18px rgba(0,0,0,.35);
  display:flex;flex-direction:column}
.etdoc-overlay .entete{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:5mm;border-bottom:1px solid var(--p-line)}
/* le logo : le composant du kit (`.logo`), en taille xs comme sur tous les documents */
.etdoc-overlay .exp{font-size:8pt;line-height:1.5;color:var(--p-ink2);margin-top:2.5mm}
.etdoc-overlay .meta{text-align:right}
.etdoc-overlay .meta .doc{font-family:'Switzer',sans-serif;font-size:13pt;font-weight:600;letter-spacing:-.01em}
.etdoc-overlay .meta .per{font-family:'IBM Plex Mono',monospace;font-size:7.5pt;letter-spacing:.08em;text-transform:uppercase;color:var(--p-ink3);margin-top:1.5mm;line-height:1.7}

.etdoc-overlay .cles{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:4mm 0 3mm;border:1px solid var(--p-line);border-radius:3mm;overflow:hidden}
.etdoc-overlay .cles > div{padding:2.4mm 3.4mm;border-left:1px solid var(--p-line)}
.etdoc-overlay .cles > div:first-child{border-left:0}
.etdoc-overlay .cles .lbl{font-size:6.8pt;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--p-ink3)}
.etdoc-overlay .cles .val{font-family:'Switzer',sans-serif;font-size:12.5pt;font-weight:600;margin-top:1.5mm;font-variant-numeric:tabular-nums}
.etdoc-overlay .cles .sous{font-size:7.5pt;color:var(--p-ink3);margin-top:.8mm}

.etdoc-overlay table{width:100%;border-collapse:collapse;font-size:8.3pt}
.etdoc-overlay thead th{font-size:6.8pt;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--p-ink3);text-align:left;padding-bottom:2mm;border-bottom:.6pt solid var(--p-ink)}
.etdoc-overlay thead th.r{text-align:right}
.etdoc-overlay tbody td{padding:0.62mm 0;border-bottom:.4pt solid var(--p-line);vertical-align:baseline}
.etdoc-overlay td.no{font-family:'IBM Plex Mono',monospace;font-size:7.5pt;color:var(--p-ink3);width:13mm}
/* le padding gauche garantit l'air entre le montant et son pourcentage : sans lui,
   un montant long et un pourcentage long se touchaient sur la ligne du résultat net */
.etdoc-overlay td.m{text-align:right;font-family:'Switzer',sans-serif;font-weight:600;font-variant-numeric:tabular-nums;width:28mm;padding-left:4mm}
.etdoc-overlay td.p{text-align:right;font-size:8pt;color:var(--p-ink3);font-variant-numeric:tabular-nums;width:16mm;padding-left:4mm}
.etdoc-overlay tr.rub td{padding-top:2.6mm;padding-bottom:1mm;border-bottom:.4pt solid var(--p-line);
  font-size:8.6pt;font-weight:700;color:var(--p-ink)}
.etdoc-overlay tr.pal td{border-top:.6pt solid var(--p-ink);border-bottom:0;padding-top:1.5mm;font-weight:700}
.etdoc-overlay tr.pal td.m{font-size:10pt}
.etdoc-overlay tr.st td{font-weight:600;color:var(--p-ink3);border-bottom:0;padding-top:1.3mm}
.etdoc-overlay tr.fin td{border-top:1.2pt solid var(--p-ink);border-bottom:0;padding-top:2mm;font-weight:700;font-size:10pt}
.etdoc-overlay tr.fin td.m{font-size:13pt}
/* LA MÊME GRAMMAIRE QU'À L'ÉCRAN, en gris d'imprimerie. Le titre de section est fort et
   ne porte JAMAIS de montant ; le sous-total ferme la section sans la titrer ; seuls les
   trois résultats prennent une bande. Pas de couleur — un état financier part souvent en
   noir et blanc, et une bande grise survit à la photocopie là où un vert pâle disparaît.
   `.note` est une classe GLOBALE du kit (carte grise arrondie) : la précision du palier
   s'y changeait en encadré flottant. Toujours nommer local dans un document. */
.etdoc-overlay tr.pal td .pal-note{font-weight:500;color:var(--p-ink3);font-size:7.5pt}
.etdoc-overlay tr.res td{background:var(--p-bande);border-top:.6pt solid var(--p-ink);border-bottom:0;
  padding-top:1.9mm;padding-bottom:1.3mm;font-weight:700}
.etdoc-overlay tr.res td.m{font-size:10.5pt}
.etdoc-overlay tr.fin td{background:var(--p-bande2);padding-bottom:1.6mm}

.etdoc-overlay .deux{display:grid;grid-template-columns:1fr 1fr;gap:9mm;margin-top:5mm}
.etdoc-overlay .deux td.no,.etdoc-overlay .deux th:first-child{width:9mm}
.etdoc-overlay .deux td.m{width:21mm;padding-left:2.5mm}
.etdoc-overlay .deux td.p,.etdoc-overlay .deux th.r + th.r{width:13mm;padding-left:2.5mm}
.etdoc-overlay .deux h3{font-size:7.5pt;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--p-ink3);margin:0 0 2mm;padding-bottom:1.5mm;border-bottom:.6pt solid var(--p-ink)}
.etdoc-overlay .ratios{margin-top:6mm;border:1px solid var(--p-line);border-radius:3mm;padding:3.5mm 4mm;display:grid;grid-template-columns:repeat(auto-fit,minmax(29mm,1fr));gap:4mm}
.etdoc-overlay .ratios .lbl{font-size:6.8pt;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--p-ink3)}
.etdoc-overlay .ratios .val{font-family:'Switzer',sans-serif;font-size:11pt;font-weight:600;margin-top:1mm;font-variant-numeric:tabular-nums}
.etdoc-overlay .mention{font-size:7pt;color:var(--p-ink3);line-height:1.45;margin-top:3mm}
.etdoc-overlay .pied{margin-top:auto;padding-top:1.8mm;border-top:1px solid var(--p-line);display:flex;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:6.5pt;letter-spacing:.1em;text-transform:uppercase;color:var(--p-ink3)}

/* écran étroit : la feuille A4 est réduite, jamais reflowée — c'est le document qui part
   au fiduciaire, sa mise en page ne doit pas dépendre de la fenêtre qui l'a ouvert */
@media(max-width:860px){ .etdoc-overlay .feuille{zoom:.62} }
@media(max-width:560px){ .etdoc-overlay .feuille{zoom:.42} }

@media print{
  body:has(.etdoc-overlay){background:#fff !important}
  body:has(.etdoc-overlay) > *:not(.etdoc-overlay){display:none !important}
  .etdoc-overlay{position:static !important;overflow:visible !important;background:#fff !important;display:block !important}
  .etdoc-bar{display:none !important}
  .etdoc-pages{padding:0 !important}
  /* en colonne flexible, Chrome refuse de couper : le tableau partait seul sur la page
     suivante. Et 297 mm pile déborde d'un pixel — d'où `min-height:0` : sans lui, chaque
     feuille traînait une page blanche derrière elle. */
  .etdoc-overlay .feuille{display:block !important;margin:0 !important;box-shadow:none !important;min-height:0 !important;height:auto !important;zoom:1 !important;break-after:page}
  .etdoc-overlay .feuille:last-child{break-after:auto}
  .etdoc-overlay .pied{margin-top:1mm;break-inside:avoid}
  .etdoc-overlay .cles{overflow:visible}
  /* sans cela, Chrome jette les fonds à l'impression : les bandes des paliers forts et
     du total disparaissaient du PDF, et avec elles toute la hiérarchie de lecture */
  .etdoc-overlay .feuille{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .etdoc-overlay table,.etdoc-overlay tbody,.etdoc-overlay thead{break-inside:auto}
  .etdoc-overlay table{break-before:avoid}
  .etdoc-overlay tr{break-inside:avoid}
  @page{size:A4;margin:0}
}