.fuel-trend-value{display:flex;align-items:center;gap:.45rem}
.fuel-trend--up{color:#b42318!important}
.fuel-trend--down{color:#08783e!important}
.fuel-trend--stable{color:#526273!important}
.fuel-history{clear:both;margin:2rem 0;background:#fff;border:1px solid #dce5df;border-radius:8px;box-shadow:0 10px 28px rgba(8,35,63,.08);overflow:hidden}
.fuel-history__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.4rem;background:#08233f;color:#fff}
.fuel-history__head h2{font-size:1.45rem;margin:0 0 .35rem;color:#fff}
.fuel-history__head p{margin:0;color:#dbe9f1}
.fuel-history__control label{display:block;margin-bottom:.35rem;font-weight:750;color:#fff}
.fuel-history__control select{min-width:170px;min-height:44px;border:2px solid #fff;border-radius:4px;background:#fff;color:#08233f;padding:.4rem .65rem;font-weight:700}
.fuel-history__body{padding:1.25rem 1.4rem}
.fuel-history__status{margin:0;padding:.8rem 1rem;background:#eef6f1;border-left:4px solid #08783e;color:#08233f}
.fuel-history__status[hidden]{display:none}
.fuel-history__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}
.fuel-history__kpi{border:1px solid #dce5df;border-top:4px solid var(--trend-color,#08783e);border-radius:6px;padding:1rem;min-height:120px}
.fuel-history__kpi span{display:block;color:#526273;font-size:.8rem;font-weight:750;text-transform:uppercase}
.fuel-history__kpi strong{display:block;color:var(--trend-color,#08783e);font-size:1.6rem;line-height:1.1;margin:.55rem 0}
.fuel-history__kpi small{display:block;color:#526273}
.fuel-history__chart{position:relative;height:340px}
.fuel-history__range{margin:0 0 .85rem;padding:.65rem .8rem;border-left:4px solid #08783e;border-radius:4px;background:#eef6f1;color:#08233f;font-size:.9rem;font-weight:750}
.fuel-history__details{margin-top:1rem;border-top:1px solid #dce5df;padding-top:.8rem}
.fuel-history__details summary{cursor:pointer;color:#08783e;font-weight:800}
.fuel-history__table-wrap{max-height:360px;overflow:auto;margin-top:.8rem}
.fuel-history__table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.fuel-history__table th{position:sticky;top:0;background:#08233f;color:#fff;text-align:left}
.fuel-history__table th,.fuel-history__table td{padding:.6rem .7rem;border:1px solid #dce5df}
.fuel-history__table td:last-child{text-align:right}
.fuel-card-trend{color:#526273}
.fuel-card-trend strong{color:inherit!important}
.fuel-card-trend strong.fuel-trend--up{color:#b42318!important}
.fuel-card-trend strong.fuel-trend--down{color:#08783e!important}
.fuel-card-trend strong.fuel-trend--stable{color:#526273!important}
@media(max-width:767px){.fuel-history__head{align-items:stretch;flex-direction:column}.fuel-history__control,.fuel-history__control select{width:100%}.fuel-history__kpis{grid-template-columns:1fr}.fuel-history__chart{height:280px}}
@media(prefers-reduced-motion:reduce){.fuel-history *{scroll-behavior:auto!important;transition:none!important}}