:root{--bg: #F5F6F8;--surface: #FFFFFF;--surface-2: #F8F9FB;--bord: #DFE1E6;--bord-fort: #B7BAC3;--texte: #1A1C21;--muet: #6A6F7B;--navy: #1E3A5F;--navy-fonce: #162C49;--or: #F4BC4F;--ok: #1B7A3D;--ok-bg: #E9F5EE;--warn: #8A5800;--warn-bg: #FBF1DC;--danger: #B3261E;--danger-bg: #FAEAE9;--info-bg: #EBF1F8}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--texte);font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.mono,code{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:600;letter-spacing:.4px;font-variant-numeric:tabular-nums}td.num,th.num,.num{font-variant-numeric:tabular-nums}a{color:var(--navy)}h1,h2,h3{font-weight:700;margin:0;color:var(--texte)}.grille-fond{background:var(--bg)}.panel{background:var(--surface);border:1px solid var(--bord);border-radius:4px}.panel-titre{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;border-bottom:1px solid var(--bord);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--navy)}.panel-corps{padding:14px}.panel-etat{padding:6px 14px;border-top:1px solid var(--bord);font-size:11.5px;color:var(--muet)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);color:var(--texte);border:1px solid var(--bord-fort);border-radius:4px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none;white-space:nowrap}.btn:hover{border-color:var(--navy);color:var(--navy);background:var(--surface)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primaire{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-primaire:hover{background:var(--navy-fonce);border-color:var(--navy-fonce);color:#fff}.btn-danger{color:var(--danger);border-color:var(--danger);background:var(--surface)}.btn-danger:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.btn-sm{padding:4px 10px;font-size:12px}label.champ{display:block;margin-bottom:10px}label.champ>span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muet);margin-bottom:4px;font-weight:700}input,select,textarea{width:100%;background:var(--surface);color:var(--texte);border:1px solid var(--bord-fort);border-radius:4px;padding:8px 10px;font-size:13.5px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 2px #1e3a5f26}input::placeholder{color:#9aa0ac}table.tbl{border-collapse:collapse;width:100%;font-size:13.5px;background:var(--surface)}.tbl th{text-align:left;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muet);font-weight:700;padding:7px 10px;border-bottom:1px solid var(--bord-fort);background:var(--surface)}.tbl td{padding:8px 10px;border-bottom:1px solid var(--bord);vertical-align:middle}.tbl tr.cliquable{cursor:pointer}.tbl tr.cliquable:hover td{background:var(--surface-2)}.tbl td.num,.tbl th.num{text-align:right}.badge{display:inline-block;padding:2px 8px;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:3px;border:1px solid transparent;white-space:nowrap}.badge.brouillon{color:var(--muet);border-color:var(--bord-fort);border-style:dashed;background:var(--surface)}.badge.au_depot,.badge.ouvert,.badge.prepare{color:var(--navy);background:var(--info-bg)}.badge.groupe,.badge.ferme{color:var(--warn);background:var(--warn-bg)}.badge.parti{color:#fff;background:var(--navy)}.badge.arrive{color:var(--ok);background:var(--ok-bg)}.badge.retire,.badge.cloture{color:var(--muet);background:var(--surface-2);border-color:var(--bord)}.badge.impaye{color:var(--danger);background:var(--danger-bg)}.ico-svg{display:inline-block;vertical-align:-.16em;flex:0 0 auto}.btn .ico-svg{vertical-align:baseline}.muet{color:var(--muet)}.sep{border:none;border-top:1px solid var(--bord);margin:12px 0}.grid{display:grid;gap:12px}.ligne{display:flex;gap:8px;align-items:center}.espace{flex:1}.kpi{font-size:28px;font-weight:700;line-height:1.1;color:var(--navy);font-variant-numeric:tabular-nums}.kpi-lbl{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muet);font-weight:700}.jauge{display:flex;gap:2px;height:10px}.jauge>i{flex:1;background:var(--surface-2);border:1px solid var(--bord);border-radius:1px}.jauge>i.plein{background:var(--navy);border-color:var(--navy)}.jauge>i.limite{background:var(--danger);border-color:var(--danger)}.alerte{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--warn);border-left:4px solid var(--warn);padding:8px 12px;font-size:12.5px;border-radius:4px;background:var(--warn-bg);color:var(--warn)}.alerte-danger{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--danger);border-left:4px solid var(--danger);padding:8px 12px;font-size:12.5px;border-radius:4px;background:var(--danger-bg);color:var(--danger)}.alerte>.ico-svg,.alerte-danger>.ico-svg{margin-top:1px}html,body,#root{height:100%}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px}.ecran{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg)}.haut{position:sticky;top:0;z-index:20}.tete{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--bord)}.tete-logo{display:flex;align-items:center;justify-content:center;background:var(--navy);border-radius:3px;padding:3px 6px}.tete-logo img{display:block;height:20px;width:auto}.tete-titre{font-size:14px;font-weight:700;letter-spacing:3px;color:var(--navy)}.tete-mode{font-size:11px;color:var(--muet);text-transform:uppercase;letter-spacing:1px;border-left:1px solid var(--bord);padding-left:10px}.hors-ligne{background:var(--danger);color:#fff;text-align:center;font-size:12px;font-weight:700;letter-spacing:1px;padding:8px 10px}.corps{flex:1;padding:12px 12px 24px;overflow-y:auto}.onglets{display:flex;background:var(--surface);border-top:1px solid var(--bord);position:sticky;bottom:0;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.onglets button{flex:1;min-height:58px;background:none;border:none;border-right:1px solid var(--bord);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--muet);text-transform:uppercase;cursor:pointer}.onglets button:last-child{border-right:none}.onglets button.actif{background:var(--navy);color:#fff}.login-ecran{min-height:100vh;min-height:100dvh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:20px}.login-carte{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--bord);border-radius:6px;overflow:hidden}.login-marque{background:var(--navy);padding:28px 20px 22px;display:flex;flex-direction:column;align-items:center;gap:10px}.login-marque img{width:160px;display:block}.login-marque span{color:var(--or);font-size:11px;font-weight:700;letter-spacing:4px}.login-corps{padding:18px 18px 20px}.viseur{position:relative;background:#10161f;border:2px solid var(--navy);border-radius:4px;overflow:hidden}.viseur video{display:block;width:100%!important}.viseur .coin{position:absolute;width:24px;height:24px;border:3px solid var(--or);z-index:2;pointer-events:none}.viseur .coin.hg{top:10px;left:10px;border-right:none;border-bottom:none}.viseur .coin.hd{top:10px;right:10px;border-left:none;border-bottom:none}.viseur .coin.bg{bottom:10px;left:10px;border-right:none;border-top:none}.viseur .coin.bd{bottom:10px;right:10px;border-left:none;border-top:none}.ligne-scan{position:absolute;left:8%;right:8%;height:2px;background:#fff;opacity:.9;animation:balayage 2.2s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes balayage{0%,to{top:18%}50%{top:82%}}.cam-erreur{color:#fff;padding:16px 14px;font-size:12.5px;line-height:1.5}.saisie{display:flex;gap:8px;margin-top:10px}.saisie input{flex:1;padding:11px 12px}.saisie .btn{padding:0 20px}.flash-ok{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ok);pointer-events:none;z-index:50;opacity:0;animation:flash-ok .45s cubic-bezier(.16,1,.3,1)}@keyframes flash-ok{0%{opacity:.35}to{opacity:0}}.gros-btn{width:100%;padding:16px 14px;font-size:15px;letter-spacing:1px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:4px}.erreur-bandeau{display:flex;align-items:flex-start;gap:8px;background:var(--danger-bg);border:1px solid var(--danger);border-radius:4px;color:var(--danger);font-size:13px;font-weight:600;padding:10px 12px}.bandeau-ok{display:flex;align-items:flex-start;gap:8px;background:var(--ok-bg);border:1px solid var(--ok);border-radius:4px;color:var(--ok);font-size:14px;font-weight:700;padding:12px}.erreur-bandeau>.ico-svg,.bandeau-ok>.ico-svg{margin-top:1px}.info-discret{font-size:12px;color:var(--muet);margin-top:8px}.alerte-grosse{font-size:14.5px;font-weight:700;padding:12px 14px}.fiche{background:var(--surface);border:1px solid var(--bord-fort);border-radius:4px;padding:14px;margin-top:12px}.fiche-code{font-size:20px;font-weight:700;color:var(--navy);letter-spacing:.5px}.fiche-ligne{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--bord);font-size:14px}.fiche-ligne:last-of-type{border-bottom:none}.fiche-ligne>span:first-child{color:var(--muet);font-size:12px;text-transform:uppercase;letter-spacing:1px}.fiche-ligne>span:last-child{font-weight:600;text-align:right}.gr-choix{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:64px;background:var(--surface);border:1px solid var(--bord-fort);border-radius:4px;padding:12px 14px;font-family:inherit;cursor:pointer;text-align:left}.gr-choix:active{border-color:var(--navy);background:var(--info-bg)}.gr-choix .code{font-size:17px;font-weight:700;color:var(--navy);letter-spacing:.5px}.gr-choix .dest{font-size:12px;color:var(--muet);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.gr-choix .det{font-size:13px;color:var(--texte);font-weight:600;text-align:right;white-space:nowrap}.gr-choix .det .muet{display:block;font-weight:400;font-size:11.5px}.gr-tete{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.gr-code{font-size:22px;font-weight:700;color:var(--navy);letter-spacing:.5px;line-height:1.1}.gr-dest{font-size:11.5px;color:var(--muet);text-transform:uppercase;letter-spacing:1.5px;margin-top:2px}.compteur{display:flex;gap:10px;margin-top:12px}.compteur>div{flex:1;background:var(--surface);border:1px solid var(--bord);border-radius:4px;padding:10px 12px;text-align:center}.compteur .n{font-size:42px;font-weight:700;color:var(--navy);line-height:1.05;font-variant-numeric:tabular-nums}.compteur .n small{font-size:20px;font-weight:700;color:var(--muet)}.compteur .l{font-size:10px;letter-spacing:1.5px;color:var(--muet);text-transform:uppercase;font-weight:700;margin-top:4px}.compteur>div.depasse{border-color:var(--danger);background:var(--danger-bg)}.compteur>div.depasse .n,.compteur>div.depasse .n small{color:var(--danger)}.gr-jauge{margin-top:10px}.gr-jauge .jauge{height:14px}.panneau-ko{background:var(--danger-bg);border:1px solid var(--danger);border-radius:4px;padding:12px 14px;margin-top:12px}.panneau-ko .titre{color:var(--danger);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.panneau-ko .item{padding:8px 0;border-bottom:1px solid rgba(179,38,30,.25)}.panneau-ko .item:last-of-type{border-bottom:none}.panneau-ko .item .mono{font-size:14px}.panneau-ko .item .motif{font-size:12px;color:var(--danger);margin-top:2px}.liste-ok{background:var(--surface);border:1px solid var(--bord);border-radius:4px;padding:12px 14px;margin-top:12px}.liste-ok .item{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--bord);font-size:13.5px}.liste-ok .item:last-of-type{border-bottom:none}.ferme-carte{background:var(--surface);border:1px solid var(--bord-fort);border-radius:6px;padding:28px 20px;text-align:center;margin:24px 0 16px}.ferme-carte .ico-svg{display:block;margin:0 auto 14px;color:var(--ok);stroke-width:1.4}.ferme-code{font-size:24px;font-weight:700;color:var(--navy);letter-spacing:.5px}.ferme-detail{font-size:15px;font-weight:600;margin-top:6px}.ferme-note{font-size:13px;color:var(--muet);margin-top:12px;line-height:1.5}.accueil{display:flex;flex-direction:column;gap:12px;padding-top:6vh}.accueil-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);border:2px solid var(--bord-fort);border-radius:6px;padding:28px 16px;font-family:inherit;cursor:pointer}.accueil-btn:active{border-color:var(--navy);background:var(--info-bg)}.accueil-btn .ico-svg{color:var(--navy);stroke-width:1.4}.accueil-btn .nom{font-size:22px;font-weight:700;letter-spacing:2px;color:var(--navy)}.accueil-btn .detail{font-size:13px;color:var(--muet)}.confirm-voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#10161f9e;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.confirm-carte{width:100%;max-width:420px;max-height:92dvh;overflow-y:auto;background:var(--surface);border-radius:8px;padding:20px 16px;box-shadow:0 16px 48px #10161f66}.confirm-titre{font-size:22px;font-weight:700;color:var(--navy);letter-spacing:.5px;text-align:center;word-break:break-all}.confirm-sous{font-size:14.5px;font-weight:600;text-align:center;margin-top:8px;line-height:1.45}.confirm-boutons{display:flex;flex-direction:column;gap:10px;margin-top:18px}.confirm-non{border-color:var(--danger);color:var(--danger)}.confirm-photo{display:block;width:100%;max-height:46dvh;object-fit:contain;margin-top:12px;border-radius:4px;background:#10161f}.ico-retour{transform:rotate(180deg)}.viseur-repos{min-height:150px;display:flex;align-items:center;justify-content:center;padding:18px}.viseur-repos .demarrer-scan{width:auto;padding:16px 42px;font-size:16px}.viseur-repos .cam-erreur{position:absolute;top:8px;left:8px;right:8px}.arreter-scan{margin-top:8px;border-color:var(--danger);color:var(--danger)}