.mission-tools{margin-top:20px;padding:18px;border:1px solid #bdcbdc;border-radius:12px;background:#f6f9fc;overflow-wrap:anywhere}.mission-tools h4{margin:0 0 16px;font-size:18px}.mission-route{padding:12px 0;border-top:1px solid #d1dbe6}.mission-route .btn{margin:4px}.mission-tools form,.mission-tools label{display:grid;gap:10px}.mission-tools form{margin-top:16px;gap:16px}.mission-tools textarea,.mission-tools input,.mission-tools select{font:inherit;max-width:100%;width:100%;padding:12px;border:1px solid #8b9bb0;border-radius:8px;background:#fff}.mission-tools textarea{min-height:76px}.mission-tools input[type=file]{font-size:14px}.mission-file-list{display:grid;gap:12px;margin:16px 0}.mission-tools>details{margin-top:14px}.mission-tools summary{font-weight:800;cursor:pointer;min-height:44px;padding:12px;background:#e7eef7;border:1px solid #8b9bb0;border-radius:8px}
body[data-mobile-app=true]{padding-bottom:calc(90px + env(safe-area-inset-bottom));background:#eaf0f5}.mobile-toolbar{padding:20px max(18px,calc((100% - 1100px)/2));background:#172a43;color:#fff}.mobile-toolbar h1{font-size:26px;margin:0 0 8px}.mobile-toolbar p{font-size:14px;line-height:1.6;margin:8px 0}.mobile-toolbar .btn{margin:6px 6px 0 0}.mobile-tabs{position:fixed;z-index:90;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:6px;background:#102139;padding:10px 8px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -3px 20px #0002}.mobile-tabs button{flex:1;max-width:180px;min-width:0;min-height:52px;padding:9px 6px;border:1px solid #71849e;background:#203650;color:#fff;border-radius:9px;font:750 13px/1.3 system-ui;cursor:pointer}.mobile-tabs button[aria-current=page]{background:#cd1830;border-color:#ff8593}.mobile-offline{margin:0;padding:16px;background:#fff0d6;color:#583b00;text-align:center;font-weight:700}.mobile-help{max-width:1100px;margin:18px auto;padding:0 18px;font-size:14px;color:#344963}
body[data-mobile-app=true] .top{min-height:72px;height:auto;padding:10px 18px;justify-content:flex-start;flex-wrap:wrap;gap:10px}body[data-mobile-app=true] .top .brand{width:120px;margin-right:auto}body[data-mobile-app=true] .top nav,body[data-mobile-app=true] .hero,body[data-mobile-app=true] #fonctionnement,body[data-mobile-app=true] .pilot-banner,body[data-mobile-app=true] footer{display:none}body[data-mobile-app=true] .section{max-width:1100px;margin:16px auto;padding:24px 18px}body[data-mobile-app=true] .section-head{text-align:left;margin:0 0 20px}body[data-mobile-app=true] .section h2{font-size:27px}body[data-mobile-app=true] .support-launcher{bottom:calc(88px + env(safe-area-inset-bottom))}body[data-mobile-app=true] #exportShipments{display:none}body[data-mobile-app=true] #suivi>.section-head p{line-height:1.5}body[data-mobile-app=true] .shipment,body[data-mobile-app=true] .dossier{min-width:0}body[data-mobile-app=true] .dossier>.btn{max-width:calc(100% - 12px)}
body[data-mobile-view=missions] main>.section:not(#suivi),body[data-mobile-view=courses] main>.section:not(#courses),body[data-mobile-view=publish] main>.section:not(#deposer),body[data-mobile-view=plans] main>.section:not(#abonnement-transporteur){display:none}
@media(max-width:480px){.mission-tools{padding:12px}.mobile-toolbar{padding:18px}.mobile-toolbar h1{font-size:23px}.mobile-tabs{gap:5px}.mobile-tabs button{font-size:12px}body[data-mobile-app=true] .panel{margin:16px 10px}.mission-route .btn{display:flex}.mobile-toolbar .btn{padding:10px 12px;font-size:13px}}

.mobile-toolbar .mobile-install-help{font-size:12px;color:#d0dbea}body[data-mobile-app=true] .dossier{overflow-wrap:anywhere}@media(display-mode:standalone){.mobile-install-help{display:none}}

.mobile-help{display:flex;flex-wrap:wrap;gap:12px}.mobile-help a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
