:root{--nuit: #0B2233;--nuit-2: #123349;--petrole: #14506E;--led: #0C171F;--jaune: #FFB51E;--jaune-2: #F2A100;--jaune-pale: #FFF4D9;--laterite: #D9472B;--laterite-pale: #FCE9E3;--vert: #0F9D63;--vert-pale: #DCF4E8;--bleu-pale: #E3EEF4;--ciment: #EDF1F0;--blanc: #FFFFFF;--trait: #D6DEE1;--trait-2: #E6ECEE;--encre: #0B2233;--encre-2: #48596A;--encre-3: #7B8B97;--rayon: 16px;--rayon-s: 11px;--ombre: 0 1px 2px rgba(11,34,51,.06),0 10px 28px rgba(11,34,51,.08);--ombre-forte: 0 2px 6px rgba(11,34,51,.08),0 24px 60px rgba(11,34,51,.22);--f-affiche: "Big Shoulders Display","Arial Narrow","Roboto Condensed",sans-serif;--f-texte: "Atkinson Hyperlegible","Segoe UI",system-ui,-apple-system,sans-serif;--f-code: "JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;--haut-sur: env(safe-area-inset-top,0px);--bas-sur: env(safe-area-inset-bottom,0px)}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}body{margin: 0;background: var(--ciment);color: var(--encre);font-family: var(--f-texte);font-size: 16px;line-height: 1.5;-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent}img,svg{display: block;max-width: 100%}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer}a{color: var(--petrole)}h1,h2,h3{margin: 0;line-height: 1.15}p{margin: 0}[hidden]{display: none !important}:focus-visible{outline: 3px solid var(--jaune);outline-offset: 2px;border-radius: 6px}.affiche{font-family: var(--f-affiche);font-weight: 800;text-transform: uppercase;letter-spacing: .02em;line-height: .95}.code{font-family: var(--f-code);font-weight: 600;letter-spacing: .02em}.chiffres{font-variant-numeric: tabular-nums}.discret{color: var(--encre-2)}.petit{font-size: 14px}.tres-petit{font-size: 12.5px}.centre{text-align: center}.sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 9px;min-height: 52px;padding: 0 22px;border-radius: 14px;border: 0;background: var(--jaune);color: var(--nuit);font-weight: 700;font-size: 17px;text-decoration: none;letter-spacing: .005em;box-shadow: 0 1px 0 rgba(0,0,0,.06),inset 0 -2px 0 rgba(0,0,0,.1);transition: transform .12s ease,background-color .15s ease,box-shadow .15s ease,opacity .15s;user-select: none}.btn:hover{background: #FFC244}.btn:active{transform: translateY(1px) scale(.99)}.btn[disabled],.btn.inactif{opacity: .5;pointer-events: none}.btn.plein{width: 100%}.btn.nuit{background: var(--nuit);color: #fff;box-shadow: inset 0 -2px 0 rgba(0,0,0,.3)}.btn.nuit:hover{background: var(--nuit-2)}.btn.vert{background: var(--vert);color: #fff;box-shadow: inset 0 -2px 0 rgba(0,0,0,.18)}.btn.vert:hover{background: #0C8C57}.btn.danger{background: var(--laterite);color: #fff;box-shadow: inset 0 -2px 0 rgba(0,0,0,.18)}.btn.fantome{background: transparent;color: var(--nuit);box-shadow: inset 0 0 0 1.5px var(--trait)}.btn.fantome:hover{background: rgba(11,34,51,.04);box-shadow: inset 0 0 0 1.5px #BCC9CE}.btn.lien{background: none;box-shadow: none;min-height: 44px;padding: 0 8px;color: var(--petrole);text-decoration: underline;text-underline-offset: 3px;font-weight: 700}.btn.moyen{min-height: 44px;font-size: 15.5px;padding: 0 16px;border-radius: 12px}.btn.mini{min-height: 36px;font-size: 14px;padding: 0 12px;border-radius: 10px}.btn svg{width: 20px;height: 20px;flex: none}.btn.mini svg{width: 17px;height: 17px}.tourne{width: 18px;height: 18px;border-radius: 50%;border: 2.5px solid currentColor;border-right-color: transparent;animation: tourne .7s linear infinite;display: inline-block;flex: none}@keyframes tourne{to{transform: rotate(360deg)}}.champ{display: grid;gap: 6px;margin-top: 14px}.champ>label,.champ .libelle{font-weight: 700;font-size: 14.5px}.champ .aide{font-size: 13px;color: var(--encre-2)}.saisie,.champ input,.champ select,.champ textarea{width: 100%;min-height: 52px;padding: 12px 14px;border-radius: 13px;border: 1.5px solid var(--trait);background: var(--blanc);font-size: 17px;outline: none;transition: border-color .15s,box-shadow .15s}.champ textarea{min-height: 90px;resize: vertical}.champ input:focus,.champ select:focus,.champ textarea:focus,.saisie:focus{border-color: var(--petrole);box-shadow: 0 0 0 4px rgba(20,80,110,.14)}.champ input[readonly]{background: var(--ciment)}.deux{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;align-items: start}.deux>.champ{margin-top: 14px}.trois{display: grid;grid-template-columns: repeat(3,1fr);gap: 12px}@media (max-width: 420px){.trois{grid-template-columns: 1fr 1fr}}.secret{position: relative}.secret input{padding-right: 56px}.oeil{position: absolute;right: 6px;top: 50%;transform: translateY(-50%);width: 44px;height: 44px;border: 0;border-radius: 10px;background: transparent;display: grid;place-items: center;color: var(--encre-2)}.oeil:hover{background: var(--ciment);color: var(--nuit)}.oeil svg{width: 22px;height: 22px}.carte{background: var(--blanc);border-radius: var(--rayon);box-shadow: var(--ombre);padding: 18px}.carte + .carte{margin-top: 12px}.bloc-titre{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;margin: 26px 0 12px}.bloc-titre h2{font-family: var(--f-affiche);font-weight: 800;font-size: 26px;text-transform: uppercase;letter-spacing: .02em}.alerte{border-radius: 13px;padding: 12px 14px;font-size: 15px;margin-top: 14px;display: flex;gap: 10px;align-items: flex-start}.alerte svg{width: 20px;height: 20px;flex: none;margin-top: 2px}.alerte.erreur{background: var(--laterite-pale);color: #8E2A15}.alerte.info{background: var(--bleu-pale);color: var(--nuit)}.alerte.ok{background: var(--vert-pale);color: #0A5E3B}.alerte.attention{background: var(--jaune-pale);color: #6E4A00}.vide{text-align: center;padding: 36px 18px;color: var(--encre-2)}.vide svg{width: 56px;height: 56px;margin: 0 auto 12px;color: var(--encre-3)}.vide strong{display: block;color: var(--encre);font-size: 18px;margin-bottom: 4px}.etiquette{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 99px;font-size: 13px;font-weight: 700;white-space: nowrap;background: var(--ciment);color: var(--encre-2)}.etiquette::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: currentColor;opacity: .8}.etiquette.attente{background: var(--jaune-pale);color: #855A00}.etiquette.signale{background: var(--bleu-pale);color: var(--petrole)}.etiquette.valide{background: var(--vert-pale);color: #0A6B42}.etiquette.refuse{background: var(--laterite-pale);color: #A3341C}.etiquette.neutre{background: var(--ciment);color: var(--encre-2)}.plaque{position: relative;overflow: hidden;background-color: var(--led);background-image: radial-gradient(rgba(255,181,30,.09) 1px,transparent 1.3px);background-size: 4px 4px;color: var(--jaune);border-radius: 10px;padding: 9px 13px 8px;font-family: var(--f-affiche);font-weight: 800;text-transform: uppercase;letter-spacing: .05em;font-size: 23px;line-height: 1;text-shadow: 0 0 10px rgba(255,181,30,.45);box-shadow: inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -10px 18px rgba(0,0,0,.35);display: flex;align-items: center;gap: 10px;white-space: nowrap}.plaque .fleche{opacity: .75;font-weight: 700}.plaque .ville{overflow: hidden;text-overflow: ellipsis}.plaque.grande{font-size: 34px;padding: 12px 16px 11px;border-radius: 12px}.jauge{display: flex;flex-wrap: wrap;gap: 3px}.jauge i{width: 7px;height: 9px;border-radius: 2px 2px 1.5px 1.5px;background: var(--jaune);box-shadow: inset 0 -2px 0 rgba(0,0,0,.12)}.jauge i.pris{background: #C9D3D7;box-shadow: none}.jauge.barre{display: block;height: 10px;border-radius: 6px;background: var(--jaune);overflow: hidden}.jauge.barre b{display: block;height: 100%;background: #C9D3D7}.tampon{position: absolute;z-index: 2;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-9deg);font-family: var(--f-affiche);font-weight: 900;text-transform: uppercase;letter-spacing: .07em;font-size: 30px;line-height: 1;color: var(--laterite);border: 3.5px solid var(--laterite);border-radius: 10px;padding: 8px 16px 6px;box-shadow: inset 0 0 0 2px #fff,inset 0 0 0 4px var(--laterite);background: rgba(255,255,255,.78);white-space: nowrap;pointer-events: none;-webkit-mask-image: radial-gradient(circle at 20% 30%,#000 60%,rgba(0,0,0,.75) 61%),radial-gradient(circle at 80% 70%,#000 55%,rgba(0,0,0,.8) 56%);-webkit-mask-composite: source-in;mask-composite: intersect}.tampon.vert{color: var(--vert);border-color: var(--vert);box-shadow: inset 0 0 0 2px #fff,inset 0 0 0 4px var(--vert)}.compteur{display: grid;grid-template-columns: 64px 1fr 64px;align-items: center;gap: 10px}.compteur button{height: 64px;border-radius: 18px;border: 0;background: var(--nuit);color: #fff;display: grid;place-items: center;transition: transform .1s,background .15s}.compteur button:active{transform: scale(.94)}.compteur button[disabled]{background: #C9D3D7;color: #fff;pointer-events: none}.compteur button svg{width: 28px;height: 28px}.compteur output{text-align: center;font-family: var(--f-affiche);font-weight: 900;font-size: 56px;line-height: 1;font-variant-numeric: tabular-nums}.total{margin-top: 16px;border-radius: 16px;padding: 14px 16px;background: var(--nuit);color: #fff;display: flex;align-items: center;justify-content: space-between;gap: 12px}.total small{display: block;color: rgba(255,255,255,.7);font-size: 14px}.total small + span{white-space: nowrap}.total strong{font-family: var(--f-affiche);font-weight: 900;font-size: 38px;letter-spacing: .01em;color: var(--jaune);font-variant-numeric: tabular-nums;white-space: nowrap}.total strong.saute{animation: saute .35s ease}@keyframes saute{40%{transform: scale(1.08)}}.puces{display: flex;gap: 8px;overflow-x: auto;padding: 2px 2px 6px;scrollbar-width: none}.puces::-webkit-scrollbar{display: none}.puce{flex: none;display: inline-flex;flex-direction: column;align-items: flex-start;gap: 1px;border: 1.5px solid var(--trait);background: var(--blanc);border-radius: 14px;padding: 9px 14px;font-weight: 700;font-size: 15.5px;color: var(--encre);text-align: left}.puce small{font-weight: 400;font-size: 12.5px;color: var(--encre-2)}.puce[aria-pressed="true"]{background: var(--nuit);border-color: var(--nuit);color: #fff}.puce[aria-pressed="true"] small{color: rgba(255,255,255,.72)}.voile{position: fixed;inset: 0;z-index: 60;background: rgba(6,19,29,.55);display: flex;align-items: flex-end;justify-content: center;animation: apparait .18s ease}.feuille{width: 100%;max-width: 560px;max-height: calc(100dvh - 24px);overflow-y: auto;overscroll-behavior: contain;background: var(--blanc);border-radius: 24px 24px 0 0;padding: 10px 20px calc(22px + var(--bas-sur));box-shadow: var(--ombre-forte);animation: monte .24s cubic-bezier(.2,.9,.3,1)}.feuille::before{content: "";display: block;width: 44px;height: 5px;border-radius: 3px;background: var(--trait);margin: 0 auto 12px}.feuille .entete{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 6px}.feuille .entete h2{font-size: 21px}.fermer{width: 44px;height: 44px;border: 0;border-radius: 12px;background: var(--ciment);display: grid;place-items: center;flex: none}.fermer svg{width: 20px;height: 20px}.feuille .actions{display: grid;gap: 10px;margin-top: 20px}@media (min-width: 700px){.voile{align-items: center;padding: 20px}.feuille{border-radius: 22px;padding: 18px 24px 24px}.feuille::before{display: none}}@keyframes apparait{from{opacity: 0}}@keyframes monte{from{transform: translateY(40px);opacity: .4}}.toasts{position: fixed;z-index: 90;left: 0;right: 0;bottom: calc(18px + var(--bas-sur));display: grid;justify-items: center;gap: 8px;pointer-events: none;padding: 0 14px}.toast{pointer-events: auto;max-width: 520px;background: var(--nuit);color: #fff;border-radius: 14px;padding: 12px 16px;font-weight: 700;font-size: 15px;box-shadow: var(--ombre-forte);display: flex;gap: 10px;align-items: center;animation: monte .2s ease}.toast.erreur{background: #9F2F18}.toast.ok{background: #0A6B42}.toast svg{width: 20px;height: 20px;flex: none}.tableau{width: 100%;border-collapse: collapse;font-size: 15px}.tableau th{text-align: left;font-size: 12.5px;text-transform: uppercase;letter-spacing: .05em;color: var(--encre-2);font-weight: 700;padding: 10px 10px;border-bottom: 1.5px solid var(--trait);white-space: nowrap}.tableau td{padding: 11px 10px;border-bottom: 1px solid var(--trait-2);vertical-align: middle}.tableau .nb{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}.defile{overflow-x: auto;-webkit-overflow-scrolling: touch}.libelle-compteur{font-weight: 700;margin-bottom: 8px;display: flex;justify-content: space-between;gap: 10px}.libelle-compteur span{font-weight: 400;color: var(--encre-2);font-size: 14px}.choix-moyen{display: flex;flex-wrap: wrap;gap: 8px}.choix-moyen label{cursor: pointer}.choix-moyen input{position: absolute;opacity: 0;pointer-events: none}.choix-moyen span{display: inline-block;padding: 10px 14px;border-radius: 12px;border: 1.5px solid var(--trait);font-weight: 700;background: var(--blanc)}.choix-moyen input:checked + span{background: var(--nuit);border-color: var(--nuit);color: #fff}.choix-moyen input:focus-visible + span{outline: 3px solid var(--jaune);outline-offset: 2px}.onglets-connexion{display: grid;grid-template-columns: 1fr 1fr;background: var(--ciment);border-radius: 14px;padding: 4px;gap: 4px;margin: 6px 0 4px}.onglets-connexion button{border: 0;background: transparent;border-radius: 11px;min-height: 44px;font-weight: 700;color: var(--encre-2)}.onglets-connexion button[aria-selected="true"]{background: var(--blanc);color: var(--nuit);box-shadow: 0 1px 3px rgba(0,0,0,.1)}.champ input[type="checkbox"],.champ input[type="radio"]{width: auto;min-height: 0}.qr{background: #fff;border-radius: 14px;padding: 6px}.qr svg{width: 100%;height: auto}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .001ms !important;animation-iteration-count: 1 !important;transition-duration: .001ms !important}}