/* L'ÉTAT DE LA LIGNE (026, 028) — servi aux deux pages, Assistant et Titulaire (030) : la feuille, le trait double,
   les clients en vert/rouge, la voiture en bleu, l'ouest à gauche. Les couleurs viennent de la page qui l'inclut. */
:root{--bleu:#1F6FD0}
:root.nuit{--bleu:#6FA8F5}
.sous-etat{font-size:14px;color:var(--doux);margin:0 0 10px;line-height:1.4}
#dessinLigne{display:block;background:var(--creux);border:1px solid var(--bord);border-radius:14px}
#dessinLigne .axe{stroke:var(--bord);stroke-width:5;stroke-linecap:round}
#dessinLigne .troncon{stroke-width:5;stroke-linecap:butt}
#dessinLigne .troncon.inconnu{stroke:var(--bord)}
#dessinLigne .troncon.fluide{stroke:var(--vert)}
#dessinLigne .troncon.lent{stroke:#D8862B}
#dessinLigne .troncon.bouche{stroke:var(--rouge)}
#dessinLigne .bout{fill:var(--texte)}
#dessinLigne .nom{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;fill:var(--doux)}
#dessinLigne .nom.droite{text-anchor:end}
#dessinLigne .client.vers-droite{fill:var(--vert)}
#dessinLigne .client.vers-gauche{fill:var(--rouge)}
#dessinLigne .client.passe{opacity:.28}
#dessinLigne .voiture{fill:var(--bleu)}
#dessinLigne .autre{fill:var(--faible);opacity:.75}
.chiffres{display:flex;gap:12px;margin:14px 0 8px}
.chiffre{flex:1;display:flex;align-items:baseline;gap:10px;background:var(--carte);border:1px solid var(--bord);border-radius:14px;padding:12px 14px}
.chiffre b{font-family:"JetBrains Mono",monospace;font-size:38px;line-height:1}
.chiffre span{font-size:14px;font-weight:700;color:var(--doux);line-height:1.3}
.chiffre.vers-droite b{color:var(--vert)}
.chiffre.vers-gauche b{color:var(--rouge)}
.lecture{font-size:15px;line-height:1.5;margin:4px 0 12px;font-weight:700}
#dessinLigne .barre.vers-droite{fill:var(--vert)}
#dessinLigne .barre.vers-gauche{fill:var(--rouge)}
#dessinLigne .repere{stroke:var(--bord);stroke-width:1;stroke-dasharray:3 4}

/* La feuille qui monte du bas, et ses entrées : une fois pour les deux pages. */
.voile{position:fixed;inset:0;background:rgba(6,20,16,.55);display:grid;place-items:end center;z-index:20}
.feuille{background:var(--fond);width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));max-height:88vh;overflow:auto}
.feuille h2{font-family:"Cormorant Garamond",serif;font-size:28px;margin:0 0 4px;font-weight:600}
.feuille .quoi{margin:16px 0 8px}
.entree{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--carte);color:var(--texte);border:1px solid var(--bord);padding:14px 16px;margin-top:10px;font-size:17px}
.entree span{font-size:13px;color:var(--doux);font-weight:600;line-height:1.35}
.entree.du-jour{border-color:var(--vert);box-shadow:inset 4px 0 0 var(--vert)}
.entree.prevu{border-color:var(--or);box-shadow:inset 4px 0 0 var(--or)}