.station-dashboard{--dash-ink:#183c4a;--dash-muted:#60747b;--dash-line:#e0e8e7;--dash-green:#237553;background:#f3f6f5;color:var(--dash-ink)}
.station-dashboard .wrap{max-width:1240px;margin:24px auto;padding:0 24px 48px}
.station-dashboard h1,.station-dashboard h2,.station-dashboard h3{color:var(--dash-ink);letter-spacing:-.035em}
.station-dashboard h2{font-size:24px;line-height:1.3;margin:0 0 18px}
.station-dashboard .eyebrow{color:#597578;font-size:10px;letter-spacing:.14em;display:block;margin-bottom:10px}
.preproduction-note{font-size:11px;color:#64766f;border-left:3px solid #9db7a7;padding:4px 12px;margin:0 0 16px}
.station-dashboard .breadcrumbs{font-size:12px;margin:20px 0;color:var(--dash-muted)}
.station-dashboard .card,.station-dashboard .station-overview{border:1px solid var(--dash-line);background:#fff;border-radius:20px;box-shadow:0 4px 18px #183c4a04;padding:28px;margin-bottom:24px}
.station-dashboard .station-overview{border-top:4px solid var(--dash-green);padding:30px 32px}
.station-dashboard .station-hero{gap:22px;align-items:center}
.station-dashboard .station-logo-card{width:88px;height:88px;flex:0 0 88px;box-shadow:none;border:1px solid #e7eceb;border-radius:20px}
.station-dashboard .station-logo-card img{max-width:72px;max-height:72px}
.station-dashboard .station-heading{min-width:0}
.station-dashboard .station-heading h1{font-size:clamp(25px,3vw,36px);line-height:1.2;margin:0 0 12px;overflow-wrap:anywhere}
.station-dashboard .station-heading p{font-size:14px;color:var(--dash-muted);line-height:1.65;margin:0}
.station-dashboard .station-heading .operator-line{font-size:12px;margin-top:6px}
.station-dashboard .station-summary-line{margin:22px 0 20px;gap:10px;border:0;padding:0}
.station-dashboard .status-badge{background:#f0f6f3;border:1px solid #cfe3d7;color:#25684c}
.station-dashboard .station-top-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0;position:static}
.station-dashboard .station-top-actions button,.station-dashboard .dashboard-button,.station-dashboard .station-top-actions .btn,.location-actions button,.location-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:10px 18px;border:1px solid #dce5e1;background:#fff;color:var(--dash-ink);font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.4}
.station-dashboard .station-top-actions .dashboard-primary{background:var(--dash-green);border-color:var(--dash-green);color:#fff;padding:12px 25px}
.station-dashboard button:hover,.station-dashboard .dashboard-button:hover{background:#eff5f2}
.station-dashboard :is(button,a,input,select,summary):focus-visible{outline:3px solid #438fc3;outline-offset:3px}
.station-dashboard [id]{scroll-margin-top:24px}
.station-jumpnav{display:flex;gap:24px;overflow:auto;margin:0 4px 25px;padding:0 0 12px;border-bottom:1px solid #dce5e1}
.station-jumpnav a{white-space:nowrap;color:#42606a;font-size:13px;font-weight:700;text-decoration:none}
.station-jumpnav a:hover{color:var(--dash-green)}
.station-dashboard .station-primary-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:24px;margin-bottom:24px}
.station-dashboard .station-primary-grid .card{margin:0;min-width:0;padding:24px}
.station-dashboard .fuel-cards{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.station-dashboard .fuel-price-card{border:1px solid var(--dash-line);border-radius:14px;background:#fff;padding:18px;box-shadow:none;min-width:0}
.station-dashboard .fuel-price-heading h3{font-size:13px;line-height:1.4;gap:10px;font-weight:700;letter-spacing:0}
.station-dashboard .fuel-price-heading .fuel-type-icon{width:36px;height:36px;flex:0 0 36px}
.station-dashboard .fuel-price-value{font-size:36px;letter-spacing:-.06em;font-weight:800;line-height:1.2;margin:16px 0 8px;display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.station-dashboard .fuel-price-value span{font-size:12px;letter-spacing:0;font-weight:500;color:var(--dash-muted)}
.fuel-updated{font-size:10px;color:var(--dash-muted);margin:8px 0 14px;line-height:1.6}
.fuel-benchmark{border-radius:8px;padding:10px 12px;background:#f3f5f5;font-size:11px;line-height:1.6}
.fuel-benchmark strong,.fuel-benchmark span,.fuel-benchmark small{display:block}.fuel-benchmark small{font-size:10px;color:#52686d;margin-top:3px}
.fuel-benchmark.better{background:#edf6f0;color:#24654a}.fuel-benchmark.worse{background:#fbf0ee;color:#a14b42}.fuel-benchmark.neutral{color:#596d73}
.station-dashboard .fuel-change-note{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0 0;font-size:10px;line-height:1.5}.station-dashboard .fuel-change-note time{flex-basis:100%}
.station-dashboard .price-update,.station-dashboard .seo-note-text,.dashboard-note{font-size:12px;color:var(--dash-muted);line-height:1.7}
.station-dashboard .price-card>.seo-note-text{margin-bottom:20px}
.station-dashboard #station-mini-map{height:260px;border-radius:12px;border:1px solid var(--dash-line)}
.location-details{font-size:13px;line-height:1.65;padding-top:20px}.location-details p{margin:8px 0}.location-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.location-actions button,.location-actions a{font-size:11px;padding:8px 10px}
.dashboard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dashboard-section-heading h2{margin-bottom:0}.station-dashboard label{font-size:12px;font-weight:600;color:#4d676f}
.station-dashboard select,.detour-fields input{display:block;min-height:44px;border:1px solid #d8e2df;border-radius:9px;background:#fff;color:var(--dash-ink);padding:9px 12px;font:inherit;max-width:100%;margin-top:6px}
.tank-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tank-results>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px;background:#f5f8f7;border-radius:12px;font-size:12px}.tank-results strong{display:block;width:100%;font-size:24px;letter-spacing:-.04em;margin-top:4px}
.nearby-group h3{font-size:15px;margin-top:20px}.nearby-list{list-style:none;margin:0;padding:0}.nearby-list li{display:grid;grid-template-columns:minmax(0,1.6fr) .7fr 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--dash-line);align-items:center}.nearby-list a{display:flex;align-items:center;gap:14px;color:var(--dash-ink);font-size:14px;text-decoration:none}.nearby-list a>span{min-width:0}.nearby-list small{display:block;font-size:11px;font-weight:400;line-height:1.6;color:var(--dash-muted);margin-top:4px}.nearby-price{text-align:right}.nearby-price>strong{font-size:17px}.nearby-price small{color:#26704f}.nearby-distance{font-size:13px}.nearby-list .comparison-station-logo{width:32px;height:32px;object-fit:contain;flex:0 0 32px}
.saving-panel{background:#eef7f1;border:1px solid #d1e6d9;border-radius:14px;padding:22px 24px;margin-top:24px}.saving-panel>strong{font-size:25px;color:#216145;letter-spacing:-.035em}.saving-panel p{font-size:13px;line-height:1.7;max-width:720px}.saving-panel a{color:#216145;font-size:13px;font-weight:700}
.detour-calculator{margin-top:24px;padding-top:20px;border-top:1px solid var(--dash-line);font-size:13px;line-height:1.7}.detour-calculator summary{font-weight:700;cursor:pointer;padding:8px 0}.detour-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.detour-fields input{width:100%}.detour-calculator output{display:block;padding:16px;background:#f2f6f5;border-radius:10px;font-weight:600}
.station-dashboard .service-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.station-dashboard .service-badges .service-badge{border:1px solid var(--dash-line);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#f8faf9;padding:18px;color:var(--dash-ink);font-size:13px}.service-badges svg{width:25px;height:25px;color:#397963}
.station-dashboard .discount-table,.station-dashboard .discount-table tbody{display:block;border:0}.station-dashboard .discount-table thead{display:none}.station-dashboard .discount-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.station-dashboard .discount-table tr{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid var(--dash-line);border-radius:14px;padding:20px;background:#fff}.station-dashboard .discount-table td{display:block;width:100%;border:0;padding:4px 0;white-space:normal;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.station-dashboard .discount-table td:empty{display:none}.station-dashboard .discount-table td:nth-child(2){order:-2;font-size:17px;font-weight:700}.station-dashboard .discount-table td:nth-child(5){order:-1;color:#216145;font-size:18px;font-weight:700}.station-dashboard .discount-table td:before{display:none}
.history-fuel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.history-fuel-tabs button{border:1px solid #d8e4df;border-radius:24px;background:#fff;padding:10px 14px;min-height:44px;color:#42616a;font:inherit;font-size:12px;cursor:pointer}.history-fuel-tabs button[aria-pressed=true]{background:#244e5a;color:#fff;border-color:#244e5a}
.history-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:20px}.history-metrics>div{background:#f4f7f6;border-radius:10px;padding:14px;min-width:0}.history-metrics dt{font-size:10px;color:var(--dash-muted);line-height:1.5}.history-metrics dd{font-weight:700;font-size:16px;margin:8px 0 0;overflow-wrap:anywhere}.history-metrics dd small{font-size:10px;font-weight:400}.history-summary-note{font-size:11px;color:var(--dash-muted)}
.station-dashboard .station-facts{gap:25px}.station-dashboard .station-facts dt{color:var(--dash-muted);font-size:12px}.station-dashboard .station-facts dd{font-size:13px}.station-dashboard .source-card{background:transparent;box-shadow:none;font-size:11px;color:var(--dash-muted)}
.station-dashboard [hidden]{display:none!important}
@media(max-width:950px){.station-dashboard .station-primary-grid{grid-template-columns:1fr}.station-dashboard .station-location{display:grid;grid-template-columns:1fr 1fr;gap:20px}.station-location h2{grid-column:1/-1}.location-details{padding:0}.history-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.station-dashboard .wrap{padding:0 14px 30px;margin:16px auto}.station-dashboard .card,.station-dashboard .station-overview,.station-dashboard .station-primary-grid .card{padding:20px 16px;border-radius:16px;margin-bottom:18px}.station-dashboard h2{font-size:21px}.station-dashboard .station-hero{gap:14px;align-items:flex-start}.station-dashboard .station-logo-card{width:60px;height:60px;flex-basis:60px;border-radius:12px}.station-dashboard .station-logo-card img{max-width:48px;max-height:48px}.station-dashboard .station-heading h1{font-size:24px}.station-dashboard .station-heading p{font-size:12px}.station-dashboard .station-top-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.station-dashboard .station-top-actions>*{padding:10px 8px;min-width:0;font-size:12px}.station-dashboard .station-top-actions .dashboard-primary{padding:10px}.station-dashboard .station-summary-line{margin:18px 0}.station-dashboard .summary-service{display:none}.station-jumpnav{gap:20px}.station-dashboard .station-primary-grid{display:block;margin-bottom:0}.station-dashboard .fuel-cards{gap:10px}.station-dashboard .fuel-price-card{padding:14px 10px}.station-dashboard .fuel-price-value{font-size:30px;flex-wrap:wrap;gap:3px}.station-dashboard .fuel-price-heading h3{flex-direction:column;align-items:flex-start;font-size:12px}.fuel-benchmark{padding:8px;font-size:10px}.fuel-benchmark small{font-size:9px}.station-dashboard .fuel-price-heading .fuel-type-icon{width:32px;height:32px;flex-basis:32px}.fuel-updated{font-size:9px}.station-dashboard .fuel-change-note{font-size:9px}.station-dashboard .station-location{display:block}.station-dashboard #station-mini-map{height:220px}.location-details{padding-top:16px}.dashboard-section-heading{align-items:flex-start;flex-direction:column;gap:14px}.dashboard-section-heading label{width:100%}.dashboard-section-heading select{width:100%}.tank-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tank-results>div{padding:12px;font-size:11px}.tank-results strong{font-size:22px}.nearby-list li{grid-template-columns:1fr 1fr;gap:8px;padding:16px 0}.nearby-list a{grid-column:1/-1}.nearby-list small{font-size:10px}.nearby-price>strong{font-size:15px}.saving-panel{padding:18px}.saving-panel>strong{font-size:22px}.detour-fields{grid-template-columns:1fr}.station-dashboard .service-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.station-dashboard .service-badges .service-badge{padding:14px}.station-dashboard .discount-table tbody{grid-template-columns:1fr}.history-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.history-fuel-tabs button{font-size:11px;padding:9px 12px}.station-dashboard .station-facts{display:block}.station-dashboard .station-facts-group{margin:20px 0}.station-dashboard .station-facts dd{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:no-preference){.station-dashboard .station-overview{animation:dashboard-reveal .3s ease-out}@keyframes dashboard-reveal{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
/* Override legacy column wrapping so dates stay inside their fuel card. */
.station-dashboard .fuel-change-note{flex-direction:column;flex-wrap:nowrap;align-items:flex-start}
.station-dashboard .fuel-change-note time{flex-basis:auto}
.station-dashboard .station-hero{padding-right:0}
.station-dashboard .station-top-actions .btn{width:auto;min-width:0}
.station-dashboard .status-badge:not(.is-open):not(.is-closing){background:#f1f3f3;color:#52666e;border-color:#dbe2e2}
.station-dashboard .discount-table td[data-label="Válido hasta"]:not(:empty):before,.station-dashboard .discount-table td[data-label="Destinatarios"]:not(:empty):before{content:attr(data-label) ': ';display:inline;font-weight:600;color:#52666e}
@media(max-width:360px){.station-dashboard .fuel-cards{grid-template-columns:1fr}.station-dashboard .fuel-price-heading h3{flex-direction:row;align-items:center;font-size:14px}.station-dashboard .fuel-updated,.station-dashboard .fuel-change-note{font-size:11px}.station-dashboard .fuel-benchmark{font-size:12px}.station-dashboard .fuel-benchmark small{font-size:10px}.station-dashboard .fuel-price-value{font-size:36px}}
@media(max-width:600px){
 .station-dashboard .fuel-cards{grid-template-columns:1fr}
 .station-dashboard .fuel-price-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:18px 14px;align-items:center}
 .station-dashboard .fuel-price-heading h3{flex-direction:row;align-items:center;font-size:13px;margin:0}
 .station-dashboard .fuel-price-value{font-size:32px;margin:0;justify-content:flex-end}
 .station-dashboard .fuel-price-card>.fuel-updated,.station-dashboard .fuel-price-card>.fuel-benchmark,.station-dashboard .fuel-price-card>.fuel-change-note{grid-column:1/-1}
 .station-dashboard .fuel-updated,.station-dashboard .fuel-change-note{font-size:11px}
 .station-dashboard .fuel-benchmark{font-size:12px;padding:10px}
 .station-dashboard .fuel-benchmark small{font-size:11px}
 .station-dashboard .fuel-price-card .fuel-change-note{display:block}
 .station-dashboard .fuel-price-card .fuel-change-note>*{margin-right:6px}
 .station-dashboard .fuel-price-card .fuel-change-note time{display:block;margin-top:4px}
}
.history-dashboard-visual{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:center}
.history-dashboard-visual .history-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.history-dashboard-visual .station-history-plot{min-width:0}
@media(max-width:850px){.history-dashboard-visual{display:block}.history-dashboard-visual .history-metrics{margin:16px 0}}
.history-compare-options{margin:12px 0;font-size:12px}.history-compare-options summary{padding:8px 0;cursor:pointer;font-weight:600}.history-compare-options fieldset{margin-top:10px}