/* ============================================================
   print.css - le plateau sur une page A4 paysage
   ------------------------------------------------------------
   L'impression part toujours de la feuille d'apercu ouverte par
   le bouton du plateau (body.mode-impression). Ainsi la page
   imprimee ne contient que la planche : elle ne peut pas sortir
   blanche parce qu'un style de l'application aurait masque
   quelque chose.

   Reglages : A4, paysage, et cocher "Graphismes d'arriere-plan"
   pour garder les couleurs des terres.
   ============================================================ */

@page{size:A4 landscape;margin:8mm 10mm}

html,body{background:#fff !important;width:auto;height:auto}
body{-webkit-print-color-adjust:exact;print-color-adjust:exact}

/* quand l'apercu est ouvert, l'application entiere disparait */
body.mode-impression #appli,
body.mode-impression #onglets,
body.mode-impression #entete{display:none !important}

#modale,#confettis,#chargement,#fete,#horsligne,#bulle,
.feuille-barre{display:none !important}

#feuille{
  position:static !important;inset:auto !important;
  overflow:visible !important;background:#fff !important;display:block !important;
}
.feuille-cadre{padding:0 !important;display:block !important;height:auto !important}
.page-a4{
  width:auto !important;min-height:0 !important;padding:0 !important;
  box-shadow:none !important;transform:none !important;display:flex !important;
}

/* ---------- la planche ---------- */
#plateau-impression{
  display:flex !important;flex-direction:column;flex:1;
  font-family:'Nunito',sans-serif;color:#16233F;
}
#plateau-impression .tete{
  display:flex;align-items:baseline;justify-content:space-between;gap:10mm;
  border-bottom:2.5px solid #16233F;padding-bottom:2.5mm;margin-bottom:4mm;
}
#plateau-impression .tete h2{font-family:'Fredoka';font-size:21pt}
#plateau-impression .tete p{font-size:9.5pt;color:#6C7689;text-align:right;max-width:135mm}

#plateau-impression .rangs{display:flex;flex-direction:column;gap:2.5mm}
#plateau-impression .rang{display:flex;gap:2.5mm}
#plateau-impression .rang.inverse{flex-direction:row-reverse}

#plateau-impression .kase{
  flex:1;border:2px solid #C9D1DE;border-radius:5px;padding:2mm;min-height:30mm;
  display:flex;flex-direction:column;
}
#plateau-impression .kase .n{font-family:'Fredoka';font-size:12pt;font-weight:700;line-height:1}
#plateau-impression .kase .t{font-family:'Fredoka';font-size:8.5pt;line-height:1.15;margin-top:1mm;flex:1}
#plateau-impression .kase .d{font-size:6.8pt;color:#6C7689}
#plateau-impression .kase .box{
  width:5mm;height:5mm;border:1.5px solid #C9D1DE;border-radius:2px;
  align-self:flex-end;margin-top:1mm;
  display:flex;align-items:center;justify-content:center;font-size:6pt;
}
#plateau-impression .s1{border-color:#E0561F} #plateau-impression .s1 .n{color:#E0561F}
#plateau-impression .s2{border-color:#1F76A0} #plateau-impression .s2 .n{color:#1F76A0}
#plateau-impression .s3{border-color:#3F8F4F} #plateau-impression .s3 .n{color:#3F8F4F}
#plateau-impression .s4{border-color:#D99512} #plateau-impression .s4 .n{color:#D99512}
#plateau-impression .kase.speciale{border-width:2.5px;border-style:dashed}
#plateau-impression .kase.grande{background:#7A3B96;border-color:#7A3B96;color:#fff}
#plateau-impression .kase.grande .n,#plateau-impression .kase.grande .d{color:#fff}
#plateau-impression .kase.grande .box{border-color:#fff}

#plateau-impression .legende{
  display:flex;gap:6mm;font-size:9pt;margin-top:4mm;align-items:center;flex-wrap:wrap;
}
#plateau-impression .legende i{
  display:inline-block;width:5mm;height:5mm;border-radius:2px;
  margin-right:1.5mm;vertical-align:-1mm;
}
#plateau-impression .pied{
  margin-top:auto;padding-top:4mm;font-size:8pt;color:#6C7689;
  display:flex;justify-content:space-between;
}