h1{font-size:var(--taille-xl);font-weight:var(--graisse-accent);margin-block-end:var(--espace-5)}section{margin-block-end:var(--espace-7)}h2{font-size:var(--taille-lg);font-weight:var(--graisse-accent);margin-block-end:var(--espace-3)}h3{font-size:var(--taille-md);font-weight:var(--graisse-accent);margin-block:var(--espace-5) var(--espace-3)}.attenue{color:var(--texte-attenue);font-size:var(--taille-sm)}.bandeau{align-items:center;gap:var(--espace-2);padding:var(--espace-2) var(--espace-4);border:1px solid var(--trait);font-weight:var(--graisse-accent);transition:opacity var(--duree-normale) var(--courbe-standard);border-radius:999px;display:inline-flex;@starting-style{opacity:0}}.donnee-plus-ancienne{color:var(--texte-attenue);font-size:var(--taille-sm);margin-block-start:var(--espace-3)}.bandeau-message{border:1px solid var(--trait);padding:var(--espace-3) var(--espace-4);font-size:var(--taille-sm);border-radius:.5rem;margin-block-end:var(--espace-4)}.bandeau-message p{margin:0}.bandeau-message[data-type=erreur]{border-color:var(--etat-critique);color:var(--etat-critique)}.bandeau-message[data-type=obsolete],.bandeau-message[data-type=actualisation]{border-color:var(--etat-alerte);color:var(--etat-alerte)}.bandeau-message ul{margin:var(--espace-2) 0 0;padding-left:var(--espace-4)}.grille-cartes{gap:var(--espace-3);grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));display:grid}.liste-cartes{gap:var(--espace-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.etat-chargement,.etat-indisponible{color:var(--texte-attenue);font-size:var(--taille-sm)}[data-etat]{--couleur-etat:var(--etat-inconnu)}[data-etat=ok]{--couleur-etat:var(--etat-ok)}[data-etat=alerte]{--couleur-etat:var(--etat-alerte)}[data-etat=critique]{--couleur-etat:var(--etat-critique)}[data-etat=inconnu],[data-etat=chargement]{--couleur-etat:var(--etat-inconnu)}.bandeau .pastille,.carte .pastille{background:var(--couleur-etat);border-radius:999px;flex-shrink:0;block-size:.625rem;inline-size:.625rem}.carte{align-items:center;gap:var(--espace-3);padding:var(--espace-3) var(--espace-4);border:1px solid var(--trait);background:var(--fond-panneau);transition:opacity var(--duree-normale) var(--courbe-standard), transform var(--duree-normale) var(--courbe-standard);border-radius:.5rem;display:flex;@starting-style{opacity:0;transform:translateY(.25rem)}}.carte__libelle{font-size:var(--taille-sm);color:var(--texte-attenue);margin:0}.carte__valeur{font-weight:var(--graisse-accent);margin:0}.carte__detail,.carte__note{margin:var(--espace-1) 0 0;font-size:var(--taille-xs);color:var(--texte-attenue)}.carte__etat-texte{font-size:var(--taille-xs);font-weight:var(--graisse-accent);color:var(--couleur-etat);white-space:nowrap;margin-inline-start:auto}.carte--tache{align-items:flex-start}.synthese__ligne{align-items:center;gap:var(--espace-2);display:inline-flex}.liste-graphes{gap:var(--espace-5);flex-direction:column;display:flex}.graphe{padding:var(--espace-3) var(--espace-4);border:1px solid var(--trait);background:var(--fond-panneau);border-radius:.5rem;margin:0}.graphe__entete{align-items:center;gap:var(--espace-2);display:flex}.graphe__titre{font-size:var(--taille-sm);font-weight:var(--graisse-accent);margin:0}.graphe__entete .aide__bouton{margin-inline-start:auto}.graphe__derniere,.graphe__minmax{margin:var(--espace-1) 0 0;font-size:var(--taille-xs);color:var(--texte-attenue)}.graphe__zone{margin-block-start:var(--espace-2);padding-inline-start:var(--espace-6);position:relative}.graphe__svg{background:var(--surface-app);border-block-end:1px solid var(--trait);block-size:6rem;inline-size:100%;display:block;overflow:visible}.graphe__trace{fill:none;stroke:var(--texte);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.graphe__repere{stroke:var(--trait);stroke-width:1px;vector-effect:non-scaling-stroke}.graphe__seuil{stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.graphe__seuil[data-niveau=alerte]{stroke:var(--etat-alerte)}.graphe__seuil[data-niveau=critique]{stroke:var(--etat-critique)}.graphe__axe{font-size:var(--taille-xs);color:var(--texte-attenue);line-height:1;position:absolute;inset-inline-start:0}.graphe__axe--haut{top:0}.graphe__axe--bas{bottom:0}.graphe__libelle-seuil{font-size:var(--taille-xs);background:var(--surface-app);padding-inline:var(--espace-1);line-height:1.2;position:absolute;inset-inline-end:var(--espace-1);transform:translateY(-100%)}.graphe__libelle-seuil[data-dessous=true]{transform:none}.graphe__libelle-seuil[data-niveau=alerte]{color:var(--etat-alerte)}.graphe__libelle-seuil[data-niveau=critique]{color:var(--etat-critique)}.graphe__jours{block-size:1.25em;font-size:var(--taille-xs);color:var(--texte-attenue);margin-inline-start:var(--espace-6);position:relative}.graphe__jour{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.graphe__vide{padding:var(--espace-4) 0;font-size:var(--taille-sm);color:var(--texte-attenue);margin:0}.aide__bouton{block-size:2.75rem;inline-size:2.75rem;margin-block:calc(-1 * var(--espace-2));color:var(--texte-attenue);cursor:pointer;font:inherit;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:calc(-1 * var(--espace-3));padding:0;display:inline-flex}.aide__glyphe{border:1px solid var(--trait);background:var(--surface-app);block-size:1.5rem;inline-size:1.5rem;font-size:var(--taille-sm);font-weight:var(--graisse-accent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.aide__bouton:hover .aide__glyphe{border-color:var(--texte-attenue);color:var(--texte)}.aide__bouton:focus-visible{outline:2px solid var(--texte);outline-offset:-2px;border-radius:.375rem}.aide{box-sizing:border-box;inset:auto var(--espace-3) var(--espace-3) var(--espace-3);inline-size:auto;max-block-size:calc(100dvh - 2 * var(--espace-3));padding:var(--espace-4);border:1px solid var(--trait);background:var(--surface-app);color:var(--texte);font-size:var(--taille-sm);border-radius:.5rem;margin:0;line-height:1.5;overflow:auto}.aide__titre{margin:0 0 var(--espace-2);font-weight:var(--graisse-accent)}.aide__texte{margin:0 0 var(--espace-2)}.aide__texte:last-child{margin-block-end:0}@supports (position-anchor:--a){@media (width>=30.0625rem){.aide{inline-size:min(24rem, calc(100vw - 2 * var(--espace-3)));inset:auto;top:anchor(bottom);left:max(var(--espace-3), min(anchor(left), calc(100vw - min(24rem, 100vw - 2 * var(--espace-3)) - var(--espace-3))));position-try-fallbacks:flip-block, --aide-pied}}}@position-try --aide-pied{top:auto;bottom:var(--espace-3);left:var(--espace-3);max-block-size:calc(100dvh - 2 * var(--espace-3))}
