:root{--bleu-epdm:#1b4b90;--bleu-ciel:#dee5f2;--bleu-pale:#e0f0ff;--bleu-lien:#0066cc;--orange:#ff6900;--fond:#f3f6fb;--carte:#ffffff;--texte:#333333;--texte-2:#5d6675;--bord:#d9e0ec;--vert:#1f7a4d;--vert-clair:#e5f3ec;--rouge:#b42318;--rouge-clair:#fdecea;--orange-texte:#b54708;--orange-clair:#fff4e8;--rayon:10px;--ombre:0 1px 2px rgba(27,75,144,.06),0 2px 6px rgba(27,75,144,.06)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--fond);color:var(--texte);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:var(--bleu-lien)}.entete{background:#fff;border-bottom:4px solid var(--bleu-epdm);box-shadow:0 1px 4px rgba(27,75,144,.08)}.entete-int{max-width:1180px;margin:0 auto;padding:12px 16px;gap:20px;flex-wrap:wrap}.entete-int,.marque{display:flex;align-items:center}.marque{gap:14px;text-decoration:none}.marque img{height:46px;width:auto;display:block}.marque span{color:var(--bleu-epdm);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1.4px;border-left:2px solid var(--bleu-ciel);padding-left:14px}.menu-principal{display:flex;gap:4px;flex-wrap:wrap}.menu-lien{padding:8px 14px;border-radius:30px;color:var(--bleu-epdm);font-weight:600;text-decoration:none;font-size:14.5px}.menu-lien:hover{background:var(--bleu-pale)}.menu-lien.actif{background:var(--bleu-ciel)}.profil{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:13.5px;color:var(--texte-2)}.profil a{color:var(--bleu-epdm);font-weight:600;text-decoration:none}.profil a:hover{color:var(--orange)}.bandeau-demo{background:#fdf3c4;color:#5c4a00;text-align:center;font-size:13px;font-weight:600;padding:6px 12px}main{max-width:1180px;margin:0 auto;padding:22px 16px 80px}h1{font-size:24px;margin:0 0 4px}h1,h2{color:var(--bleu-epdm)}h2{font-size:17px;margin:0}.aide{margin:0 0 18px}.aide,.note{color:var(--texte-2)}.note{font-size:12.5px}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:var(--rayon);box-shadow:var(--ombre);padding:18px 20px}.carte+.carte{margin-top:14px}.vide{color:var(--texte-2);text-align:center}.alerte{background:var(--rouge-clair);color:var(--rouge);border-left:5px solid var(--rouge);padding:12px 16px;border-radius:8px;margin:0 0 16px;font-weight:600}.compteurs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.compteur{background:#fff;border:1px solid var(--bord);border-radius:var(--rayon);padding:12px 16px;text-decoration:none;color:var(--texte-2);box-shadow:var(--ombre)}.compteur b{display:block;font-size:26px;color:var(--bleu-epdm);line-height:1.1}.compteur span{font-size:13px}.compteur.choisi,.compteur:hover{border-color:var(--bleu-epdm)}.compteur.choisi{background:var(--bleu-ciel);box-shadow:inset 0 0 0 1px var(--bleu-epdm)}.filtres{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:18px}.filtre-titre{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--texte-2);margin:0 4px 0 8px}.filtre-titre:first-child{margin-left:0}.puce{padding:5px 12px;border-radius:999px;border:1px solid var(--bord);background:#fff;color:var(--texte);text-decoration:none;font-size:13px}.puce.choisi,.puce:hover{border-color:var(--bleu-epdm)}.puce.choisi{background:var(--bleu-epdm);color:#fff}.client-tete{justify-content:space-between;gap:6px 20px;align-items:baseline;margin-bottom:10px}.chiffres,.client-tete{display:flex;flex-wrap:wrap}.chiffres{gap:6px 18px;font-size:13.5px;color:var(--texte-2)}.chiffres b{color:var(--texte)}table.alertes{width:100%;border-collapse:collapse;font-size:14px}.alertes th{text-align:left;font-size:12px;color:var(--texte-2);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--bord)}.alertes td{padding:9px 8px;border-bottom:1px solid #eef1f6;vertical-align:top}.alertes tr:last-child td{border-bottom:none}.alertes td:first-child{width:150px}.alertes td:nth-child(3){width:210px}.alertes td:nth-child(4){width:110px;white-space:nowrap}.alertes td:nth-child(5){width:130px}.alertes small{display:block;color:var(--texte-2);font-size:12px}.nombre{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}.badge.rouge{background:var(--rouge-clair);color:var(--rouge)}.badge.orange{background:var(--orange-clair);color:var(--orange-texte)}.badge.vert{background:var(--vert-clair);color:var(--vert)}.statut{font-weight:600;font-size:13px}.statut.nouvelle{color:var(--orange-texte)}.statut.en_cours{color:var(--bleu-epdm)}.statut.levee,.statut.traitee{color:var(--vert)}.regles{margin-top:26px;font-size:13.5px}.regles h2{margin-bottom:10px}.regles dl{margin:10px 0;display:grid;grid-gap:8px;gap:8px}.regles dl>div{display:grid;grid-template-columns:160px 1fr;grid-gap:12px;gap:12px;align-items:baseline}.regles dd{margin:0}.regles ul{margin:4px 0 10px;padding-left:20px}.connexion{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:24px 16px}.connexion .carte{max-width:420px;width:100%;text-align:center;padding:32px 28px}.logo-connexion{display:block;margin:0 auto 14px}.btn-ms{display:inline-flex;align-items:center;gap:10px;border:1px solid #8c8c8c;background:#fff;padding:11px 20px;border-radius:4px;font-weight:600;color:#5e5e5e}.btn-ms:hover{background:#f3f3f3}.ms{display:grid;grid-template-columns:9px 9px;grid-gap:2px;gap:2px}.ms i{width:9px;height:9px;display:block}@media (max-width:720px){.compteurs{grid-template-columns:repeat(2,minmax(0,1fr))}.alertes thead{display:none}.alertes tr{display:block;padding:10px 0;border-bottom:1px solid #eef1f6}.alertes td{display:block;border:none;padding:3px 0;width:auto!important;text-align:left}.alertes td[data-titre="Dernier achat"]:before,.alertes td[data-titre=Montant]:before{content:attr(data-titre) " : ";color:var(--texte-2);font-size:12.5px}.regles dl>div{grid-template-columns:1fr;gap:2px}.profil{margin-left:0}}.lien-client{color:var(--bleu-epdm);font-weight:700;text-decoration:none}.lien-client:hover{text-decoration:underline}.recherche{display:flex;gap:10px;margin:0 0 14px}.recherche input{flex:1 1;padding:11px 14px;border:1px solid var(--bord);border-radius:30px;font:inherit;background:#fff;min-width:0}.recherche input:focus{outline:2px solid var(--bleu-lien);outline-offset:-1px}.btn{border:1px solid var(--bleu-pale);background:var(--bleu-pale);color:#003b82;padding:10px 20px;border-radius:30px;font-weight:700}.btn-principal{background:var(--orange);border-color:var(--orange);color:#fff}.btn-principal:hover{background:#e65f00}.filtres .compte{margin-left:auto}.tableau{padding:6px 12px;overflow-x:auto}table.ecarts,table.liste-clients{width:100%;border-collapse:collapse;font-size:14px}.ecarts th,.liste-clients th{text-align:left;font-size:12px;color:var(--texte-2);font-weight:600;padding:8px;border-bottom:1px solid var(--bord);white-space:nowrap}.ecarts th.nombre,.liste-clients th.nombre{text-align:right}.liste-clients th a.tri{color:inherit;text-decoration:none}.liste-clients th a.tri:hover{color:var(--bleu-epdm);text-decoration:underline}.liste-clients th a.tri.actif{color:var(--bleu-epdm)}.tri-mobile{display:none}.ecarts td,.liste-clients td{padding:8px;border-bottom:1px solid #eef1f6;vertical-align:top}.ecarts tr:last-child td,.liste-clients tr:last-child td{border-bottom:none}.liste-clients small{display:block;color:var(--texte-2);font-size:12px}.baisse{color:var(--rouge)}.hausse{color:var(--vert)}.pastille-alerte{display:inline-block;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--orange-clair);color:var(--orange-texte);font-weight:700;font-size:12.5px;text-align:center}.retour{display:inline-block;text-decoration:none;font-weight:600;font-size:14px}.client-entete,.retour{margin-bottom:8px}.client-entete .aide{margin-bottom:12px}.filtres .note{margin-left:6px}.indicateurs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px;margin:6px 0 14px}.indicateur{background:#fff;border:1px solid var(--bord);border-radius:var(--rayon);padding:12px 14px;box-shadow:var(--ombre)}.indicateur span{display:block;font-size:12.5px;color:var(--texte-2)}.indicateur b{display:block;font-size:22px;color:var(--texte);margin:2px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.indicateur small{font-size:12px;color:var(--texte-2)}.indicateur small.baisse{color:var(--rouge)}.indicateur small.hausse{color:var(--vert)}.lecture{border-left:5px solid var(--bleu-epdm)}.carte>h2,.lecture h2{margin-bottom:10px}.lecture ul{margin:0;padding-left:20px;display:grid;grid-gap:6px;gap:6px;font-size:14.5px}.courbe{margin:0}.courbe svg{width:100%;height:auto;display:block}.courbe .grille{stroke:#e6ebf3;stroke-width:1}.courbe .axe{fill:var(--texte-2);font-size:11px}.courbe .barre{fill:#c5d2e8}.courbe .barre.n1{fill:#7f9cc9}.courbe .barre.p{fill:var(--bleu-epdm)}.courbe g:hover .barre{opacity:.8}.courbe figcaption{font-size:12px;color:var(--texte-2);margin-top:4px}.courbe .cle{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px 0 10px;vertical-align:-1px}.courbe .cle:first-child{margin-left:0}.courbe .cle.p{background:var(--bleu-epdm)}.courbe .cle.n1{background:#7f9cc9}.ecarts a{color:var(--bleu-epdm);font-weight:600}.grille-articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 24px;gap:10px 24px}.bloc-articles h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--texte-2);margin:4px 0 6px}.bloc-articles ul{list-style:none;margin:0;padding:0;font-size:13.5px}.bloc-articles li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid #eef1f6}.bloc-articles li b{white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.liste-alertes{margin:0;padding-left:0;list-style:none;display:grid;grid-gap:8px;gap:8px;font-size:14px}@media (max-width:980px){.indicateurs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.indicateurs{grid-template-columns:repeat(2,minmax(0,1fr))}.grille-articles{grid-template-columns:1fr}.recherche{flex-direction:column}.ecarts thead,.liste-clients thead{display:none}.tri-mobile{display:inline-flex}.ecarts tr,.liste-clients tr{display:block;padding:8px 0;border-bottom:1px solid #eef1f6}.ecarts td,.liste-clients td{display:flex;justify-content:space-between;gap:10px;border:none;padding:2px 0;text-align:right}.ecarts td:first-child,.liste-clients td:first-child{display:block;text-align:left}.ecarts td:not(:first-child):before,.liste-clients td:not(:first-child):before{content:attr(data-titre);color:var(--texte-2);font-size:12.5px;text-align:left}}