:root{--primary:#3bb273;--primary-600:#2f9c63;--primary-700:#268653;--primary-050:#e9f7f0;--primary-100:#cfeedd;--navy:#1f3d61;--teal:#2f7f8f;--ink:#152c4a;--ink-2:#1b3557;--ink-3:#254268;--surface:#f4f7f8;--card:#fff;--line:#e4eaed;--text:#1b2b3a;--text-2:#5b6b77;--text-3:#8a98a3;--amber:#f59e0b;--amber-bg:#fef3e2;--violet:#2f7f8f;--violet-bg:#e7f1f3;--blue:#1f3d61;--blue-bg:#e9eef5;--red:#e5484d;--red-bg:#fdebec;--green:#3bb273;--green-bg:#e9f7f0;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #152c4a0d,0 4px 16px #152c4a0f}*{box-sizing:border-box}body{background:var(--surface);color:var(--text);margin:0;font-family:Inter,sans-serif}.app{min-height:100vh;display:flex}.sidebar{background:var(--navy);width:236px;color:var(--card);flex-direction:column;flex:0 0 236px;gap:12px;padding:14px;display:flex}.marque{align-items:center;gap:10px;font-size:13px;display:flex}.marque-sigle{border-radius:var(--radius-sm);background:var(--teal);justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.marque-baseline{opacity:.7;font-size:11.5px;display:block}.sidebar nav a{color:var(--card);border-radius:var(--radius-sm);padding:9px 10px;font-size:13px;text-decoration:none;display:block}.sidebar nav a[aria-current=page]{background:var(--primary)}.identite{opacity:.85;align-items:center;gap:8px;margin-top:auto;font-size:12px;display:flex}.avatar{background:var(--teal);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.principal{flex-direction:column;flex:1;min-width:0;display:flex}.filtres{background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 20px;display:flex}.filtres-titre{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);align-self:center;font-size:11px}.champ{color:var(--text-2);flex-direction:column;gap:4px;font-size:11.5px;display:flex}.champ select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);min-width:180px;height:32px;color:var(--text);padding:0 8px;font-family:inherit;font-size:12.5px}.filtres-echec{color:var(--red);background:var(--red-bg);border-radius:var(--radius-sm);flex-basis:100%;margin:0;padding:8px 10px;font-size:12.5px}main{min-width:0;padding:18px 20px 32px}.entete-ecran{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.entete-ecran h1{margin:0 0 4px;font-family:Sora,sans-serif;font-size:22px}.sous-titre{color:var(--text-2);max-width:78ch;margin:0;font-size:13px}.mention-portee{color:var(--text);background:var(--amber-bg);border-left:3px solid var(--amber);border-radius:var(--radius-sm);max-width:80ch;margin:6px 0 0;padding:7px 10px;font-size:12.5px}.btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);height:32px;color:var(--text);cursor:pointer;align-items:center;padding:0 13px;font-family:inherit;font-size:12.5px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--primary);color:var(--primary-700)}.btn[aria-busy=true]{cursor:progress;color:var(--text-3)}.dump-refus{color:var(--red);background:var(--red-bg);border-radius:var(--radius-sm);max-width:80ch;margin:0 0 12px;padding:10px 12px;font-size:12.5px}.bandeau{background:var(--blue-bg);border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:var(--radius);margin-bottom:16px;padding:12px 14px}.bandeau-titre{text-transform:uppercase;letter-spacing:.08em;color:var(--navy);margin:0 0 8px;font-family:Sora,sans-serif;font-size:12px}.bandeau-vide{color:var(--text-2);margin:0 0 8px;font-size:12.5px}.bandeau-champs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 18px;margin:0;display:grid}.bandeau-champ dt{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-size:10.5px}.bandeau-champ dd{color:var(--text);margin:0;font-size:12.5px}.bandeau-champ[data-champ=portee]{grid-column:1/-1}.bloc{margin-bottom:20px}.bloc h2{margin:0 0 10px;font-family:Sora,sans-serif;font-size:14px}.tuiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.tuile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:12px 14px}.tuile-valeur{overflow-wrap:anywhere;font-family:Sora,sans-serif;font-size:19px;font-weight:700}.tuile-libelle{color:var(--text-2);margin-top:4px;font-size:12px}.mesure-observee{text-transform:uppercase;letter-spacing:.05em;color:var(--teal);background:var(--violet-bg);border-radius:var(--radius-sm);vertical-align:middle;margin-left:6px;padding:1px 6px;font-family:Inter,sans-serif;font-size:10.5px;font-weight:500;display:inline-block}.masquee{color:var(--amber);background:var(--amber-bg);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 7px;font-size:12px}.evolution{font-variant-numeric:tabular-nums}.table-large{overflow-x:auto}table{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;font-size:12.5px}th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 12px;font-size:11px}tbody th{color:var(--text);text-transform:none;letter-spacing:normal;font-size:12.5px}td{border-bottom:1px solid var(--line);padding:9px 12px}.note{color:var(--text-3);margin:10px 0 0;font-size:12px}.etat{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:var(--radius);padding:14px 16px}.etat[data-etat=erreur],.etat[data-etat=indisponible]{border-left-color:var(--red)}.etat h2{margin:0 0 6px;font-family:Sora,sans-serif;font-size:15px}.etat p{color:var(--text-2);max-width:80ch;margin:0 0 6px;font-size:13px}.etat-champs{flex-wrap:wrap;gap:24px;margin:10px 0;display:flex}.etat-champs dt{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-size:10.5px}.etat-champs dd{margin:0;font-size:14px;font-weight:600}.etat-conduite{color:var(--text-2);font-size:12.5px}.etat-chargement{border-left-color:var(--line)}@media (width<=1439px){.tuiles{grid-template-columns:repeat(4,minmax(0,1fr))}.bandeau-champs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1279px){.tuiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1099px){.sidebar{flex-basis:200px;width:200px}.tuiles,.bandeau-champs{grid-template-columns:repeat(2,minmax(0,1fr))}.champ select{min-width:150px}}