#transports_message:not([hidden]){margin-bottom:14px}.tr-outils{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 14px}.tr-outils .segments button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:16px;font:14px var(--police-texte);color:var(--texte);cursor:pointer}.tr-outils .segments button:hover{background:var(--outil-survol)}.tr-outils .segments button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.tr-outils .segments button[aria-pressed=true]{background:var(--bordeaux);color:#fff}.tr-outils .segments button[aria-pressed=true] small{background:#fff3;color:#fff}.tr-outils .segments button small{min-width:18px;padding:0 5px;border-radius:9px;background:color-mix(in srgb,var(--surface-bord-couleur) 50%,transparent);font:600 11.5px/1.5 var(--police-chiffres);text-align:center}.tr-outils .bouton{margin:0}.tr-outils .bouton[hidden]{display:none}.tr-flotte{display:grid;gap:14px;margin:0;padding:0;list-style:none}.tr-filtre-vide,.tr-vide{margin:0;padding:14px 0;color:var(--texte-doux)}.boite .tr-vide{padding:18px 16px}.tr-carte{background:var(--surface);border:var(--surface-bord);border-radius:var(--rayon);box-shadow:var(--surface-ombre);overflow:hidden}.tr-carte[hidden]{display:none}.tr-tete{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 14px 6px;border-bottom:1px dashed color-mix(in srgb,var(--surface-bord-couleur) 70%,transparent)}.tr-tete h3{margin:0;font-family:var(--police-titre);font-weight:var(--titre-graisse);text-transform:var(--titre-casse);letter-spacing:var(--titre-espace);font-size:18px;color:var(--titre, var(--texte))}.tr-num{font:700 12px var(--police-chiffres);color:var(--texte-doux)}.tr-etat{padding:1px 9px;border-radius:10px;background:color-mix(in srgb,var(--surface-bord-couleur) 45%,var(--surface));font:700 12px var(--police-texte);color:var(--texte-doux)}.etat-attente .tr-etat{background:#dce6f4;color:#2a3f73}.etat-charge .tr-etat{background:var(--ok-fond);color:var(--ok)}.etat-refuse .tr-etat{background:var(--erreur-fond);color:var(--erreur)}.etat-panne .tr-etat{background:#fbe6cf;color:#8a4b12}.etat-epave .tr-etat{background:#3b2a22;color:#f3e3c7}.tr-places{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-size:12.5px;color:var(--texte-doux)}.tr-cases{display:inline-flex;gap:3px}.tr-cases i{width:8px;height:8px;border-radius:2px;background:color-mix(in srgb,var(--surface-bord-couleur) 55%,transparent)}.tr-cases i.plein{background:var(--ok-bord, var(--ok))}.tr-decor{position:relative;display:flex;align-items:flex-end;gap:14px;min-height:96px;padding:12px 16px 10px;overflow:hidden}.tr-decor.route{background:repeating-linear-gradient(90deg,#FFF8E8 0 22px,transparent 22px 40px) left bottom 15px/100% 3px no-repeat,linear-gradient(#8f8780,#77706a) left bottom/100% 32px no-repeat,linear-gradient(#c9bba4,#c9bba4) left bottom 32px/100% 3px no-repeat,linear-gradient(180deg,#f9f0e0,#f1e4cc)}.tr-decor.route .convoi{margin-bottom:2px}.tr-decor.voie{background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(110,84,68,.3) 14px 19px) left bottom 7px/100% 6px no-repeat,linear-gradient(#8e7660,#8e7660) left bottom 4px/100% 2px no-repeat,linear-gradient(#8e7660,#8e7660) left bottom 12px/100% 2px no-repeat,linear-gradient(#d9c6a6,#d9c6a6) left bottom 16px/100% 2px no-repeat,linear-gradient(180deg,#f9f0e0,#f1e4cc)}.tr-decor.voie .convoi{margin-bottom:4px}.tr-decor.parti{justify-content:flex-end}.tr-decor.parti .convoi{opacity:.85;transform:scale(.75);transform-origin:right bottom}.tr-decor.retour .convoi{transform:scaleX(-1)}.convoi{position:relative;z-index:1;display:flex;align-items:flex-end;flex-wrap:nowrap;min-width:0;max-width:100%}.convoi svg.equip{flex:0 1 auto;min-width:0;height:auto}.convoi .convoi-plus{align-self:center;margin-right:4px;font:600 12px var(--police-chiffres);color:var(--texte-doux);white-space:nowrap}.tr-carte.vient-de-partir .tr-decor.parti .convoi{animation:tr-depart 1.2s ease-in}@keyframes tr-depart{0%{opacity:1;transform:translate(-60%) scale(1)}}.tr-carte.vient-de-revenir .tr-decor.retour .convoi{animation:tr-retour 1.2s ease-out}@keyframes tr-retour{0%{opacity:.4;transform:translate(60%) scaleX(-1)}}.tr-direction{position:relative;z-index:1;align-self:center;display:flex;flex-direction:column;padding:4px 16px 5px 12px;background:var(--z);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);font-family:var(--police-titre);font-weight:var(--titre-graisse);text-transform:var(--titre-casse);letter-spacing:var(--titre-espace);font-size:15px;line-height:1.2;color:#fff}.tr-direction small{font:400 11.5px var(--police-texte);opacity:.9}.tr-cargaison{position:relative;z-index:1;align-self:center;display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 4px;border-radius:16px;background:#fff;box-shadow:0 1px 3px #50281433;font:700 15px var(--police-chiffres);color:#3b2a22}.tr-action{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 14px 12px;border-top:1px solid color-mix(in srgb,var(--surface-bord-couleur) 70%,transparent);font-size:14px}.tr-action>p{flex:1 1 340px;margin:0}.tr-action>.bouton{margin:0}.tr-action svg.produit{vertical-align:-6px}.tr-aide{flex-basis:100%!important;font-size:13px;color:var(--texte-doux)}.tr-destinations{display:flex;flex:1 1 100%;flex-wrap:wrap;align-items:center;gap:6px}.tr-libelle{margin-right:4px;font-weight:600}.tr-couleur{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;padding:3px 5px 3px 12px;border:2px solid var(--z);border-radius:16px;background:var(--surface);font:700 13.5px var(--police-texte);color:var(--z);cursor:pointer}.tr-couleur small{min-width:18px;padding:0 5px;border-radius:9px;background:var(--z);font:700 11px/1.5 var(--police-chiffres);color:#fff;text-align:center}.tr-couleur:hover:not(:disabled),.tr-couleur[aria-pressed=true]{background:var(--z);color:#fff}.tr-couleur:hover:not(:disabled) small,.tr-couleur[aria-pressed=true] small{background:#fff;color:var(--z)}.tr-couleur:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tr-couleur.vide{border-style:dashed;opacity:.55;cursor:default}.tr-fournisseurs-zone{flex:1 1 100%}.tr-fournisseurs-zone:empty{display:none}.tr-chargement{margin:0;color:var(--texte-doux)}.tr-attente{display:inline-flex;gap:3px;margin-left:8px;vertical-align:middle}.tr-attente i{width:6px;height:6px;border-radius:50%;background:#2a3f73;animation:tr-points 1.2s infinite}.tr-attente i:nth-child(2){animation-delay:.2s}.tr-attente i:nth-child(3){animation-delay:.4s}@keyframes tr-points{0%,60%,to{opacity:.25}30%{opacity:1}}.tr-alerte{flex-basis:100%!important;padding:7px 12px;border:1px solid var(--attention-bord);border-radius:var(--rayon-petit);background:var(--attention-fond);font-size:13.5px}.bouton.en-cours{opacity:.6;cursor:progress}@media (prefers-reduced-motion: reduce){.tr-attente i,.tr-carte.vient-de-partir .tr-decor.parti .convoi,.tr-carte.vient-de-revenir .tr-decor.retour .convoi{animation:none}}