/* ============================================================================
Pointo — feuille d'impression de la FICHE MISSION
Déclarée dans index.html seul :
Ni tv.html ni mobile.html ne la chargent : ils n'ont rien à imprimer.
Tout est sous @media print. Rien ici ne s'applique à l'écran, même si le
media="print" du venait à sauter.
La garde body:has(#fiche.open) est essentielle : sans elle, un Ctrl+P
depuis le planning masquerait toute la page et sortirait une feuille
blanche. Avec elle, l'impression n'est détournée QUE lorsque la fiche est
effectivement ouverte ; sinon le navigateur imprime la page normalement.
Même motif que le voile (body:has(.panel.open) #voile) — c'est la
convention de la maison, pas une invention.
⚠ AUCUN FOND, AUCUN DÉGRADÉ NULLE PART DANS CE FICHIER.
L'option « Graphiques d'arrière-plan » du navigateur est DÉCOCHÉE par
défaut : un fond serait visible à l'aperçu et absent sur le papier. Les
traits — filets, cadres, lignes à écrire — sont donc tous faits en
bordures, qui s'impriment quelle que soit cette case.
========================================================================== */
@media print {
@page {
size: A4 portrait;
margin: 16mm 15mm;
}
/* --- 1. Ne rien imprimer d'autre que la fiche ---------------------------
#fiche doit être un ENFANT DIRECT de , comme les autres .panel. */
body:has(#fiche.open) > *:not(#fiche) {
display: none !important;
}
/* --- 2. Décoller la fiche de l'écran -----------------------------------
.panel est position:fixed, max-height:78vh, overflow:hidden. Un élément
fixed ne se pagine pas : il se rend sur la première page et le reste est
coupé sans report. On le repasse dans le flux normal. */
body:has(#fiche.open) #fiche {
display: block !important;
position: static !important;
inset: auto !important;
margin: 0 !important;
width: auto !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: none !important;
color: #000 !important;
font: 12pt/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
#fiche > .body {
display: block !important;
overflow: visible !important;
max-height: none !important;
height: auto !important;
flex: none !important;
padding: 0 !important;
}
/* --- 3. En-tête ---------------------------------------------------------
Le bandeau sombre de l'écran devient un titre au trait : un aplat noir
ne sortirait pas de l'imprimante avec les fonds désactivés. */
#fiche > header {
display: block !important;
flex: none !important;
padding: 0 0 4mm !important;
margin: 0 0 5mm !important;
background: none !important;
color: #000 !important;
border-bottom: 1.5pt solid #000 !important;
}
#fiche > header .eyebrow {
font-size: 9pt;
letter-spacing: .12em;
color: #444 !important;
}
#fiche > header h3 {
margin: 2mm 0 0 !important;
font-size: 19pt;
font-weight: 700;
color: #000 !important;
}
/* --- 4. Les lignes de coordonnées -------------------------------------- */
#fiche .fi-ligne {
display: flex !important;
align-items: baseline;
gap: 6mm;
padding: 2mm 0 !important;
border-bottom: .5pt solid #bbb !important;
break-inside: avoid;
}
#fiche .fi-lib {
flex: 0 0 30mm;
font-size: 9.5pt;
color: #555 !important;
}
#fiche .fi-val {
flex: 1;
font-size: 12.5pt;
font-weight: 600;
color: #000 !important;
}
/* Le téléphone est la donnée qu'on cherche en urgence au bord de la route :
c'est la seule chose qu'on grossit. Toute la discipline de la feuille
sert à ce que ce numéro saute aux yeux. */
#fiche .fi-ligne.fi-tel .fi-val {
font-size: 16pt;
letter-spacing: .02em;
}
/* --- 5. La consigne du technicien ---------------------------------------
Le