/* Završni redosled obračuna i zajednički stil sažetaka goriva i ture. */
.fuel-calculation-summary [data-fuel-metric="distance"] { order: 1; }
.fuel-calculation-summary [data-fuel-metric="total-cost"] { order: 2; }
.fuel-calculation-summary [data-fuel-metric="fuel"] { order: 3; }
.fuel-calculation-summary [data-fuel-metric="fuel-cost"] { order: 4; }
.fuel-calculation-summary [data-fuel-metric="adblue"] { order: 5; }
.fuel-calculation-summary [data-fuel-metric="adblue-cost"] { order: 6; }

.tour-result-metrics.fuel-calculation-summary {
  flex: 0 0 auto;
  width: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(105px, 1fr)) !important;
  gap: 8px !important;
}
.tour-result-metrics.fuel-calculation-summary article {
  min-height: 78px !important;
  padding: 9px 10px !important;
}
.tour-result-metrics.fuel-calculation-summary article > span {
  color: var(--theme-muted, var(--muted));
  font-size: .64rem !important;
  font-weight: 900;
  text-transform: uppercase;
}
.tour-result-metrics.fuel-calculation-summary article > strong {
  font-size: clamp(.9rem, 1.05vw, 1.12rem) !important;
}

#transportTaskMeta {
  display: grid;
  gap: 3px;
  margin-top: 5px;
}
#transportTaskMeta > span { display: block; }

@media (max-width: 720px) {
  .tour-result-metrics.fuel-calculation-summary {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 390px) {
  .tour-result-metrics.fuel-calculation-summary article {
    min-height: 70px !important;
    padding: 8px !important;
  }
}