/* SILK ROAD — barres de chargement des arrivages (poids ET volume)
   La barre verte se remplit à mesure que le poids / le volume réservé augmente.
   Orange à partir de 75 %, rouge à partir de 90 % (presque plein). La barre dorée du suivi colis reste dorée. */
.sr-app .sr-bar,.arrival-card .capacity-track{background:#1c3345;border-radius:999px;overflow:hidden}
.sr-app .sr-bar{height:8px;margin-top:6px}
.arrival-card .capacity-track{height:8px}
.sr-app .sr-bar span,.sr-app .sr-bar-blue span,.arrival-card .capacity-track span{
  display:block;height:100%;border-radius:999px;transform-origin:left center;
  background:linear-gradient(90deg,#1ba862,#3fd486);
  animation:srLoad .9s cubic-bezier(.22,.8,.3,1) both;
}
html[dir=rtl] .sr-app .sr-bar span,html[dir=rtl] .arrival-card .capacity-track span{transform-origin:right center}
.sr-app .sr-bar.is-warn span,.arrival-card .capacity-track.is-warn span{background:linear-gradient(90deg,#e9a52e,#f5c35a)}
.sr-app .sr-bar.sr-bar-gold span{background:linear-gradient(90deg,#e9a52e,#f2b33d)}
.sr-app .sr-bar.is-full span,.arrival-card .capacity-track.is-full span{background:linear-gradient(90deg,#e58e10,#e5493a)}
.arrival-card .capacity{margin-top:12px}
.arrival-card .capacity-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:6px;color:#b9c9d5}
.arrival-card .capacity-label b{color:#f4f8fb}
@keyframes srLoad{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.sr-app .sr-bar span,.arrival-card .capacity-track span{animation:none}}

/* Admin : colonnes prix / kg et prix / pièce du transport */
.sr-ship-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-column:1/-1}
.sr-ship-cols div{background:#0a1b29;border:1px solid #2a4255;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.sr-ship-cols small{color:#9db1c0;font-size:11.5px}
.sr-ship-cols b{color:#f6c965;font-size:15px;direction:ltr;unicode-bidi:isolate}

/* Choix du service (client) */
.sr-service{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.sr-service-opt{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #2f4a5e;border-radius:14px;background:#0a1b29;cursor:pointer;transition:border-color .2s,background-color .2s}
.sr-service-opt input{margin-top:3px;accent-color:#f0b847}
.sr-service-opt b{display:block;color:#f4f8fb;font-size:14px}
.sr-service-opt small{display:block;color:#9db1c0;font-size:12px;margin-top:2px;line-height:1.35}
.sr-service-opt:hover{border-color:#f0b847}
.sr-service-opt:has(input:checked){border-color:#f0b847;background:rgba(240,184,71,.1)}
@media(max-width:640px){.sr-service{grid-template-columns:1fr}}
/* Admin : calculateur de transport */
.sr-calc{grid-column:1/-1;border:1px solid #2a4255;border-radius:14px;background:#0a1b29;padding:12px 14px}
.sr-calc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.sr-calc-head b{color:#f6c965}
.sr-calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0}
.sr-calc-grid div{display:flex;flex-direction:column;gap:2px}
.sr-calc-grid dt{color:#9db1c0;font-size:11.5px}
.sr-calc-grid dd{margin:0;color:#f1f6fa;font-weight:700;font-size:13.5px}
.sr-calc p{margin:10px 0 0;font-size:12px}
@media(max-width:700px){.sr-calc-grid{grid-template-columns:1fr 1fr}}

/* Libellés de champs : un seul bloc de texte (évite le retour à la ligne parasite) */
.sr-lbl{display:block;line-height:1.35}
.sr-weight{display:flex;flex-direction:column;gap:6px}
.sr-mode{display:flex;flex-wrap:wrap;gap:6px}
.sr-mode label{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid #2f4a5e;border-radius:999px;background:#0a1b29;color:#cbd9e3;font-size:12.5px;font-weight:600;cursor:pointer}
.sr-mode label:has(input:checked){border-color:#f0b847;background:rgba(240,184,71,.12);color:#f6c965}
.sr-mode input{accent-color:#f0b847;margin:0}