:root{--bg:#f3f4f6;--card:#fff;--ink:#1f2937;--muted:#6b7280;--line:#d1d5db;--head:#1f3a5f;--yellow:#fff3b0;--blue:#dbeafe;--green:#dcfce7;--green2:#bbf7d0;--red:#fee2e2;--accent:#1d4ed8}
*{box-sizing:border-box}
body{margin:0;font:14px/1.35 "Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:1400px;margin:0 auto;padding:12px 14px 40px}
.top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:8px}
h1{margin:0;font-size:22px;letter-spacing:.5px;color:var(--head)}
.sub{color:var(--muted);font-size:13px}
h2{font-size:15px;margin:0 0 8px;color:var(--head);text-transform:uppercase;letter-spacing:.3px}
.switch{display:flex;gap:6px}
.tab{padding:7px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);text-decoration:none;font-weight:600;font-size:13px}
.tab.active{background:var(--head);color:#fff;border-color:var(--head)}
.tab-fuel{border-style:dashed}
.fuelbar{font-size:12px;color:var(--muted);margin:0 0 10px;padding:6px 10px;background:#fff;border:1px solid var(--line);border-radius:6px}
.fuelbar b{color:var(--ink)}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
table{border-collapse:collapse;width:100%}
th,td{border:1px solid var(--line);padding:4px 6px;text-align:left;vertical-align:middle;white-space:nowrap}
th{background:#eef2f7;font-weight:600;font-size:12px}
.input th{background:var(--head);color:#fff;text-align:center}
.input td{text-align:center}
.input input,.input select{width:100%;min-width:60px;padding:5px 6px;border:1px solid var(--line);border-radius:4px;font:inherit;text-align:center;background:#fff}
.input input.peso{background:var(--yellow);font-weight:700}
.input input.dim{background:var(--blue)}
.input input.iso{background:var(--yellow);font-weight:700;text-transform:uppercase}
.input td.c-num{font-weight:700;color:var(--muted);width:70px}
.input td.c-desc{text-align:left;font-size:12px;color:var(--muted);white-space:normal;min-width:240px}
.input td.c-eq{width:44px}
.input input.eq{width:36px;min-width:36px;font-weight:700}
.input tr.extra td{background:#fafafa}
.input .cmd{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}
button{font:inherit;font-size:12px;font-weight:700;padding:5px 9px;border-radius:5px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}
button.sec{background:#fff;color:var(--accent)}
button.warn{background:#fff;color:#b91c1c;border-color:#b91c1c}
.hint{font-size:12px;color:var(--muted);margin-top:8px;white-space:normal}
.tablewrap{overflow-x:auto}
.res td.num{text-align:right;font-variant-numeric:tabular-nums}
.res td.tot{font-weight:700;text-align:right;background:#f8fafc}
.res td.note{white-space:normal;min-width:320px;font-size:12px;color:#374151}
.res tr.best{background:var(--green)}
.res tr.top1{background:var(--green2);font-weight:700}
.res tr.dead td{color:#9ca3af}
.res tr.dead td.note{color:#9ca3af}
.res.small td,.res.small th{font-size:12px;white-space:normal}
.legend{font-size:12px;color:var(--muted);margin-top:6px}
.notes ul{margin:0;padding-left:18px;font-size:12.5px;color:#374151}
.notes li{margin:3px 0;white-space:normal}
details{margin-top:10px}
summary{cursor:pointer;font-weight:600;color:var(--head)}
footer{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}
.kbd{display:inline-block;border:1px solid var(--line);border-radius:3px;padding:0 4px;font-size:11px;background:#f9fafb}
@media (max-width:800px){ .input td.c-desc{display:none} .input th.c-desc{display:none} }
/* fuel page */
.fuel-form{max-width:820px}
.fuel-form table input{width:110px;text-align:right;padding:5px;border:1px solid var(--line);border-radius:4px;font:inherit;background:var(--yellow)}
.fuel-form td.lab{font-weight:600}
.fuel-form td.src{font-size:12px;color:var(--muted);white-space:normal}
.msg{margin:8px 0;padding:8px 10px;border-radius:6px;font-size:13px}
.msg.ok{background:var(--green)} .msg.err{background:var(--red)}

.c-paese{min-width:220px;text-align:left!important}.ac{position:relative}.ac input{text-align:left!important;text-transform:none!important;width:100%}.ac-list{display:none;position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.12);max-height:260px;overflow:auto;text-align:left}.ac-item{padding:6px 9px;cursor:pointer;font-size:13px;white-space:normal}.ac-item:hover,.ac-item.sel{background:var(--blue)}.ac-iso{color:var(--muted);font-size:11px;margin-left:6px}.isotag{font-size:11px;color:var(--muted);text-align:left;margin-top:2px}#resetCell{vertical-align:middle}