.evaluation { --accent: #7be6b4; }
.preview-evaluation { display:grid; grid-template-rows:auto 1fr auto; background:linear-gradient(135deg,#14273c,#172f4a); color:#f1f8ff; }
.preview-evaluation .preview-top b { font-size:10px; letter-spacing:.1em; }
.preview-evaluation .preview-top i { color:#7be6b4; font-size:7px; }
.mini-chart { display:flex; align-items:end; gap:8px; padding:12px 4px 5px; border-bottom:1px solid #ffffff1c; }
.mini-chart i { position:relative; flex:1; height:55%; border-radius:7px 7px 2px 2px; background:linear-gradient(180deg,#ffaf5b,#ffaf5b33); }
.mini-chart i:nth-child(2) { height:36%; background:linear-gradient(180deg,#7be6b4,#7be6b433); }
.mini-chart i:nth-child(3) { height:47%; background:linear-gradient(180deg,#6baeff,#6baeff33); }
.mini-chart-labels { display:flex; justify-content:space-between; padding-top:8px; color:#b7cce0; font:7px DM Mono,monospace; letter-spacing:.08em; }
.fuel-eval-backdrop { position:fixed; inset:0; z-index:8; display:grid; place-items:center; padding:22px; background:#050914b8; backdrop-filter:blur(12px); }
.fuel-eval-dialog { position:relative; width:min(860px,100%); max-height:min(760px,92vh); overflow:auto; padding:34px; border:1px solid #ffffff1f; border-radius:24px; color:#eef5ff; background:linear-gradient(145deg,#111e3a,#18294b); box-shadow:0 32px 100px #000a; }
.fuel-eval-close { position:absolute; top:16px; right:18px; width:38px; height:38px; border:1px solid #ffffff28; border-radius:11px; background:#ffffff0d; color:#fff; font-size:26px; cursor:pointer; }
.fuel-eval-head { display:flex; justify-content:space-between; gap:20px; padding-right:48px; align-items:start; }
.fuel-eval-head .eyebrow { margin-bottom:9px; }
.fuel-eval-head h2 { margin:0; font-size:clamp(27px,4vw,42px); letter-spacing:-.06em; }
.fuel-eval-head p:not(.eyebrow) { margin:10px 0 0; color:#afbed7; font-size:13px; }
.fuel-eval-head a { flex:0 0 auto; margin-top:7px; padding:9px 11px; border:1px solid #7be6b44d; border-radius:9px; color:#7be6b4; text-decoration:none; font:700 11px Manrope,sans-serif; }
.fuel-legend { display:flex; flex-wrap:wrap; gap:15px; margin:27px 0 10px; color:#c5d4ea; font-size:11px; }
.fuel-legend span { display:flex; align-items:center; gap:6px; }.fuel-legend i { width:9px; height:9px; border-radius:50%; background:#fff; }.fuel-legend .diesel { background:#ffaf5b; }.fuel-legend .e10 { background:#7be6b4; }.fuel-legend .e5 { background:#6baeff; }
.fuel-chart-wrap { padding:10px 5px; border:1px solid #ffffff15; border-radius:16px; background:#07142655; }.fuel-chart { display:block; width:100%; height:auto; overflow:visible; }.fuel-grid-line { stroke:#ffffff1c; stroke-dasharray:3 5; }.fuel-y-label,.fuel-x-label { fill:#9db0cc; font:11px Manrope,sans-serif; }.fuel-line { stroke-width:3.2; stroke-linejoin:round; stroke-linecap:round; }.fuel-point { stroke:#122444; stroke-width:3; }
.fuel-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:17px; }.fuel-summary article { display:grid; gap:4px; padding:14px; border:1px solid #ffffff17; border-radius:13px; background:#ffffff08; }.fuel-summary span { color:var(--fuel-color); font:700 10px Manrope,sans-serif; }.fuel-summary strong { font-size:20px; letter-spacing:-.04em; }.fuel-summary small { color:#aabbd3; font-size:10px; }.fuel-source { margin-top:17px; color:#91a4c1; font-size:10px; line-height:1.5; }
@media(max-width:700px){.fuel-eval-backdrop{align-items:end;padding:0}.fuel-eval-dialog{max-height:90vh;padding:26px 17px 22px;border-radius:23px 23px 0 0}.fuel-eval-head{display:block;padding-right:36px}.fuel-eval-head h2{font-size:30px}.fuel-eval-head a{display:inline-block;margin-top:16px}.fuel-legend{gap:9px 12px;margin-top:20px}.fuel-chart-wrap{margin:0 -4px}.fuel-y-label,.fuel-x-label{font-size:12px}.fuel-summary{grid-template-columns:1fr;gap:7px}.fuel-summary article{grid-template-columns:1fr auto;align-items:center}.fuel-summary small{grid-column:1/-1}.preview-evaluation{min-height:130px}}