#zenride-fuelcalc{
      --navy:#0b2530;--navy2:#123a43;--deep:#071823;--gold:#c49c4b;
      --bg:#eef4f3;--line:#c8d9d8;--text:#0b2530;--muted:#526d73;
      --green:#8be3b2; font-family:Arial,Helvetica,sans-serif; color:var(--text);
      width:100%; max-width:100%; margin:0 auto;
      height:auto !important; min-height:0 !important;
      padding-bottom:0 !important; margin-bottom:0 !important;
    }
    #zenride-fuelcalc *{box-sizing:border-box}
    #zenride-fuelcalc .card{
      background:var(--bg);border:1px solid var(--line);border-radius:10px;
      padding:12px;margin-top:10px;box-shadow:0 2px 0 rgba(0,0,0,.03)
    }
    #zenride-fuelcalc h2{margin:0 0 4px;font-size:14px}
    #zenride-fuelcalc .hint{font-size:10px;color:var(--muted);margin:0 0 10px}
    #zenride-fuelcalc .measure-grid{
      display:grid;grid-template-columns:1.1fr 1.05fr 1.05fr .9fr;gap:6px;align-items:start
    }
    #zenride-fuelcalc .panel{
      background:#fff;border:1px solid #c7d3e2;border-radius:8px;padding:10px
    }
    #zenride-fuelcalc .label{
      font-size:9px;font-weight:700;display:block;margin:8px 0 4px;color:#27466d
    }
    #zenride-fuelcalc input[type=text],
    #zenride-fuelcalc input[type=number],
    #zenride-fuelcalc input[type=date]{
      width:100%;padding:9px 8px;border:1px solid #9fb3cb;border-radius:6px;
      background:#fff;font-size:12px;min-height:34px
    }
    #zenride-fuelcalc .plate-wrap{display:grid;grid-template-columns:1fr auto;gap:5px}
    #zenride-fuelcalc .btn{
      border:0;border-radius:6px;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer
    }
    #zenride-fuelcalc .btn-blue{background:var(--navy);color:#fff}
    #zenride-fuelcalc .btn-dark{background:#0d2c57;color:#fff}
    #zenride-fuelcalc .btn-green{background:#c8ffd8;color:#073819;border:1px solid #8fd9a9}
    #zenride-fuelcalc .btn-light{background:#fff;color:#0d2c57;border:1px solid #9fb3cb}
    #zenride-fuelcalc .radio-row{
      display:flex;gap:12px;align-items:center;margin-bottom:6px;font-size:10px;
      color:#28456b;font-weight:700
    }
    #zenride-fuelcalc .radio-row span{display:inline-flex;align-items:center;gap:4px}
    #zenride-fuelcalc .dot{
      width:12px;height:12px;border-radius:50%;display:inline-block;border:2px solid #62a7ff;
      position:relative;background:#fff
    }
    #zenride-fuelcalc .dot:after{
      content:"";position:absolute;inset:2px;border-radius:50%;background:#3b92ff
    }

    #zenride-fuelcalc .result-card,
    #zenride-fuelcalc .forecast,
    #zenride-fuelcalc .daily{
      margin-top:10px;background:var(--deep);border:1px solid #173a67;border-radius:10px;
      padding:10px;color:#fff
    }
    #zenride-fuelcalc .result-grid{
      display:grid;grid-template-columns:1.1fr .8fr .8fr .9fr;gap:8px
    }
    #zenride-fuelcalc .result-box{
      background:#0d2c57;border:1px solid #193f72;border-radius:8px;padding:10px;min-height:74px
    }
    #zenride-fuelcalc .result-box h3{margin:0 0 5px;font-size:10px;color:#dbe7f2}
    #zenride-fuelcalc .value{font-size:14px;font-weight:800;color:#fff}
    #zenride-fuelcalc .saving-box{display:flex;flex-direction:column;justify-content:space-between}
    #zenride-fuelcalc .saving-box .value{color:#ffd46f}
    #zenride-fuelcalc .statusline{
      font-size:10px;color:#ffd28a;margin-top:8px;text-align:center
    }
    #zenride-fuelcalc .smalltag{font-size:9px;color:#9cb9d9}

    #zenride-fuelcalc .forecast-head{
      display:grid;grid-template-columns:1.25fr .75fr .85fr;gap:10px;align-items:start
    }
    #zenride-fuelcalc .forecast h2,
    #zenride-fuelcalc .daily h2{color:#fff;font-size:14px;margin:0 0 2px}
    #zenride-fuelcalc .forecast p,
    #zenride-fuelcalc .daily p{margin:0;font-size:10px;color:#c7d8ea}
    #zenride-fuelcalc .forecast .label{color:#fff}
    #zenride-fuelcalc .pill{
      background:#123867;border:1px solid #18477f;border-radius:8px;padding:10px;font-size:10px
    }
    #zenride-fuelcalc .forecast-grid{
      display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-top:10px
    }
    #zenride-fuelcalc .daily{
      margin-top:10px;background:#051c37;border:1px solid #173a67;border-radius:10px;
      padding:14px;color:#fff
    }
    #zenride-fuelcalc .daily-head{
      display:flex;justify-content:space-between;align-items:end;gap:12px
    }
    #zenride-fuelcalc .daily-head .hint{color:#b9cce0;margin:0}
    #zenride-fuelcalc .report-actions{
      display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:10px
    }
    #zenride-fuelcalc .date-field{width:190px;margin:0;color:#d9e6f2}
    #zenride-fuelcalc .date-field input{background:#fff}
    #zenride-fuelcalc .daily-grid{
      display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px
    }
    #zenride-fuelcalc .daily-card{
      padding:12px;border-radius:10px;background:#0d2c57;border:1px solid #193f72;
      min-height:72px
    }
    #zenride-fuelcalc .daily-card small{display:block;color:#b9cce0;font-size:10px}
    #zenride-fuelcalc .daily-card output{
      display:block;margin-top:5px;font-size:14px;font-weight:900;color:#fff
    }
    #zenride-fuelcalc .daily-card.co2 output,
    #zenride-fuelcalc .daily-card.saved output{color:#65d9a7}
    #zenride-fuelcalc .daily-summary{
      margin:10px 0 0;padding:10px 12px;border-radius:8px;
      background:rgba(101,217,167,.10);color:#dff8ed;font-size:10px
    }

    #zenride-fuelcalc .mail-panel{
      margin-top:10px;background:#fff;border:1px solid #d8dde6;border-radius:10px;
      padding:14px;box-shadow:0 2px 0 rgba(0,0,0,.03)
    }
    #zenride-fuelcalc .mail-panel h2{margin:0 0 4px;font-size:14px;color:#16304e}
    #zenride-fuelcalc .mail-panel .hint{margin:0 0 10px;color:#6b7890}
    #zenride-fuelcalc .copy-notice{
      margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#eaf4ff;
      color:#285174;font-size:10px
    }
    #zenride-fuelcalc .mail-grid{
      display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px
    }
    #zenride-fuelcalc .email-entry{
      display:grid;grid-template-columns:1fr auto;gap:6px;align-items:stretch;margin-top:4px
    }
    #zenride-fuelcalc .email-entry input{margin-top:0}
    #zenride-fuelcalc .paste-button{
      border:1px solid #2476df;border-radius:6px;background:#eef6ff;color:#0757ad;
      padding:0 12px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap
    }
    #zenride-fuelcalc .mail-button{
      width:100%;margin-top:12px;padding:11px;border:0;border-radius:8px;
      background:#2476df;color:#fff;font-size:12px;font-weight:850;cursor:pointer
    }
    #zenride-fuelcalc .mail-message{
      min-height:18px;margin:8px 0 0;color:#a04a27;font-size:10px
    }
    #zenride-fuelcalc .note{margin:10px 2px 0;color:#6b7890;font-size:10px}
    #zenride-fuelcalc canvas{display:none}
    #zenride-fuelcalc .vehicle-result{
      margin-top:10px;
      padding:10px;
      border-radius:7px;
      background:#edf5ff;
      border:1px solid #b9cee8;
      font-size:10px;
      line-height:1.45;
      color:#173a63;
      display:none;
      width:100%
    }
    #zenride-fuelcalc .vehicle-result.show{display:block}
    #zenride-fuelcalc .vehicle-result,
    #zenride-fuelcalc .vehicle-error{
      grid-column:1 / -1;
    }
    #zenride-fuelcalc .vehicle-result strong{font-size:11px;color:#072447}
    #zenride-fuelcalc .vehicle-title{font-size:12px;font-weight:900;color:#072447;margin-bottom:7px}
    #zenride-fuelcalc .vehicle-grid{
      display:grid;
      grid-template-columns:repeat(8,minmax(0,1fr));
      gap:6px 8px;
      margin-top:6px
    }
    #zenride-fuelcalc .vehicle-item{
      background:#fff;border:1px solid #c8d8eb;border-radius:6px;padding:6px 8px
    }
    #zenride-fuelcalc .vehicle-item span{
      display:block;font-size:8px;color:#6b7890;text-transform:uppercase;letter-spacing:.03em
    }
    #zenride-fuelcalc .vehicle-item b{
      display:block;margin-top:2px;font-size:10px;color:#173a63;word-break:break-word
    }
    @media(max-width:1000px){
      #zenride-fuelcalc .vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    }
    @media(max-width:650px){
      #zenride-fuelcalc .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(max-width:460px){
      #zenride-fuelcalc .vehicle-grid{grid-template-columns:1fr}
    }
    #zenride-fuelcalc .vehicle-error{
      margin-top:8px;padding:8px 10px;border-radius:7px;background:#fff3e8;
      border:1px solid #e7c29b;color:#8a4b12;font-size:10px;display:none
    }
    #zenride-fuelcalc .vehicle-error.show{display:block}

    @media(max-width:760px){
      #zenride-fuelcalc .measure-grid,
      #zenride-fuelcalc .result-grid,
      #zenride-fuelcalc .forecast-head,
      #zenride-fuelcalc .forecast-grid,
      #zenride-fuelcalc .daily-grid,
      #zenride-fuelcalc .mail-grid{grid-template-columns:1fr 1fr}
      #zenride-fuelcalc .daily-head{display:block}
    }
    @media(max-width:560px){
      #zenride-fuelcalc .measure-grid,
      #zenride-fuelcalc .result-grid,
      #zenride-fuelcalc .forecast-head,
      #zenride-fuelcalc .forecast-grid,
      #zenride-fuelcalc .daily-grid,
      #zenride-fuelcalc .mail-grid{grid-template-columns:1fr}
      #zenride-fuelcalc .report-actions{flex-direction:column;align-items:stretch}
      #zenride-fuelcalc .btn,
      #zenride-fuelcalc .paste-button{width:100%}
      #zenride-fuelcalc .email-entry{grid-template-columns:1fr}
    }
  
#zenride-fuelcalc{font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}
#zenride-fuelcalc .label,#zenride-fuelcalc .hint,#zenride-fuelcalc .smalltag,#zenride-fuelcalc .statusline,#zenride-fuelcalc .radio-row,#zenride-fuelcalc .daily-card small,#zenride-fuelcalc .note,#zenride-fuelcalc .copy-notice{font-size:14px;line-height:1.5}
#zenride-fuelcalc .btn,#zenride-fuelcalc .paste-button,#zenride-fuelcalc .mail-button{font-size:15px;min-height:44px}
#zenride-fuelcalc input{font-size:16px;min-height:44px}
#zenride-fuelcalc h2{font-family:Manrope,Arial,sans-serif}
#zenride-fuelcalc .card,#zenride-fuelcalc .mail-panel{box-shadow:0 16px 42px rgba(7,24,35,.08)}
#zenride-fuelcalc .vehicle-result.show,#zenride-fuelcalc .vehicle-error.show{display:block}
#zenride-fuelcalc .vehicle-result{grid-column:1/-1}
#zenride-fuelcalc .vehicle-error{grid-column:1/-1}
#zenride-fuelcalc canvas{display:none}
#zenride-fuelcalc .card,#zenride-fuelcalc .result-card,#zenride-fuelcalc .forecast,#zenride-fuelcalc .daily,#zenride-fuelcalc .mail-panel{margin-top:1.2rem;padding:clamp(1.25rem,2.5vw,2rem);border-radius:12px}
#zenride-fuelcalc .panel,#zenride-fuelcalc .result-box,#zenride-fuelcalc .daily-card,#zenride-fuelcalc .pill{padding:1rem;border-radius:8px}
#zenride-fuelcalc .measure-grid,#zenride-fuelcalc .result-grid,#zenride-fuelcalc .forecast-grid,#zenride-fuelcalc .daily-grid{gap:1rem}
#zenride-fuelcalc h2,#zenride-fuelcalc .forecast h2,#zenride-fuelcalc .daily h2,#zenride-fuelcalc .mail-panel h2{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.25}
#zenride-fuelcalc .result-box h3{font-size:1rem}
#zenride-fuelcalc .value{font-size:clamp(1.5rem,2.5vw,2.3rem)}
#zenride-fuelcalc .daily-card output{font-size:1.3rem}
#zenride-fuelcalc .forecast p,#zenride-fuelcalc .daily p,#zenride-fuelcalc .pill,#zenride-fuelcalc .daily-summary,#zenride-fuelcalc .mail-message{font-size:1rem;line-height:1.5}
#zenride-fuelcalc .result-box,#zenride-fuelcalc .daily-card{background:#123540;border-color:#28515a}
#zenride-fuelcalc .pill{background:#123540;border-color:#28515a}
#zenride-fuelcalc .btn-dark{background:#79d8cf;color:#071823}
#zenride-fuelcalc .btn-green{background:#79d8cf;color:#071823;border-color:#79d8cf}
#zenride-fuelcalc .btn-light{background:#fff;color:#0b2530;border-color:#8bb9b6}
#zenride-fuelcalc .mail-button{background:#0b2530;color:#fff}
#zenride-fuelcalc .paste-button{background:#eaf4f3;color:#0b665d;border-color:#9dcfc9}
#zenride-fuelcalc .copy-notice{background:#e5f3f0;color:#19564f}
#zenride-fuelcalc .daily-card.co2 output,#zenride-fuelcalc .daily-card.saved output{color:#79d8cf}
#zenride-fuelcalc .saving-box .value{color:#e5bc6d}
#zenride-fuelcalc .result-card,#zenride-fuelcalc .forecast,#zenride-fuelcalc .daily{border-color:#24505a}
@media(max-width:1100px){#zenride-fuelcalc .measure-grid,#zenride-fuelcalc .result-grid,#zenride-fuelcalc .daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#zenride-fuelcalc .measure-grid,#zenride-fuelcalc .result-grid,#zenride-fuelcalc .daily-grid,#zenride-fuelcalc .forecast-head,#zenride-fuelcalc .forecast-grid,#zenride-fuelcalc .mail-grid{grid-template-columns:1fr}#zenride-fuelcalc .daily-head{display:block}#zenride-fuelcalc .report-actions{align-items:stretch}#zenride-fuelcalc .date-field{width:100%}}
#zenride-fuelcalc .vehicle-result{background:#e8f3f1;border-color:#a5cfc9;color:#0b2530;padding:1rem;font-size:1rem}
#zenride-fuelcalc .vehicle-title{font-size:1.15rem;color:#0b2530;margin-bottom:.8rem}
#zenride-fuelcalc .vehicle-grid{gap:.6rem}
#zenride-fuelcalc .vehicle-item{border-color:#c6dfdb;padding:.7rem;min-width:0}
#zenride-fuelcalc .vehicle-item span{font-size:.75rem;color:#4e6e70}
#zenride-fuelcalc .vehicle-item b{font-size:.9rem;color:#0b2530}
#zenride-fuelcalc .send-code{display:block;max-width:380px;margin-top:1.2rem}
#zenride-fuelcalc .send-code input{width:100%;margin-top:.3rem}
#zenride-fuelcalc .mail-button:disabled{opacity:.55;cursor:wait}