:root{--surface-base:#f7f7f5;--surface-raised:#fff;--border-default:#dededa;--text-primary:#1a1a18;--text-secondary:#5c5c56;--text-muted:#8a8a82;--accent:#2b5d8c;--focus-ring:#2b5d8c;--erreur:#8a1f1f;--color-perimee:#b8763a;--rounded-sm:4px;--rounded-md:6px;--espace-2:8px;--espace-4:16px;--espace-6:24px;--chart-line-primaire:#2b5d8c;--chart-line-secondaire:#3a7d7d;--chart-fill:#2b5d8c1a;--chart-grid:#e3e3df;--chart-axe:#8a8a82;--severite-critique-bg:#fbe7e7;--severite-critique-fg:#8a1f1f;--severite-critique-bordure:#d64545;--severite-routine-bg:#fff6e0;--severite-routine-fg:#7a5a00;--severite-routine-bordure:#e0b23d;--severite-neutre-bg:#e8f1e8;--severite-neutre-fg:#245c2e;--severite-neutre-bordure:#5fa872}*{box-sizing:border-box}body{background:var(--surface-base);color:var(--text-primary);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.5}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.connexion-ecran{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.connexion-carte{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:6px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:24px;display:flex}.connexion-titre{margin:0;font-size:18px;font-weight:600;line-height:1.3}.connexion-sous-titre{color:var(--text-secondary);margin:0 0 8px}.connexion-etiquette{letter-spacing:.02em;color:var(--text-secondary);font-size:12px;font-weight:500}.connexion-champ{border:1px solid var(--border-default);border-radius:var(--rounded-sm);min-height:44px;color:var(--text-primary);background:var(--surface-raised);padding:8px 12px;font-size:14px}.connexion-erreur{color:var(--erreur);margin:0}.connexion-bouton{border-radius:var(--rounded-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;min-height:44px;padding:8px 16px;font-size:14px;font-weight:600}.connexion-bouton:disabled{opacity:.7;cursor:not-allowed}.site-vue{max-width:640px;padding:var(--espace-6) var(--espace-4);gap:var(--espace-4);flex-direction:column;margin:0 auto;display:flex}.site-titre{margin:0;font-size:18px;font-weight:600;line-height:1.3}.site-ambition{color:var(--text-secondary);margin:4px 0 0}.carte-site{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-4);gap:var(--espace-2);flex-direction:column;display:flex}.site-chiffres{gap:var(--espace-6);flex-wrap:wrap;display:flex}.site-chiffre{flex-direction:column;gap:2px;display:flex}.chiffre-cle{color:var(--text-primary);margin:0;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:28px;font-weight:600;line-height:1.1}.site-etiquette{letter-spacing:.02em;color:var(--text-secondary);margin:0;font-size:12px;font-weight:500}.indicateur-fraicheur{letter-spacing:.02em;color:var(--text-muted);margin:0;font-size:12px;font-weight:500}.site-etat-vide{color:var(--text-secondary);margin:0}.section-titre{margin:0 0 var(--espace-2);text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);font-size:14px;font-weight:600}.graphiques{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:600px){.graphiques{grid-template-columns:1fr}}.carte-graphique{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-4);position:relative}.carte-graphique h3{margin:0 0 4px;font-size:13px;font-weight:600}.legende{margin:0 0 var(--espace-2);color:var(--text-muted);gap:12px;font-size:11px;display:flex}.legende .puce{vertical-align:middle;border-top:2px solid;width:14px;margin-right:4px;display:inline-block}.legende .puce.tirets{border-top-style:dashed}.axe-note{color:var(--chart-axe);margin:6px 0 0;font-size:11px}.resume-accessible{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tableau-pages-cadre{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-2) var(--espace-4) var(--espace-4);overflow-x:auto}.tableau-pages{border-collapse:collapse;width:100%;font-size:13px}.tableau-pages th,.tableau-pages td{text-align:left;padding:6px var(--espace-2);border-bottom:1px solid var(--border-default)}.tableau-pages th{color:var(--text-secondary);letter-spacing:.02em;white-space:nowrap;padding:0;font-size:12px;font-weight:600}.tableau-pages tbody tr:last-child td{border-bottom:none}.tableau-pages .colonne-nombre{text-align:right;font-variant-numeric:tabular-nums}.tableau-pages .colonne-chemin{word-break:break-all}.entete-tri{width:100%;min-height:44px;padding:0 var(--espace-2);color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:flex}.tableau-pages .colonne-nombre .entete-tri{justify-content:flex-end}.entete-tri:hover{color:var(--text-primary)}.fleche-tri{width:1em;color:var(--accent);font-size:10px;display:inline-block}.badge-origine{border:1px solid var(--border-default);border-radius:var(--rounded-sm);white-space:nowrap;color:var(--text-secondary);padding:1px 6px;font-size:11px;display:inline-block}.badge-generee{border-color:var(--accent);color:var(--accent)}.badge-severite{letter-spacing:.02em;white-space:nowrap;border-radius:9999px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-severite-critique{background:var(--severite-critique-bg);color:var(--severite-critique-fg);border:1px solid var(--severite-critique-bordure)}.badge-severite-routine{background:var(--severite-routine-bg);color:var(--severite-routine-fg);border:1px solid var(--severite-routine-bordure)}.badge-severite-neutre{background:var(--severite-neutre-bg);color:var(--severite-neutre-fg);border:1px solid var(--severite-neutre-bordure)}.alertes-liste{gap:var(--espace-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.alerte-ligne{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-4);justify-content:space-between;align-items:flex-start;gap:var(--espace-2);flex-wrap:wrap;display:flex}.alerte-corps{flex-direction:column;flex:240px;align-items:flex-start;gap:4px;min-width:min(100%,240px);display:flex}.alerte-fait{color:var(--text-primary);margin:0}.alerte-date{letter-spacing:.02em;color:var(--text-muted);margin:0;font-size:12px;font-weight:500}.alerte-erreur{color:var(--erreur);margin:0}.alerte-actions{gap:var(--espace-2);flex-wrap:wrap;display:flex}.bouton-discret{min-height:44px;padding:var(--espace-2) var(--espace-4);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--rounded-sm);font:inherit;cursor:pointer;background:0 0}.bouton-discret:hover{color:var(--text-primary);border-color:var(--border-default)}.bouton-discret:disabled{opacity:.7;cursor:not-allowed}.alerte-aucune{align-items:center;gap:var(--espace-2);color:var(--text-secondary);margin:0;display:flex}.lien-sous-vue{margin:var(--espace-2) 0 0;font-size:14px}.lien-sous-vue a,.lien-retour{color:var(--text-secondary);text-underline-offset:3px;text-decoration:underline}.lien-sous-vue a:hover,.lien-retour:hover{color:var(--text-primary)}.lien-retour{margin-top:var(--espace-2);font-size:14px;display:inline-block}.alerte-dates{gap:var(--espace-2) var(--espace-4);flex-wrap:wrap;margin:0;display:flex}.alerte-date-paire{letter-spacing:.02em;color:var(--text-muted);gap:6px;font-size:12px;display:flex}.alerte-date-paire dt{font-weight:500}.alerte-date-paire dd{color:var(--text-secondary);margin:0}.panneau-cartes{gap:var(--espace-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.panneau-cartes{grid-template-columns:repeat(2,1fr)}}.carte-lien{color:inherit;min-height:44px;text-decoration:none}.carte-lien:hover{border-color:var(--accent)}.carte-lien:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.carte-entete{justify-content:space-between;align-items:center;gap:var(--espace-2);flex-wrap:wrap;display:flex}.carte-ecart{color:var(--text-secondary);margin:0}.indicateur-fraicheur-perimee{color:var(--color-perimee)}.bandeau-sante{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-4);gap:var(--espace-2);flex-direction:column;display:flex}.bandeau-sante-titre{text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);margin:0;font-size:14px;font-weight:600}.bandeau-sante-resume{color:var(--text-primary);margin:0}.bandeau-sante-alerte{color:var(--color-perimee);font-weight:600}.sante-flux-liste{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sante-ligne{gap:var(--espace-2);color:var(--text-muted);flex-wrap:wrap;font-size:12px;display:flex}.sante-flux{color:var(--text-secondary);font-weight:600}.sante-ligne-retard,.sante-ligne-retard .sante-flux{color:var(--color-perimee)}