/* Reference composition: compact desktop dashboard, natural one-column reading on mobile. */
.station-dashboard{--dash-ink:#102b51;--dash-muted:#526882;--dash-line:#e0e8f0;--dash-green:#19834d;background:#f2f7fb}
.station-dashboard .wrap{max-width:1490px;padding:0 24px 40px;margin:16px auto}
.station-dashboard .preproduction-note{margin:0 0 10px;font-size:10px}
.station-dashboard .breadcrumbs{margin:10px 0 12px}
.station-dashboard .card,.station-dashboard .station-overview{border-radius:12px;padding:18px;box-shadow:0 2px 12px #12346003;margin-bottom:16px}
.station-dashboard h2{font-size:19px;letter-spacing:-.025em;margin-bottom:14px}
.station-dashboard .eyebrow{font-size:9px;margin-bottom:6px}
.station-dashboard .station-overview{display:grid;grid-template-columns:minmax(0,1fr) 230px 290px;column-gap:26px;row-gap:12px;border-top:1px solid var(--dash-line);padding:22px}
.station-dashboard .station-hero{grid-column:1;grid-row:1;gap:18px}
.station-dashboard .station-logo-card{width:100px;height:100px;flex-basis:100px;border-radius:14px}
.station-dashboard .station-logo-card img{max-width:82px;max-height:82px}
.station-dashboard .station-heading h1{font-size:30px;margin:0 0 9px}
.station-dashboard .station-heading p{font-size:12px;line-height:1.55}.station-dashboard .station-heading .operator-line{font-size:11px}
.station-dashboard .station-summary-line{grid-column:1;grid-row:2;margin:0;padding-left:118px;gap:8px}
.station-dashboard .summary-service{font-size:10px}
.station-dashboard .status-badge{font-size:11px;padding:6px 12px;border-radius:20px}
.station-dashboard .status-badge.is-open{background:#19834d;color:#fff;border-color:#19834d}
.station-dashboard .station-top-actions{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:9px}
.station-dashboard .station-top-actions>*{padding:8px;font-size:12px;min-height:40px}
.station-dashboard .station-top-actions .dashboard-primary{grid-column:1/-1;grid-row:2;min-height:48px}
.station-dashboard .station-top-actions #station-map-link{grid-column:1/-1;border:0;background:transparent;min-height:32px;font-size:11px;color:#165994}
.station-brand-panel{grid-column:3;grid-row:1/span 2;border:1px solid #dfe9f1;border-radius:10px;background:radial-gradient(ellipse at 80% 5%,#dcece6 0,transparent 65%),linear-gradient(125deg,#f5f8fa,#eaf1f7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px;text-align:center}
.station-brand-panel img{width:70px;height:70px;object-fit:contain;margin-bottom:3px}.station-brand-panel strong{font-size:16px}.station-brand-panel span{font-size:12px}.station-brand-panel small{font-size:10px;color:var(--dash-muted)}
#station-action-feedback{grid-column:1/-1;margin:0}#station-action-feedback:empty{display:none}
.station-dashboard .station-jumpnav{gap:22px;margin:0 2px 14px;padding:0 0 9px}.station-jumpnav a{font-size:11px;min-height:24px}
.station-dashboard .station-primary-grid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:stretch}
.station-dashboard .station-primary-grid .card{padding:18px;border-radius:12px}
.station-dashboard .price-card>.eyebrow{display:none}.station-dashboard .price-card>h2{display:inline-block;margin:0 12px 12px 0}.station-dashboard .price-card>.price-update{display:inline;font-size:10px}.station-dashboard .price-card>.seo-note-text{margin:0 0 12px;font-size:10px;line-height:1.5}
.station-dashboard .fuel-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.station-dashboard .fuel-price-card{display:block;padding:14px;border-radius:10px;background:linear-gradient(150deg,#fff,#f8fafe)}
.station-dashboard .fuel-price-heading h3{font-size:12px;gap:8px;line-height:1.35;flex-direction:row;align-items:center;margin:0}
.station-dashboard .fuel-price-heading .fuel-type-icon{width:26px;height:26px;flex-basis:26px}
.station-dashboard .fuel-price-value{font-size:34px;margin:13px 0 8px;color:#102b51;gap:5px}.station-dashboard .fuel-price-value span{font-size:11px}
.station-dashboard .fuel-updated{font-size:9px;margin:8px 0;line-height:1.4}
.station-dashboard .fuel-benchmark{font-size:10px;padding:8px;border-radius:7px;line-height:1.45}.station-dashboard .fuel-benchmark small{font-size:9px;margin-top:5px}.station-dashboard .fuel-benchmark span{font-size:9px}
.station-dashboard .fuel-change-note{font-size:9px;gap:2px;line-height:1.5;margin:8px 0 0;display:block}.station-dashboard .fuel-change-note strong{font-size:10px;padding:2px 4px}.station-dashboard .fuel-change-note span{display:block}.station-dashboard .fuel-change-note time{display:block}
.station-dashboard .fuel-cards>.tank-card{padding:14px;background:#eef8f1;border:1px solid #dbefe2;border-radius:10px;margin:0;min-width:0;box-shadow:none}
.tank-card .eyebrow{display:none}.station-dashboard .tank-card h2{font-size:13px;line-height:1.4;margin:0}.tank-card .dashboard-section-heading{display:block;margin:0 0 10px}.tank-card .dashboard-section-heading label{display:block;font-size:10px;margin-top:10px}.tank-card select{width:100%;min-height:34px;padding:5px 8px;font-size:12px}
.station-dashboard .tank-results{display:block}.station-dashboard .tank-results>div{display:flex;flex-wrap:nowrap;gap:6px;padding:5px 0;background:none;border-radius:0;border-bottom:1px solid #dbe9df;font-size:10px}.tank-results .fuel-type-icon{display:none}.station-dashboard .tank-results strong{width:auto;font-size:12px;margin:0 0 0 auto;white-space:nowrap}.tank-card .dashboard-note{font-size:9px;line-height:1.5;margin:10px 0 0}
.station-dashboard #station-mini-map{height:235px;border-radius:9px}.station-dashboard .location-details{font-size:12px;padding-top:14px}.location-details p{margin:6px 0}.location-actions{gap:7px;margin-top:12px}.location-actions a{background:#19834d;color:#fff;border-color:#19834d}.location-actions button,.location-actions a{font-size:10px;min-height:36px}
.station-secondary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.72fr);gap:16px;align-items:start;margin-bottom:16px}
.station-dashboard .station-secondary-grid>.card,.station-secondary-grid>.dashboard-tools,.station-secondary-grid>#historico,.station-secondary-grid .station-history{min-width:0;margin:0}
.station-secondary-grid #servicios{grid-column:1;grid-row:1}.station-secondary-grid .dashboard-discounts{grid-column:2;grid-row:1}.station-secondary-grid .station-technical{grid-column:3;grid-row:1}.station-secondary-grid #historico{grid-column:1;grid-row:2}.station-secondary-grid .dashboard-nearby{grid-column:2;grid-row:2}.station-secondary-grid .dashboard-tools{grid-column:3;grid-row:2}
.station-dashboard .station-hours{font-size:12px;margin:0 0 12px}.station-dashboard .service-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.station-dashboard .service-badges .service-badge{padding:12px 8px;gap:8px;font-size:11px;align-items:center;text-align:center;min-width:0;background:#fcfdff;border-radius:9px}.service-badges svg{width:24px;height:24px}
.discount-programs{display:grid;grid-template-columns:1fr;gap:8px}.discount-program{border:1px solid #e2e9f2;border-radius:8px;background:#f9fbfe;min-width:0}.discount-program summary{display:flex;gap:10px;align-items:center;cursor:pointer;min-height:54px;padding:9px 10px;list-style:none}.discount-program summary:after{content:'+';margin-left:auto;color:#537897}.discount-program[open] summary:after{content:'−'}.discount-program summary strong{display:block;font-size:11px;line-height:1.5}.discount-program summary small{display:block;font-size:10px;color:#526882;margin-top:3px}.discount-symbol{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:6px;background:#e4f1eb;color:#19754a;font-weight:800}.discount-description{padding:0 12px 12px;font-size:11px;line-height:1.7}.discount-description p{margin:8px 0}.more-discounts>summary,.station-all-facts>summary{font-size:11px;font-weight:600;padding:12px 0;cursor:pointer;color:#245b90}
.dashboard-discounts>.dashboard-note{font-size:10px;line-height:1.5;margin-bottom:0}.station-quick-facts{margin:0}.station-quick-facts>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e4ebf2;padding:7px 0;font-size:11px;line-height:1.4}.station-quick-facts dt{color:#526882}.station-quick-facts dd{margin:0;text-align:right;max-width:64%;overflow-wrap:anywhere}.station-technical>p{font-size:9px!important;margin:0 0 12px;line-height:1.5}.station-all-facts .station-facts{display:block}.station-all-facts .station-facts-group{margin:10px 0}.station-all-facts .station-facts dl>div{display:block}.station-all-facts .station-facts dd{margin:4px 0 10px;font-size:11px}
.station-secondary-grid .station-history>.eyebrow{display:none}.station-secondary-grid .station-history h2{font-size:18px}.station-secondary-grid .station-history>.seo-note-text{font-size:10px;line-height:1.5}
.history-fuel-tabs{gap:5px;margin:12px 0}.history-fuel-tabs button{font-size:10px;padding:7px 10px;min-height:34px}.history-fuel-tabs button[aria-pressed=true]{background:#19834d;border-color:#19834d}
.station-history-controls{margin:12px 0;gap:8px}.station-history-controls label{font-size:11px}.station-history-controls select{font-size:11px;min-height:34px;padding:5px 8px}.history-compare-options{margin:5px 0;font-size:10px}.station-history-status{font-size:10px;line-height:1.4}
.history-dashboard-visual{grid-template-columns:minmax(0,1fr);gap:10px}.history-dashboard-visual .station-history-plot,.history-dashboard-visual .station-history-plot svg{height:220px}.history-dashboard-visual .history-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}.history-metrics>div{padding:9px;border-radius:7px;background:#f5f8fc}.history-metrics dt{font-size:9px}.history-metrics dd{font-size:12px;margin-top:5px}.station-history-readout{min-height:0;gap:5px;padding:8px;font-size:10px}.station-history-readout strong{flex-basis:auto;margin-right:6px}.history-summary-note{font-size:9px;line-height:1.5}.station-history-table{margin-top:5px}.station-history-table summary{font-size:11px;min-height:34px;padding:8px 0}
.dashboard-nearby .eyebrow{display:none}.dashboard-nearby .dashboard-section-heading{display:block;margin:0 0 10px}.dashboard-nearby .dashboard-section-heading h2{font-size:18px;margin-bottom:10px}.dashboard-nearby .dashboard-section-heading label{font-size:10px;display:flex;align-items:center;gap:8px}.dashboard-nearby select{min-height:34px;font-size:11px;padding:5px 8px;margin:0;max-width:80%}.dashboard-nearby>.dashboard-note{font-size:10px;line-height:1.5}.nearby-group h3{font-size:12px;margin:10px 0}.nearby-list li{grid-template-columns:minmax(0,1fr) 50px 88px;gap:8px;padding:12px 0}.nearby-list a{font-size:11px;gap:8px}.nearby-list small{font-size:9px;line-height:1.5}.nearby-price>strong{font-size:12px}.nearby-distance{font-size:10px}.nearby-list .comparison-station-logo{width:24px;height:24px;flex-basis:24px}
.dashboard-tools .saving-panel{margin:0 0 12px;padding:18px;border-radius:12px;background:#eaf7ef}.dashboard-tools .saving-panel>strong{font-size:21px;line-height:1.4}.dashboard-tools .saving-panel p{font-size:11px;line-height:1.65}.dashboard-tools .saving-panel a{font-size:11px}.dashboard-tools .detour-calculator{background:#eaf3fd;border:1px solid #dbe8f6;padding:16px;margin:0;border-radius:12px;font-size:11px}.dashboard-tools .detour-calculator summary{font-size:14px;line-height:1.5;padding:0}.dashboard-tools .detour-fields{grid-template-columns:1fr;gap:10px}.dashboard-tools .detour-fields label{font-size:11px}.dashboard-tools .detour-calculator output{padding:10px;background:#fff;line-height:1.8}.dashboard-tools .dashboard-note{font-size:10px}
@media(min-width:1600px){.station-dashboard .wrap{max-width:1570px}}
@media(max-width:1200px){.station-dashboard .station-overview{grid-template-columns:minmax(0,1fr) 220px}.station-brand-panel{display:none}.station-dashboard .fuel-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.station-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.station-secondary-grid #servicios{grid-column:1;grid-row:1}.station-secondary-grid .dashboard-discounts{grid-column:2;grid-row:1}.station-secondary-grid #historico{grid-column:1;grid-row:2}.station-secondary-grid .dashboard-nearby{grid-column:2;grid-row:2}.station-secondary-grid .station-technical{grid-column:1;grid-row:3}.station-secondary-grid .dashboard-tools{grid-column:2;grid-row:3}}
@media(max-width:950px){.station-dashboard .station-primary-grid{grid-template-columns:1fr}.station-dashboard .station-location{display:block}.station-dashboard .fuel-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.station-dashboard #station-mini-map{height:240px}}
@media(max-width:700px){.station-dashboard .wrap{padding:0 14px 30px}.station-dashboard .station-overview{display:block;padding:18px}.station-dashboard .station-hero{gap:14px}.station-dashboard .station-logo-card{width:66px;height:66px;flex-basis:66px}.station-dashboard .station-logo-card img{max-width:52px;max-height:52px}.station-dashboard .station-heading h1{font-size:24px}.station-dashboard .station-summary-line{padding:0;margin:16px 0}.station-dashboard .station-top-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.station-dashboard .station-top-actions .dashboard-primary{grid-column:1/-1;grid-row:1}.station-dashboard .station-top-actions #station-map-link{grid-column:1/-1}.station-dashboard .station-top-actions>*{min-height:44px}.station-dashboard .summary-service{display:none}.station-dashboard .station-jumpnav{margin-bottom:14px}.station-jumpnav a{font-size:12px;min-height:32px}.station-dashboard .station-primary-grid{display:block;margin-bottom:16px}.station-dashboard .station-primary-grid>.card{margin-bottom:16px;padding:16px}.station-dashboard .fuel-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.station-dashboard .fuel-price-card{padding:12px}.station-dashboard .fuel-price-heading h3{font-size:12px;flex-direction:column;align-items:flex-start}.station-dashboard .fuel-price-value{font-size:30px;justify-content:flex-start}.station-dashboard .fuel-updated{font-size:10px}.station-dashboard .fuel-benchmark{font-size:11px}.station-dashboard .fuel-benchmark small,.station-dashboard .fuel-benchmark span{font-size:10px}.station-dashboard .fuel-change-note{font-size:10px}.station-dashboard .tank-card h2{font-size:13px}.station-dashboard .tank-card select{min-height:44px}.station-dashboard .tank-results>div{font-size:11px}.station-dashboard .tank-results strong{font-size:12px}.station-secondary-grid{display:flex;flex-direction:column;gap:16px}.station-secondary-grid>*{width:100%}.station-secondary-grid #historico{order:3}.station-secondary-grid .dashboard-nearby{order:4}.station-secondary-grid .dashboard-tools{order:5}.station-secondary-grid .station-technical{order:6}.station-dashboard h2{font-size:20px}.station-dashboard .station-secondary-grid .station-history h2{font-size:20px}.station-dashboard .service-badges .service-badge{font-size:12px;padding:14px 9px}.discount-program summary strong{font-size:13px}.discount-program summary small,.discount-description{font-size:12px}.station-quick-facts>div{font-size:12px}.nearby-list li{grid-template-columns:minmax(0,1fr) 45px 95px;gap:8px}.nearby-list a{grid-column:auto;font-size:12px}.nearby-list small{font-size:10px}.nearby-price>strong{font-size:13px}.nearby-distance{font-size:11px}.history-fuel-tabs button{font-size:11px;min-height:44px}.station-history-controls select{min-height:44px}.history-metrics dd{font-size:13px}.dashboard-tools .detour-calculator summary{padding:6px 0;font-size:16px}}
@media(max-width:430px){.station-dashboard .fuel-cards{grid-template-columns:1fr}.station-dashboard .fuel-price-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:16px 12px}.station-dashboard .fuel-price-heading h3{flex-direction:row;align-items:center;font-size:13px}.station-dashboard .fuel-price-value{margin:0;font-size:32px}.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-benchmark,.station-dashboard .fuel-updated,.station-dashboard .fuel-change-note{font-size:11px}.station-dashboard .fuel-benchmark small,.station-dashboard .fuel-benchmark span{font-size:11px}.station-dashboard .tank-results>div{font-size:12px;padding:8px 0}.station-dashboard .tank-results strong{font-size:14px}.nearby-list li{grid-template-columns:1fr 1fr}.nearby-list a{grid-column:1/-1}.history-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.fuel-detail{margin-top:9px;font-size:10px}.fuel-detail summary{cursor:pointer;color:#466486;padding:5px 0;min-height:26px}.fuel-detail .fuel-updated{margin:6px 0}.station-dashboard .fuel-detail .fuel-change-note{margin-top:6px}
@media(max-width:430px){.fuel-detail{grid-column:1/-1;font-size:11px}.fuel-detail summary{min-height:36px;display:flex;align-items:center}}
@media(min-width:701px){.station-secondary-grid>#servicios,.station-secondary-grid>.dashboard-discounts,.station-secondary-grid>.station-technical{align-self:stretch}}
/* Shared vector icon language and semantic surfaces from the reference. */
.station-dashboard .station-ui-icon{display:inline-block;width:21px;height:21px;flex:0 0 21px;vertical-align:middle;pointer-events:none}
.station-dashboard h2:has(>.station-ui-icon){display:flex;align-items:center;gap:9px}
.station-dashboard h2>.station-ui-icon{color:#18864d}
.station-dashboard .station-top-actions :is(a,button){gap:8px}
.station-dashboard .station-top-actions .station-ui-icon{width:18px;height:18px;flex-basis:18px}
.station-dashboard .station-top-actions .dashboard-primary{background:linear-gradient(180deg,#1c9155,#137e47);box-shadow:0 2px 4px #137e4715}
.station-dashboard .favorite-btn .station-ui-icon{color:#304966}
.station-dashboard .favorite-btn.is-favorite .station-ui-icon{color:#bb3f55;fill:#fce9ee}
.station-dashboard .location-actions :is(a,button){gap:6px}
.station-dashboard .location-actions .station-ui-icon{width:16px;height:16px;flex-basis:16px}
.station-dashboard .location-address{display:flex;align-items:flex-start;gap:8px}
.station-dashboard .location-address .station-ui-icon{width:19px;height:19px;flex-basis:19px;color:#123c68}
.station-dashboard .location-hours{display:flex;align-items:center;gap:8px;border:1px solid #dfede6;background:#f5fbf7;border-radius:8px;padding:10px;margin:12px 0;font-weight:600;color:#236749}
.station-dashboard .location-hours .station-ui-icon{color:#16884c}
.station-dashboard .station-hours{display:flex;align-items:center;gap:8px;color:#345b73}
.station-dashboard .station-hours>.station-ui-icon{color:#18884c;width:18px;height:18px;flex-basis:18px}
.station-dashboard .service-badge--store svg{color:#168445}
.station-dashboard .service-badge--air svg{color:#203d63}
.station-dashboard .service-badge--wash svg{color:#1874b9}
.station-dashboard .service-badge--coffee svg{color:#956129}
.station-dashboard .service-badges .service-badge{background:linear-gradient(145deg,#fff,#f7faff);border-color:#e1eaf3}
.station-dashboard .service-badges svg{width:30px;height:30px}
.station-dashboard .fuel-price-card--worse{background:linear-gradient(145deg,#fffdfd,#fff5f5);border-color:#f1d9dc}
.station-dashboard .fuel-price-card--better{background:linear-gradient(145deg,#fcfffd,#eef8f1);border-color:#cce5d5}
.station-dashboard .fuel-price-card--neutral{background:linear-gradient(145deg,#fff,#f4f7fb);border-color:#e0e7f0}
.station-dashboard .fuel-benchmark{background:transparent;padding:0;margin-top:12px}
.station-dashboard .fuel-benchmark>strong{display:flex;gap:6px;align-items:flex-start;line-height:1.6}
.station-dashboard .fuel-benchmark .station-ui-icon{width:19px;height:19px;flex-basis:19px;padding:3px;border-radius:50%;stroke-width:2.3}
.station-dashboard .fuel-benchmark.worse{color:#a23d48}.station-dashboard .fuel-benchmark.worse .station-ui-icon{background:#fbe2e6}
.station-dashboard .fuel-benchmark.better{color:#216b43}.station-dashboard .fuel-benchmark.better .station-ui-icon{background:#d9efe0}
.station-dashboard .fuel-benchmark.neutral{color:#52677d}.station-dashboard .fuel-benchmark.neutral .station-ui-icon{background:#e6edf4}
.station-dashboard .fuel-benchmark>span{color:#4f6479;margin-left:25px}.station-dashboard .fuel-benchmark>small{color:#52677d;margin-top:8px}
.station-dashboard .fuel-cards>.tank-card{background:linear-gradient(120deg,#eef6ff,#e4effd);border-color:#d8e6f6}
.station-dashboard .tank-card h2{display:flex;align-items:flex-start;gap:8px;color:#174775}
.station-dashboard .tank-card h2>.station-ui-icon{box-sizing:content-box;width:23px;height:23px;flex-basis:23px;padding:5px;border-radius:50%;background:#e4effd;color:#135991}
.station-dashboard .discount-symbol{color:#a2364a;background:#fde8ed;flex-basis:29px;width:29px;height:29px}
.station-dashboard .discount-symbol .station-ui-icon{width:17px;height:17px;flex-basis:17px}
.station-dashboard .discount-program:nth-child(3n+2) .discount-symbol{color:#167647;background:#e1f3e7}
.station-dashboard .discount-program:nth-child(3n) .discount-symbol{color:#254b74;background:#e6edf7}
.station-dashboard .saving-panel{position:relative;padding-left:62px;background:linear-gradient(115deg,#effbf2,#e5f5eb);border-color:#cde8d7}
.station-dashboard .saving-panel>.station-ui-icon{position:absolute;left:17px;top:23px;width:33px;height:33px;color:#16834a}
.station-dashboard .saving-panel>.eyebrow{color:#287046;font-size:9px;letter-spacing:.09em}
.station-dashboard .saving-panel>strong{font-size:19px;color:#16663c}
.station-dashboard .saving-panel p{color:#315d4b}
.station-dashboard .detour-calculator{background:linear-gradient(120deg,#eef6ff,#e4effd);border-color:#d8e6f6}
.station-dashboard .detour-calculator>summary{display:flex;align-items:center;gap:10px;list-style:none;color:#174775}
.station-dashboard .detour-calculator>summary>.station-ui-icon{width:30px;height:30px;flex-basis:30px;color:#135991}
.station-dashboard .detour-calculator>summary:after{content:'+';margin-left:auto;font-size:20px;font-weight:400}
.station-dashboard .detour-calculator[open]>summary:after{content:'−'}
.station-dashboard .nearby-list{counter-reset:station-rank}
.station-dashboard .nearby-list li{counter-increment:station-rank}
.station-dashboard .nearby-list a:before{content:counter(station-rank);display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#def2e5;color:#246e43;font-size:10px;font-weight:700}
.station-dashboard .nearby-price small{display:inline-block;padding:3px 6px;border-radius:6px;background:#e2f4e8;color:#246743}
@media(max-width:430px){.station-dashboard .saving-panel{padding-left:62px}.station-dashboard .fuel-benchmark>strong{align-items:center}.station-dashboard .location-actions :is(a,button){min-height:42px}.station-dashboard h2>.station-ui-icon{width:20px;height:20px;flex-basis:20px}}
.station-dashboard .fuel-price-heading:has(img[src*="gasolina-95"]) h3{color:#1a613b}
.station-dashboard .fuel-price-heading:has(img[src*="gasolina-98"]) h3{color:#46722c}
.station-dashboard .fuel-price-heading:has(img[src*="adblue"]) h3{color:#195c97}
.station-dashboard .fuel-price-heading:has(img[src*="glp"]) h3{color:#88641c}
.station-brand-map-icon{background:none;border:0}
.station-map-label{display:flex;align-items:center;gap:7px;width:150px;min-height:40px;padding:6px 10px;border:1px solid #d9e4eb;border-radius:10px;background:white;box-shadow:0 3px 12px #123c6826;color:#183c56;font:700 12px Manrope,sans-serif}
.station-map-label:after{content:'';position:absolute;bottom:-5px;left:16px;width:9px;height:9px;background:#fff;border-right:1px solid #d9e4eb;border-bottom:1px solid #d9e4eb;transform:rotate(45deg)}
.station-map-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.station-dashboard .leaflet-container .station-map-label img{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;object-fit:contain;flex:0 0 26px}
/* Generated service artwork, with reserved dimensions and no clipping. */
.station-dashboard .service-artwork{display:block;width:56px;height:56px;max-width:56px;max-height:56px;object-fit:contain;flex:0 0 56px}
.station-dashboard .service-badges .service-badge{padding:14px 10px;gap:9px;border-color:#e1eaf0;background:#fff;font-weight:600;line-height:1.4}
.station-dashboard .summary-service{gap:6px}
.station-dashboard .summary-service .service-artwork{width:24px;height:24px;max-width:24px;max-height:24px;flex-basis:24px}
@media(max-width:430px){.station-dashboard .service-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.station-dashboard .service-badges .service-badge{font-size:12px;padding:14px 10px}}
/* Compact location facts and a clear hierarchy for comparisons and calculations. */
.station-dashboard .location-details{padding-top:16px}
.location-address-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:start}
.location-address-row>div{min-width:0}.station-dashboard .location-address{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.location-address-row p{font-size:12px;color:#52677d;margin:4px 0 0 27px}
.station-dashboard .location-copy{display:grid;place-items:center;width:40px;min-height:40px;padding:8px;background:#fff;border:1px solid #dce5ee;border-radius:8px;color:#315578;cursor:pointer}
.station-dashboard .location-route{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:44px;border-radius:8px;background:#16824b;color:#fff;font-size:13px;font-weight:700;text-decoration:none}
.location-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.location-facts>div,.location-facts>a{display:flex;flex-wrap:wrap;align-content:start;gap:7px;padding:11px 9px;border:1px solid #e1e8f0;border-radius:9px;background:#f6f9fc;min-width:0;color:#52677d;font-size:11px;text-decoration:none}
.location-facts span{min-width:0;flex:1 1 65px}.location-facts strong{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:#1b3f61;overflow-wrap:anywhere}
.station-dashboard .location-facts .station-ui-icon{width:18px;height:18px;flex-basis:18px;color:#29805b}
.station-dashboard .location-facts .location-copy{margin-left:auto;width:32px;min-height:32px;padding:6px}
.station-dashboard .fuel-benchmark .benchmark-main{display:flex;align-items:center;flex-wrap:wrap;gap:7px;justify-content:space-between}
.station-dashboard .fuel-benchmark .benchmark-main>strong{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:800;line-height:1.5}
.station-dashboard .fuel-benchmark .benchmark-badge{font-size:10px;font-weight:700;padding:3px 7px;border-radius:5px;background:#e0eee5}
.station-dashboard .fuel-benchmark.worse .benchmark-badge{background:#f8e4e7}.station-dashboard .fuel-benchmark.neutral .benchmark-badge{background:#e5ebf2}
.station-dashboard .fuel-benchmark .benchmark-context{font-size:11px;line-height:1.6;color:#52677d;margin:9px 0 0}.benchmark-context b{font-weight:600;color:#304d69}
.station-dashboard .fuel-benchmark .benchmark-rank{display:block;border-top:1px solid #183b6214;padding-top:8px;margin-top:8px;font-size:11px}
.station-dashboard .fuel-detail{border-top:1px solid #183b6214;padding-top:4px;margin-top:10px}
.station-dashboard .fuel-detail summary{font-size:11px;line-height:1.5;min-height:36px}
.station-dashboard .fuel-detail .fuel-updated{display:grid;gap:3px;font-size:11px;line-height:1.6;margin:6px 0 10px}
.station-dashboard .fuel-detail .fuel-updated time{font-weight:600;color:#304d69}
.station-dashboard .fuel-detail .fuel-change-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;font-size:11px;line-height:1.6;margin:0}
.station-dashboard .fuel-detail .fuel-change-note>*{margin:0}.station-dashboard .fuel-detail .fuel-change-note time{grid-column:1/-1;margin:0;color:#52677d}
.station-dashboard .detour-calculator p,.station-dashboard .detour-calculator .dashboard-note{font-size:12px;line-height:1.7}
.station-dashboard .detour-fields label{font-size:12px;line-height:1.5}
.detour-price-reference{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.detour-price-reference>div{padding:10px 8px;border:1px solid #d8e3ef;border-radius:8px;background:#ffffffa6;min-width:0}
.detour-price-reference span{display:block;color:#52677d;font-size:11px}.detour-price-reference strong{display:block;margin-top:5px;font-size:13px;color:#203f60;white-space:nowrap}
.detour-method{font-size:11px;color:#435f7d;margin:12px 0}.detour-method summary{cursor:pointer;min-height:32px;padding:6px 0}
.station-dashboard #detour-result{display:block;font-size:12px;line-height:1.6;margin-top:14px}
#detour-result>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid #cedded}
#detour-result strong{white-space:nowrap}#detour-result .detour-net{border:0;border-radius:8px;padding:10px;margin-top:8px;font-weight:700}
#detour-result .positive{background:#dff1e6;color:#1b6540}#detour-result .negative{background:#f8e4e7;color:#933c49}
.station-dashboard :is(.location-copy,.location-route,.location-facts>a):focus-visible{outline:3px solid #276ca5;outline-offset:3px}
.station-dashboard .location-route:hover{background:#116a3c}.station-dashboard .location-copy:hover{background:#edf4fa}
@media(min-width:1300px){.location-address-row{grid-template-columns:minmax(0,1fr) 40px auto}.station-dashboard .location-route{grid-column:auto}}
@media(max-width:430px){.location-facts{grid-template-columns:1fr}.location-facts>div,.location-facts>a{align-items:center}.location-facts span{flex-basis:100px}.location-facts strong{margin-top:2px}.station-dashboard .location-facts .location-copy{width:40px;min-height:40px}.benchmark-main>strong{font-size:15px}}
.station-dashboard .station-primary-grid>.station-location{align-self:start}
/* Keep services directly below location, including in the server-rendered layout. */
.station-location-column{display:flex;flex-direction:column;gap:16px;min-width:0;align-self:start}
.station-dashboard .station-location-column>.card{margin:0;min-width:0}
.station-dashboard .location-facts{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.station-dashboard .location-facts>div:first-child strong{font-size:14px}
@media(min-width:1201px){.station-secondary-grid .dashboard-discounts{grid-column:1/3}}
@media(min-width:701px) and (max-width:1200px){.station-secondary-grid .dashboard-discounts{grid-column:1;grid-row:1}.station-secondary-grid .station-technical{grid-column:2;grid-row:1}.station-secondary-grid .dashboard-tools{grid-column:1/-1;grid-row:3}}
@media(max-width:700px){.station-location-column{margin-bottom:16px}.station-dashboard .station-location-column>.card{padding:16px}}
@media(max-width:430px){.station-dashboard .location-facts{grid-template-columns:1fr}}
/* Price decisions first; discount programs and station facts follow. */
@media(min-width:1201px){.station-secondary-grid #historico,.station-secondary-grid .dashboard-nearby,.station-secondary-grid .dashboard-tools{grid-row:1}.station-secondary-grid .dashboard-discounts,.station-secondary-grid .station-technical{grid-row:2}}
@media(min-width:701px) and (max-width:1200px){.station-secondary-grid #historico,.station-secondary-grid .dashboard-nearby{grid-row:1}.station-secondary-grid .dashboard-tools{grid-row:2}.station-secondary-grid .dashboard-discounts,.station-secondary-grid .station-technical{grid-row:3}}
@media(max-width:700px){.station-secondary-grid #historico{order:0}.station-secondary-grid .dashboard-nearby{order:1}.station-secondary-grid .dashboard-tools{order:2}.station-secondary-grid .dashboard-discounts{order:3}.station-secondary-grid .station-technical{order:4}}
.station-prices-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:12px}
.station-dashboard .station-prices-header h2{margin:0}
.station-dashboard .station-prices-header .price-update{margin:0 0 0 auto;text-align:right;font-size:10px}
.station-dashboard #detour-result[hidden]{display:none}
.station-dashboard #detour-destination a{color:#203f60;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.station-dashboard #detour-destination a:hover{color:#12304e}
.station-dashboard #detour-destination a:focus-visible{outline:2px solid #203f60;outline-offset:3px;border-radius:2px}
.station-dashboard .dashboard-nearby .dashboard-section-heading label{font-size:14px}
.station-dashboard #nearby-fuel{font-size:14px;min-height:40px;max-width:100%}
.station-dashboard .dashboard-nearby .nearby-group>h3{font-size:15px}
.station-dashboard .nearby-price>strong{font-size:16px;font-weight:800}
.station-dashboard .nearby-list a:before{width:24px;height:24px;flex-basis:24px;font-size:13px;font-weight:800}
/* All available services stay in one row; artwork fits the width of each cell. */
.station-dashboard #servicios .service-badges{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(0,1fr);gap:6px}
.station-dashboard #servicios .service-badge{min-width:0;padding:12px 5px;gap:7px;font-size:11px;line-height:1.4;overflow-wrap:anywhere;justify-content:flex-start}
.station-dashboard #servicios .service-artwork{width:min(56px,100%);height:auto;max-width:100%;max-height:56px;aspect-ratio:1;flex:none;object-fit:contain}
.station-dashboard #servicios .service-badge>.station-ui-icon{width:min(30px,100%);height:auto;flex:none;aspect-ratio:1}
@media(max-width:360px){.station-dashboard #servicios .service-badges{gap:4px}.station-dashboard #servicios .service-badge{padding:10px 3px;font-size:10px}}
/* Leave each anchored section below the sticky header, including its expanded menu. */
.station-dashboard [id]{scroll-margin-top:var(--station-anchor-offset,90px)}
.station-dashboard :is(#precios,#deposito,#alternativas,#historico,#servicios,#descuentos):target{outline:2px solid #5791bd;outline-offset:3px;border-radius:12px}
.station-dashboard .station-jumpnav a[aria-current=location]{color:#195b91;text-decoration:underline;text-underline-offset:5px}
.station-dashboard .station-jumpnav a[hidden]{display:none}