.refueling-control-page .hero-copy,
.refueling-control-page .hero-visual {min-width:0}
.journal-totals {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 20px}
.journal-totals>div {padding:12px 8px;border-radius:8px;background:#f5f8f3}
.journal-totals small {display:block;color:var(--muted);font-size:11px}
.journal-totals strong {display:block;font-size:29px;line-height:1.25;margin-top:7px;white-space:nowrap}
.journal-totals strong span {font-size:15px;font-weight:500}
.journal-totals .total-gap {background:#e5f5e8;color:#15803d}
.journal-table-scroll {overflow-x:auto}
.journal-table {width:100%;min-width:350px;border-collapse:collapse;font-size:12px}
.journal-table th,.journal-table td {padding:13px 9px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}
.journal-table th:first-child {text-align:left}
.journal-table thead th {color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:500}
.journal-table tbody th {font-weight:500}
.journal-table .journal-flag {background:#f0f9f1}
.journal-table .journal-flag td:last-child {font-weight:700;color:#15803d}
.journal-insight {display:flex;gap:12px;padding:15px;margin-top:20px;background:#edf6ec;border:1px solid #d2e7d2;border-radius:9px}
.journal-insight>span {font-size:23px;color:#33964b}
.journal-insight p {font-size:12px;color:var(--muted);margin:0}
.journal-insight strong {display:block;color:var(--ink);margin-bottom:4px;font-size:14px}
.refueling-example[hidden] {display:none}
.refueling-example {align-items:center}
.comparison-legend {display:flex;gap:18px;margin:24px 0;color:var(--muted);font-size:12px}
.comparison-legend span:before {content:"";display:inline-block;width:10px;height:10px;background:#dce6dd;border-radius:3px;margin-right:6px}
.comparison-legend span:last-child:before {background:#33964b}
.comparison-row {margin-bottom:25px}
.comparison-row>strong {display:block;font-size:14px;margin-bottom:10px}
.comparison-row>span {display:block;color:var(--muted);font-size:12px;margin-top:7px}
.volume-bar {width:var(--volume);padding:6px 12px;border-radius:5px;margin-bottom:6px;text-align:right;font-size:13px;font-weight:700}
.receipt-bar {background:#dce6dd;color:var(--ink)}
.measured-bar {background:#33964b;color:white}
.refueling-control-page .location-diagram {width:100%;height:auto;display:block;margin-block:24px}
.no-sensor-section {display:grid;grid-template-columns:1fr 1.3fr;gap:70px;border-bottom:1px solid var(--line)}
.no-sensor-steps article {display:flex;gap:20px;margin-bottom:25px}
.no-sensor-steps article>span {display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #cfdfcf;border-radius:50%;color:#33964b;font-size:13px}
.no-sensor-steps h3 {font-size:20px;margin-bottom:7px}
.no-sensor-steps p {font-size:15px;color:var(--muted);margin:0}
.ai-planned-label {display:inline-block;background:#dbeafe;color:#1d4ed8;padding:7px 12px;border-radius:6px;font-size:12px;font-weight:700;margin-top:20px}
.refueling-control-page .price-card .button {margin-top:15px}
@media(max-width:740px) {
  .journal-totals {gap:6px}
  .journal-totals strong {font-size:25px}
  .journal-totals small {font-size:10px}
  .no-sensor-section {grid-template-columns:1fr;gap:25px}
  .journal-preview .visual-title {flex-wrap:wrap}
}