
/* V5.8 — Fuel / Logistics */
.fuel-planner{margin:22px 0 26px;border:1px solid #ddbb93;border-radius:24px;background:#fffaf4;padding:22px;box-shadow:0 10px 28px rgba(80,50,25,.04)}
.fuel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.fuel-head h2{margin:4px 0 6px;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.05}.fuel-head p{margin:0;color:#6f5d4e;max-width:720px}
.fuel-auto-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #e1c19e;border-radius:999px;padding:9px 12px;background:#f8eee2;font-weight:700;color:#6b4c36;font-size:.85rem}
.fuel-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 20px}
.fuel-stat{border:1px solid #ead2b7;border-radius:18px;padding:15px;background:#fff}.fuel-stat small{display:block;color:#8c6f58;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.7rem;margin-bottom:6px}.fuel-stat strong{display:block;font-size:1.35rem;color:#2d2018}.fuel-stat span{font-size:.78rem;color:#7a6758}
.fuel-controls{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,.8fr) 1.4fr;gap:14px;align-items:end;margin-bottom:18px}.fuel-controls label,.fuel-vehicle-fields label{display:grid;gap:6px;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6f5b4a}.fuel-controls input,.fuel-vehicle-fields input,.fuel-vehicle-fields select{min-height:44px;border:1px solid #d9b78f;border-radius:13px;background:#fff;padding:9px 11px;font-size:1rem;color:#2d2018}.fuel-route-note{font-size:.84rem;color:#745f4d;line-height:1.45;padding:10px 12px;border-radius:13px;background:#f8f0e7}
.fuel-vehicle-list{display:grid;gap:12px}.fuel-vehicle{border:1px solid #e3c6a4;border-radius:19px;background:#fff;padding:15px}.fuel-vehicle-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.fuel-vehicle-name{display:flex;align-items:center;gap:10px;min-width:0}.fuel-vehicle-name input{width:19px;height:19px}.fuel-vehicle-name strong{font-size:1rem}.fuel-vehicle-name small{display:block;color:#8a725e}.fuel-vehicle-cost{font-size:1.2rem;font-weight:850;color:#c65a32;white-space:nowrap}
.fuel-vehicle-fields{display:grid;grid-template-columns:1.1fr .8fr .8fr .9fr;gap:10px}.fuel-vehicle-fields .computed{border:1px solid #ead7c3;border-radius:13px;padding:9px 11px;background:#fbf7f2;min-height:44px}.fuel-vehicle-fields .computed small{display:block;color:#8a725e;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.fuel-vehicle-fields .computed b{font-size:.95rem}
.fuel-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-wrap:wrap}.fuel-warning{margin-top:13px;font-size:.8rem;color:#806a58;line-height:1.45}.fuel-empty-cost{color:#9a7d66!important}
@media(max-width:900px){.fuel-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fuel-controls{grid-template-columns:1fr 1fr}.fuel-controls .fuel-route-note{grid-column:1/-1}.fuel-vehicle-fields{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.fuel-planner{padding:16px;border-radius:20px}.fuel-summary-grid,.fuel-controls,.fuel-vehicle-fields{grid-template-columns:1fr}.fuel-controls .fuel-route-note{grid-column:auto}.fuel-vehicle-top{align-items:flex-start}.fuel-vehicle-cost{font-size:1.05rem}}

.fuel-name-input{border:0!important;background:transparent!important;padding:0!important;min-height:0!important;height:auto!important;font:inherit!important;font-weight:850!important;color:#2d2018!important;width:min(260px,55vw);text-transform:none!important;letter-spacing:0!important}
.fuel-name-input:focus{outline:2px solid rgba(198,90,50,.28)!important;outline-offset:3px;border-radius:5px!important}

/* V5.8.2 */
.fuel-vehicle-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.fuel-remove-vehicle{border:0;background:transparent;color:#a64d32;font:inherit;font-weight:700;cursor:pointer;padding:8px 4px}.fuel-remove-vehicle:hover{text-decoration:underline}.fuel-planner input:not([disabled]),.fuel-planner select{pointer-events:auto!important;user-select:text}.fuel-planner input[type=number],.fuel-planner input[type=text]{background:#fff!important;color:inherit!important;opacity:1!important}
/* V5.8.3 — editable fields hardening */
.fuel-vehicle-name-wrap{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.fuel-vehicle-name-wrap>span{display:block;min-width:0;flex:1}.fuel-enable{width:19px!important;height:19px!important;flex:0 0 19px;accent-color:#c65a32}.fuel-name-input{width:min(320px,70vw)!important;max-width:100%!important;height:36px!important;min-height:36px!important;border:1px solid transparent!important;padding:5px 7px!important;background:#fff!important}.fuel-name-input:focus{border-color:#d9b78f!important;outline:2px solid rgba(198,90,50,.18)!important}.fuel-planner input:not([disabled]){cursor:text!important}.fuel-planner select{cursor:pointer!important}.fuel-planner input[type=number]{-moz-appearance:textfield}.fuel-planner input[type=number]::-webkit-outer-spin-button,.fuel-planner input[type=number]::-webkit-inner-spin-button{opacity:1}.fuel-warning#fuelDraftStatus{font-weight:700}
