:root{--surface-base:#f7f7f5;--surface-raised:#ffffff;--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{margin:0;background:var(--surface-base);color:var(--text-primary);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{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}.connexion-carte{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:6px;padding:24px}.connexion-titre{margin:0;font-size:18px;font-weight:600;line-height:1.3}.connexion-sous-titre{margin:0 0 8px;color:var(--text-secondary)}.connexion-etiquette{font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--text-secondary)}.connexion-champ{min-height:44px;padding:8px 12px;border:1px solid var(--border-default);border-radius:var(--rounded-sm);font-size:14px;color:var(--text-primary);background:var(--surface-raised)}.connexion-erreur{margin:0;color:var(--erreur)}.connexion-bouton{min-height:44px;padding:8px 16px;border:none;border-radius:var(--rounded-sm);background:var(--accent);color:#ffffff;font-size:14px;font-weight:600;cursor:pointer}.connexion-bouton:disabled{opacity:.7;cursor:not-allowed}.site-vue{max-width:640px;margin:0 auto;padding:var(--espace-6) var(--espace-4);display:flex;flex-direction:column;gap:var(--espace-4)}.site-titre{margin:0;font-size:18px;font-weight:600;line-height:1.3}.site-ambition{margin:4px 0 0;color:var(--text-secondary)}.carte-site{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-4);display:flex;flex-direction:column;gap:var(--espace-2)}.site-chiffres{display:flex;flex-wrap:wrap;gap:var(--espace-6)}.site-chiffre{display:flex;flex-direction:column;gap:2px}.chiffre-cle{margin:0;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:28px;font-weight:600;line-height:1.1;color:var(--text-primary)}.site-etiquette{color:var(--text-secondary)}.indicateur-fraicheur,.site-etiquette{margin:0;font-size:12px;font-weight:500;letter-spacing:.02em}.indicateur-fraicheur{color:var(--text-muted)}.site-etat-vide{margin:0;color:var(--text-secondary)}.section-titre{margin:0 0 var(--espace-2);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary)}.graphiques{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:600px){.graphiques{grid-template-columns:1fr}}.carte-graphique{position:relative;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-4)}.carte-graphique h3{margin:0 0 4px;font-size:13px;font-weight:600}.legende{margin:0 0 var(--espace-2);display:flex;gap:12px;font-size:11px;color:var(--text-muted)}.legende .puce{display:inline-block;width:14px;border-top:2px solid;margin-right:4px;vertical-align:middle}.legende .puce.tirets{border-top-style:dashed}.axe-note{margin:6px 0 0;font-size:11px;color:var(--chart-axe)}.resume-accessible{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.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{width:100%;border-collapse:collapse;font-size:13px}.tableau-pages td,.tableau-pages th{text-align:left;padding:6px var(--espace-2);border-bottom:1px solid var(--border-default)}.tableau-pages th{padding:0;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.tableau-pages tbody tr:last-child td{border-bottom:none}.tableau-pages .colonne-nombre{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tableau-pages .colonne-chemin{word-break:break-all}.entete-tri{display:flex;align-items:center;gap:4px;width:100%;min-height:44px;padding:0 var(--espace-2);background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer}.tableau-pages .colonne-nombre .entete-tri{justify-content:flex-end}.entete-tri:hover{color:var(--text-primary)}.fleche-tri{display:inline-block;width:1em;font-size:10px;color:var(--accent)}.badge-origine{display:inline-block;padding:1px 6px;border:1px solid var(--border-default);border-radius:var(--rounded-sm);font-size:11px;white-space:nowrap;color:var(--text-secondary)}.badge-generee{border-color:var(--accent);color:var(--accent)}.badge-severite{display:inline-block;padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.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{margin:0;padding:0;list-style:none;flex-direction:column}.alerte-ligne,.alertes-liste{display:flex;gap:var(--espace-2)}.alerte-ligne{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--rounded-md);padding:var(--espace-4);flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.alerte-corps{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:min(100%,240px);flex:1 1 240px}.alerte-fait{margin:0;color:var(--text-primary)}.alerte-date{margin:0;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--text-muted)}.alerte-erreur{margin:0;color:var(--erreur)}.alerte-actions{display:flex;gap:var(--espace-2);flex-wrap:wrap}.bouton-discret{min-height:44px;padding:var(--espace-2) var(--espace-4);background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--rounded-sm);font:inherit;cursor:pointer}.bouton-discret:hover{color:var(--text-primary);border-color:var(--border-default)}.bouton-discret:disabled{opacity:.7;cursor:not-allowed}.alerte-aucune{margin:0;display:flex;align-items:center;gap:var(--espace-2);color:var(--text-secondary)}.lien-sous-vue{margin:var(--espace-2) 0 0;font-size:14px}.lien-retour,.lien-sous-vue a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}.lien-retour:hover,.lien-sous-vue a:hover{color:var(--text-primary)}.lien-retour{display:inline-block;margin-top:var(--espace-2);font-size:14px}.alerte-dates{margin:0;display:flex;flex-wrap:wrap;gap:var(--espace-2) var(--espace-4)}.alerte-date-paire{display:flex;gap:6px;font-size:12px;letter-spacing:.02em;color:var(--text-muted)}.alerte-date-paire dt{font-weight:500}.alerte-date-paire dd{margin:0;color:var(--text-secondary)}.panneau-cartes{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:var(--espace-4)}@media (min-width:700px){.panneau-cartes{grid-template-columns:repeat(2,1fr)}}.carte-lien{color:inherit;text-decoration:none;min-height:44px}.carte-lien:hover{border-color:var(--accent)}.carte-lien:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.carte-entete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--espace-2)}.carte-ecart{margin:0;color:var(--text-secondary)}.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);display:flex;flex-direction:column;gap:var(--espace-2)}.bandeau-sante-titre{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary)}.bandeau-sante-resume{margin:0;color:var(--text-primary)}.bandeau-sante-alerte{color:var(--color-perimee);font-weight:600}.sante-flux-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sante-ligne{display:flex;flex-wrap:wrap;gap:var(--espace-2);font-size:12px;color:var(--text-muted)}.sante-flux{font-weight:600;color:var(--text-secondary)}.sante-ligne-retard,.sante-ligne-retard .sante-flux{color:var(--color-perimee)}.entete-console{display:flex;align-items:center;justify-content:space-between;gap:var(--espace-4);margin-bottom:var(--espace-4);padding-bottom:var(--espace-2);border-bottom:1px solid var(--border-default)}.entete-lien{display:inline-flex;align-items:center;min-height:44px;color:var(--text-secondary);font-size:14px;text-decoration:none}.entete-lien:hover{color:var(--text-primary);text-decoration:underline}.entete-lien-inerte{color:var(--text-secondary);opacity:.6;cursor:default}.entete-lien-inerte:hover{color:var(--text-secondary);text-decoration:none}.entete-console form{margin:0}