:root{--fond:#f4f5f7;--surface:#fff;--bordure:#dfe2e8;--texte:#1c2330;--texte-2:#4a5466;--muet:#6b7487;--primaire:#1e3a8a;--succes:#1d6b3a;--danger:#b42318;--neutre-fond:#eceef2;--neutre-texte:#3d4555;--info-fond:#e3edfa;--info-texte:#1b4f8f;--attention-fond:#fdf0d9;--attention-texte:#8a4b00;--succes-fond:#e2f3e8;--succes-texte:#1d6b3a;--critique-fond:#fde4e2;--critique-texte:#a31a12}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(13px,4.4vw,21px)}body{background:var(--fond);color:var(--texte);overscroll-behavior-y:contain;margin:0;font:1rem/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}img,svg,canvas{max-width:100%}a{color:var(--primaire)}h1{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.25rem 0 .75rem;font-size:1.35rem;display:flex}h2{margin:0 0 .5rem;font-size:1.05rem}h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muet);margin:.75rem 0 .25rem;font-size:.8rem}p{margin:0 0 .5rem}.muet{color:var(--muet);font-size:.9em}.adresse{white-space:pre-line}.centre-texte{text-align:center}.pile{flex-direction:column;gap:.75rem;display:flex}.entete{background:var(--surface);border-bottom:1px solid var(--bordure);padding-top:env(safe-area-inset-top);text-align:center}.entete-logo{width:100%}.entete-logo img{object-fit:contain;width:100%;height:auto;max-height:45vw;display:block}.entete-societe{color:var(--primaire);padding:1rem;font-size:1.6rem;font-weight:800;display:block}.entete-chauffeur{background:var(--primaire);color:#fff;padding:.55rem 1rem;font-size:1.05rem}.entete-chauffeur .plaque{letter-spacing:.04em;white-space:nowrap;font-weight:700}.entete.compact{z-index:10;position:sticky;top:0}.entete.compact .entete-logo img{max-height:3.2rem;padding:.3rem 0}.entete.compact .entete-societe{padding:.4rem 1rem;font-size:1.15rem}.entete.compact .entete-chauffeur{padding:.35rem 1rem;font-size:.95rem}.menu-accueil{flex-direction:column;gap:.9rem;margin:.5rem 0 1rem;display:flex}.bouton-menu{width:100%;min-height:4.2rem;font:inherit;letter-spacing:.03em;color:#fff;background:var(--primaire);cursor:pointer;border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1rem;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 2px 6px #10182826}.bouton-menu:active{transform:translateY(1px)}.bouton-menu.actif{background:#b45309}.bouton-menu.secondaire{background:var(--surface);color:var(--primaire);border:2px solid var(--primaire);box-shadow:none}.bouton-menu .compte{min-width:1.8rem;color:var(--primaire);background:#fff;border-radius:99px;padding:.05rem .5rem;font-size:.95rem}.bouton-menu.actif .compte{color:#b45309}.a-propos{gap:.5rem;margin:0;display:grid}.a-propos div{grid-template-columns:7rem 1fr;gap:.5rem;display:grid}.a-propos dt{color:var(--muet)}.a-propos dd{overflow-wrap:anywhere;margin:0;font-weight:600}.mise-a-jour{color:var(--texte-2);font-weight:600}.etat-reseau{font:inherit;cursor:pointer;border:0;border-radius:99px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.en-ligne{color:var(--succes);background:#e2f3e8}.hors-ligne{color:#8a4b00;background:#fdf0d9}.ecran{max-width:640px;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom));padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));margin:0 auto}.ecran.connexion{padding-top:1.5rem}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:12px;margin-bottom:.9rem;padding:1rem}.carte.vide{text-align:center;color:var(--muet);padding:2rem 1rem}.marque-grande{color:var(--primaire);font-size:2.4rem;font-weight:800}.champ{flex-direction:column;gap:.3rem;display:flex}.champ>span{color:var(--texte-2);font-size:.95rem;font-weight:600}input,textarea{font:inherit;color:var(--texte);border:1px solid var(--bordure);background:#fff;border-radius:8px;width:100%;padding:.65rem .7rem;font-size:max(16px,1rem)}.champ-mdp{display:block;position:relative}.champ>.champ-mdp{color:var(--texte);font-weight:400}.champ-mdp input{padding-right:3rem}.bouton-oeil{width:2.6rem;height:2.6rem;color:var(--muet);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}input:focus,textarea:focus{outline:2px solid var(--primaire);border-color:#0000}.bouton{font:inherit;border:1px solid var(--primaire);background:var(--primaire);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.bouton:disabled{opacity:.6}.bouton.grand{width:100%;margin-bottom:.6rem;padding:1rem;font-size:1.05rem}.bouton.principal{background:var(--succes);border-color:var(--succes)}.bouton.danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.bouton.secondaire{background:var(--surface);color:var(--primaire);border-color:var(--bordure)}.bouton.petit{padding:.35rem .7rem;font-size:.9rem;font-weight:600}.lien{font:inherit;color:var(--primaire);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.retour{font:inherit;color:var(--primaire);cursor:pointer;background:0 0;border:0;margin-bottom:.25rem;padding:.25rem 0}.actions{flex-direction:column;margin-bottom:.9rem;display:flex}.actions .bouton.secondaire{width:100%}.badge{white-space:nowrap;border-radius:99px;padding:.1rem .6rem;font-size:.8rem;font-weight:700;display:inline-block}.badge-neutre{background:var(--neutre-fond);color:var(--neutre-texte)}.badge-info{background:var(--info-fond);color:var(--info-texte)}.badge-attention{background:var(--attention-fond);color:var(--attention-texte)}.badge-succes{background:var(--succes-fond);color:var(--succes-texte)}.badge-critique{background:var(--critique-fond);color:var(--critique-texte)}.mission{text-align:left;width:100%;font:inherit;color:var(--texte);background:var(--surface);border:1px solid var(--bordure);cursor:pointer;border-radius:12px;margin-bottom:.7rem;padding:.9rem 1rem;display:block}.mission-active{border-left:5px solid #d9822b}.mission-terminee{opacity:.75}.mission-tete{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.mission-trajet{font-size:1.1rem;font-weight:700}.adr{color:var(--danger);margin-top:.25rem;font-size:.9rem;font-weight:600}.attente{color:#8a4b00;margin-top:.25rem;font-size:.9rem}.alerte{background:var(--critique-fond);color:var(--critique-texte);border-radius:10px;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.9rem;padding:.75rem 1rem;display:flex}.erreur{background:var(--critique-fond);color:var(--critique-texte);border-radius:8px;padding:.6rem .8rem}.liste{margin:0;padding-left:1.1rem}.liste li{margin-bottom:.3rem}.journal{margin:0;padding:0;list-style:none}.journal li{border-top:1px solid var(--bordure);padding:.45rem 0;font-size:.95rem}.journal li:first-child{border-top:0}.pad{position:relative}.pad-tete{justify-content:space-between;margin-bottom:.35rem;display:flex}.pad-zone{aspect-ratio:600/220;touch-action:none;background:#fff;border:2px dashed #9aa6b8;border-radius:10px;width:100%;display:block}.pad-indication{text-align:center;color:#9aa6b8;pointer-events:none;position:absolute;bottom:40%;left:0;right:0}.photos-liste{flex-wrap:wrap;gap:.5rem;display:flex}.photo{border:1px solid var(--bordure);background:#fff;border-radius:10px;width:5.5rem;height:5.5rem;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo-retirer{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;width:26px;height:26px;font-size:.8rem;position:absolute;top:4px;right:4px}.photo-ajout{color:var(--primaire);cursor:pointer;text-align:center;border:2px dashed #9aa6b8;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.pied{text-align:center;color:var(--muet);flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.85rem;display:flex}.version{font-size:.75rem}.alerte.info{background:var(--info-fond);color:var(--info-texte)}.supports{border-collapse:collapse;width:100%}.supports th,.supports td{text-align:left;padding:.3rem .2rem;font-size:.95rem}.supports thead th{color:var(--muet);text-transform:uppercase;text-align:center;font-size:.8rem}.supports th[scope=row]{color:var(--texte-2);font-weight:600}.supports input{text-align:center;width:100%;max-width:5.5rem;padding:.5rem}.supports td{text-align:center}input[type=radio],input[type=radio]:focus,input[type=radio]:focus-visible{box-shadow:none;outline:none}@media (width>=600px){html{font-size:18.9px}body{background:#d9dde4}#racine{background:var(--fond);max-width:430px;min-height:100vh;margin:0 auto;box-shadow:0 0 24px #10182826}.entete-logo img{max-height:194px}}.acces-connexion{text-align:center;color:var(--texte-2);margin:0 0 .9rem;font-size:1.05rem}.acces-connexion strong{color:var(--primaire);text-transform:uppercase;letter-spacing:.06em}.onglets-messagerie{gap:.5rem;margin:.5rem 0 .9rem;display:flex}.onglets-messagerie button{font:inherit;border:1px solid var(--bordure);background:var(--surface);color:var(--texte-2);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem;font-weight:700;display:inline-flex}.onglets-messagerie button.actif{border-color:var(--primaire);color:var(--primaire);box-shadow:inset 0 -3px 0 var(--primaire)}.onglets-messagerie .compte{background:var(--danger);color:#fff;border-radius:99px;min-width:1.5rem;padding:.05rem .45rem;font-size:.85rem}.message{margin-top:.7rem}.message.non-lu{border-left:5px solid var(--primaire)}.message.non-lu .message-sujet{font-weight:800}.message-sujet{font-weight:600}.message-extrait{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-infos{gap:.25rem;display:grid}.message-corps{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.succes{background:var(--succes-fond);color:var(--succes-texte);border-radius:8px;padding:.6rem .8rem}.confirmation p{margin:0 0 .75rem;font-weight:600}.boutons-confirmation{gap:.75rem;display:flex}.boutons-confirmation .bouton{flex:1}.actions>*+*{margin-top:.6rem}.splash{z-index:1000;cursor:pointer;background:#01040e;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0;overflow:hidden}.splash img{object-fit:cover;width:100%;height:100%;position:relative}.splash-fond{filter:blur(14px)brightness(.85);background:50%/cover no-repeat;position:absolute;inset:-30px}.splash.splash-fondu{opacity:0}@media (orientation:portrait){.splash img{flex:none;width:300vw;max-width:none;height:auto;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}}