/* Combusticut v15 — un mismo lenguaje visual, sin modificar los colores del mapa base. */
:root{--cc-navy:#112a43;--cc-blue:#176ad0;--cc-teal:#087f87;--cc-surface:#f4f8fb;--cc-line:#dbe6ee;--cc-ease:cubic-bezier(.2,.7,.2,1)}
.cc-app,.cc-trip-page,.cc-auth-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-tap-highlight-color:transparent}
.cc-app{--accent:var(--cc-blue);--accent-dark:#12559c;--border:var(--cc-line);--text:#162d43;--muted:#61778a;--left-panel-w:344px;--right-panel-w:420px}
.cc-app .layout{grid-template-columns:var(--left-panel-w) minmax(0,1fr) var(--right-panel-w)!important;transition:grid-template-columns .3s var(--cc-ease)!important}
.cc-app .layout.side-collapsed{grid-template-columns:var(--left-panel-w) minmax(0,1fr) 0!important}
.cc-app .left-panel{width:var(--left-panel-w)!important;min-width:var(--left-panel-w)!important;max-width:var(--left-panel-w)!important;background:#f5f9fc!important;box-shadow:6px 0 25px #10283d0a!important;border-right:1px solid var(--cc-line)!important}
.cc-app .app-header{padding:20px 18px 16px!important;background:linear-gradient(145deg,#133958,#112638)!important}
.cc-app .app-icon{background:linear-gradient(140deg,#22748a,#176ad0)!important;border-radius:14px!important;box-shadow:0 6px 16px #061a2733}
.cc-app .app-header h1{font-size:23px!important;letter-spacing:-.7px}
.cc-app .app-header p{display:block!important;font-weight:500!important;font-size:11px!important}
.cc-app .header-actions{gap:12px!important}
.cc-app .api-status{min-height:27px!important;border:1px solid #b0ded01f;font-weight:650!important;font-size:10px!important;border-radius:9px!important}
.cc-app .api-status.ok{background:#0a696454!important;color:#b7f4e3!important}
.cc-app .api-status.warning{background:#b2791826!important;color:#ffe0a2!important}
.cc-app .mode-segmented{padding:4px;gap:3px;background:#ffffff12;border:1px solid #ffffff10;border-radius:13px}
.cc-app .mode-seg{min-height:38px!important;font-size:12px!important;font-weight:700!important;padding:8px 4px!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:4px}
.cc-app .mode-seg.active{background:#eaf5ff!important;color:#133857!important;box-shadow:0 2px 8px #08182720!important}
.cc-pro-tag{font-size:8px;font-weight:850;letter-spacing:.5px;padding:3px 4px;background:#ccedeb;color:#075c63;border-radius:5px;line-height:1;display:inline-block}
.cc-app .mode-seg:not(.active) .cc-pro-tag{background:#69c9c428;color:#b9ede7}
.cc-app .toolbar{background:#fff!important;padding:17px 16px!important;gap:12px!important}
.cc-app .toolbar label{font-size:11px!important;font-weight:700!important;letter-spacing:.15px}
.cc-app .toolbar .sort-filter.optional-filter{display:grid!important}
.cc-app input,.cc-app select{border-radius:12px!important;font-size:14px!important;font-weight:550;background-color:#fcfdff!important;box-shadow:none!important;min-height:42px!important}
.cc-app .cc-section-label{padding:17px 16px 7px;color:#667d8f;font-size:10px;font-weight:750;letter-spacing:1px;text-transform:uppercase;display:flex;justify-content:space-between;gap:8px}
.cc-section-label span{color:var(--cc-teal);letter-spacing:.3px}
.cc-app.mode-viaje .cc-section-label{display:none}
.cc-app .quick-actions{background:transparent!important;padding:8px 14px 17px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.cc-app .quick-actions button{grid-column:auto!important;display:flex!important;justify-content:center;align-items:center;gap:5px;width:100%!important;min-height:49px!important;font-size:12px!important;font-weight:750!important;border:1px solid #d3e3ef!important;background:#fff!important;color:#214866!important;box-shadow:0 3px 8px #122c4310!important;border-radius:13px!important;line-height:1.25!important;padding:10px 8px!important;white-space:normal!important}
.cc-app .quick-actions #openPlannerBtn{border-color:#b9ddd9!important;background:#eef9f7!important;color:#08616a!important}
.cc-app .quick-actions button:hover{background:#edf5ff!important;border-color:#9bbfe5!important;transform:translateY(-2px)!important;box-shadow:0 7px 18px #17466b14!important}
.cc-app .location-warning{background:#fff9ec!important;color:#80602f!important;border-color:#f2e6ca!important;padding:13px 16px!important;font-size:11px!important;line-height:1.5!important}
.cc-app .location-warning strong{font-size:11px!important}
.cc-app .side-panel{padding:16px!important;background:#f5f9fd!important;box-shadow:-8px 0 28px #112a4309!important;min-width:var(--right-panel-w)!important;border-left:1px solid var(--cc-line)!important}
.cc-app .side-panel .card{border:1px solid #dbe6ef!important;box-shadow:0 7px 25px #192f4505!important;border-radius:20px!important;padding:17px!important}
.cc-app .side-panel>.close-side-btn,.cc-app .close-left-btn{background:#e6eef5!important;color:#264a66!important;border:1px solid #d6e2ed!important;box-shadow:none!important;border-radius:12px!important;min-height:40px!important;font-size:12px!important;font-weight:750!important;display:flex;justify-content:space-between;align-items:center}
.cc-app .close-side-btn span{font-size:19px;line-height:1}
.cc-app .right-panel-toggle{background:var(--cc-navy)!important;border:1px solid #ffffff66!important;border-radius:12px!important;min-height:40px!important;font-weight:650!important;box-shadow:0 6px 24px #122d4320!important}
.cc-app .section-head h2{font-weight:750!important;font-size:17px!important;letter-spacing:-.35px}
.cc-app .fuel-price-choice{min-height:60px!important;border-color:#dfebf2!important;border-radius:14px!important;padding:12px!important;background:#f8fbfe!important}
.cc-app .fuel-price-choice span{font-weight:650!important;font-size:13px!important}
.cc-app .fuel-price-choice strong{font-size:21px!important;letter-spacing:-.5px}
.cc-app .right-list-results{gap:9px!important}
.cc-app .right-list-item{border-radius:15px!important;padding:12px!important;border-color:#e1eaf2!important;box-shadow:none!important;animation:cc-appear .28s var(--cc-ease) both}
.cc-app .right-list-item:nth-child(2){animation-delay:35ms}.cc-app .right-list-item:nth-child(3){animation-delay:60ms}.cc-app .right-list-item:nth-child(n+4){animation-delay:90ms}
.cc-app .right-list-main strong{font-size:13px!important;font-weight:750!important;line-height:1.35!important}
.cc-app .right-list-main small{font-size:11px!important;line-height:1.4!important}
.cc-app .top-item-price strong{font-size:19px!important;letter-spacing:-.4px}
.cc-app .rank-badge.compact-rank{background:#f2f6fa!important;border-color:#e0e8ef!important;color:#637a8c!important}
.cc-app.mode-viaje .trip-mode-panel{background:linear-gradient(150deg,#173651,#10273c)!important;box-shadow:0 10px 26px #12314815!important;border-color:#24516d!important}
.cc-app .trip-right-panel-note{background:#ffffff08;border-color:#ffffff20}
.cc-app .trip-live-card .trip-speed-display{background:linear-gradient(150deg,#eef7ff,#eef8f5)!important;border-radius:17px!important;padding:22px 0!important;margin:14px 0 12px!important}
.cc-app .trip-stat-box{padding:13px!important;border-radius:14px!important;gap:6px;background:#f8fbfe}
.cc-app .trip-stat-value{font-size:20px!important;letter-spacing:-.5px}
.cc-app .trip-stat-label{font-weight:650!important}
.cc-app .trip-mode-actions{margin-top:12px!important}
.cc-app .trip-active-mini{border:1px solid #d5e4ed!important;border-radius:18px!important;box-shadow:0 9px 30px #122d431a!important;backdrop-filter:blur(12px)}
.cc-app .diario-fullscreen{background:radial-gradient(ellipse at top,#17364b,#101f31 70%)!important}
.cc-app .diario-day{border-radius:13px!important;transition:background .18s,transform .18s}
.cc-app .diario-day.today{border-color:#64cfc8!important}
.cc-app .diario-day-net{letter-spacing:-.2px}
.cc-account-row{gap:8px!important;justify-content:space-between;margin-top:0!important}
.cc-account-row .cc-access-label{color:#c3e5e9;font-size:10px;font-weight:700;letter-spacing:.15px;flex:1 0 100%}
.cc-account-row .cc-plan-button{background:linear-gradient(120deg,#1c7f90,#246cad)!important;border:1px solid #78bece42!important;min-height:34px!important;padding:7px 10px!important;font-size:11px!important;border-radius:10px!important;width:auto!important;flex:1!important;color:#fff!important;font-weight:750!important}
.cc-account-row a{min-height:34px!important;background:transparent!important;border-color:#accadd32!important;padding:7px 10px!important}
.cc-account-row [data-cc-sync]{flex:1 0 100%;max-width:none!important;font-size:9px!important;color:#a3bbcf!important;text-align:right}
.cc-access-notice{background:#fff5dd;color:#75501f;border:1px solid #e9cd95;border-radius:10px;padding:10px;font-size:11px;line-height:1.5}
/* La ventana de Pro usa dialog para enfoque de teclado, Escape y una sola capa visible. */
dialog.cc-premium-dialog{width:min(510px,calc(100vw - 28px));max-height:calc(100dvh - 30px);padding:0;border:1px solid #d8e6ef;border-radius:28px;background:#fff;color:#162e45;box-shadow:0 30px 100px #03172559;font-family:system-ui,-apple-system,sans-serif;overflow:auto}
dialog.cc-premium-dialog[open]{animation:cc-dialog-in .28s var(--cc-ease)}
dialog.cc-premium-dialog::backdrop{background:#081c3285;backdrop-filter:blur(5px);animation:cc-fade .2s ease}
.cc-premium-dialog .cc-dialog-close{position:absolute;right:14px;top:14px;width:34px;min-height:34px;padding:0;background:#eef4f8;color:#516e84;border-radius:50%;font-size:22px;font-weight:500;border:0;box-shadow:none}
.cc-premium-content{padding:36px 30px 24px;background:radial-gradient(ellipse at top left,#e9f7f6 0,transparent 65%)}
.cc-eyebrow{display:block;font-size:10px;font-weight:850;letter-spacing:2px;color:#087981;margin-bottom:19px}
.cc-premium-content h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:0 24px 12px 0;color:#112e44}
.cc-premium-content p{font-size:14px;line-height:1.6;color:#5d7386;margin:0 0 20px}
.cc-benefits{display:grid;gap:13px;padding:19px;border:1px solid #dceae9;border-radius:17px;background:#ffffffaa;margin:8px 0 22px}
.cc-benefits>div{display:flex;gap:11px;align-items:center;color:#2b4d64;font-size:13px;font-weight:600;line-height:1.45}
.cc-benefits>div>span:first-child{font-size:20px}
.cc-gate-actions{display:grid;gap:9px}
.cc-premium-dialog .cc-primary,.cc-premium-dialog .cc-secondary{width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center;min-height:47px;padding:12px 16px;font-size:14px;font-weight:750;border-radius:13px;cursor:pointer;line-height:1.4}
.cc-primary{background:linear-gradient(120deg,#126ec4,#087c88)!important;color:#fff!important;border:1px solid transparent!important}
.cc-secondary{background:#ecf4fb!important;border:1px solid #d7e5ef!important;color:#255676!important}
.cc-premium-content small{display:block;font-size:11px;color:#61798c;line-height:1.6;text-align:center;margin-top:14px}
.cc-premium-dialog .cc-text-button{background:transparent!important;color:#2a637f!important;font-size:12px!important;font-weight:650!important;border:0;box-shadow:none!important;min-height:40px!important;padding:8px!important;margin-top:10px;text-align:center}
.cc-premium-content .cc-gate-error{margin:8px 0 0;color:#a13025;font-size:12px}
.cc-premium-dialog button:disabled{opacity:.65}
.cc-premium-dialog :focus-visible{outline:3px solid #6096ca;outline-offset:3px}
/* Cuentas y suscripciones */
.cc-auth-page{background:radial-gradient(ellipse at 10% 0,#e4f2f7,transparent 48%),#f5f8fb;color:#142e43}
.cc-auth-page .auth-shell{max-width:1110px;gap:65px}
.cc-auth-page .auth-card{border-color:#dae6ee;box-shadow:0 20px 70px #102e4b0e;border-radius:27px;animation:cc-appear .45s var(--cc-ease)}
.cc-auth-page .intro h1{font-weight:780;line-height:1.09;letter-spacing:-1.8px;font-size:clamp(34px,4.1vw,49px)}
.cc-auth-page .intro-features div{border:1px solid #d6e6ed;border-left:3px solid #5cabae;background:#f8fcfda6;border-radius:12px;font-size:14px}
.cc-auth-page .brand-icon{background:linear-gradient(135deg,#d7eaff,#c7f0e8)}
.cc-auth-page .eyebrow{color:#177980}
.cc-auth-page button,.cc-auth-page .button{transition:transform .18s,box-shadow .18s,background .18s;min-height:44px;border-radius:12px}
.cc-auth-page button:not(.secondary):not(.danger),.cc-auth-page .button:not(.secondary){background:#176ccc}
.cc-auth-page button:hover,.cc-auth-page .button:hover{transform:translateY(-1px);box-shadow:0 5px 15px #13385715}
.cc-auth-page .card{box-shadow:0 8px 24px #182d4004;animation:cc-appear .32s var(--cc-ease);border-color:#dde7ef}
.cc-auth-page .plan-hero{background:linear-gradient(130deg,#113a57,#095462);border-color:#235c6a;position:relative;overflow:hidden}
.cc-auth-page .plan-hero .price{font-size:49px;color:#ecffff}
.cc-auth-page .status.trial{background:#dcf5ee;color:#14665a}
.cc-auth-page .status.trial_expired{background:#fff0d5;color:#845721}
.cc-auth-page .status.pending{background:#e9f1f8;color:#3b607b}
.cc-auth-page .cc-trial-card{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;background:linear-gradient(125deg,#eefbf8,#f5faff);border:1px solid #b9ddd7;padding:28px}
.cc-trial-card h2{font-size:26px;letter-spacing:-.75px;margin:10px 0}
.cc-trial-card p{margin:0;font-size:14px;color:#506d7e}
.cc-trial-action{display:grid;align-content:center;gap:10px}
.cc-trial-action small{font-size:11px;line-height:1.5}
.cc-countdown{font-size:34px;line-height:1.2;font-weight:750;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#087d7c}
.cc-trip-page{background:radial-gradient(ellipse at 50% 0,#19334a,#0d1b2b 72%)}
.cc-trip-page .setup-card,.cc-trip-page .stat-box{background:#142b40;border-color:#2a445a;box-shadow:0 8px 22px #06121d10}
.cc-trip-page .speed-wrap{background:linear-gradient(145deg,#1c3f5944,transparent);border-radius:20px;margin-bottom:5px}
.cc-trip-page .setup-header{padding-top:43px}
.cc-trip-page .start-btn{background:linear-gradient(115deg,#1678d4,#148991);box-shadow:0 8px 24px #03727e25}
.cc-trip-page .trip-nav-btn{background:#152e43;border-color:#35536b}
.cc-trip-page .screen.active{animation:cc-appear .28s var(--cc-ease)}
.cc-ripple{position:absolute;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;animation:cc-ripple .5s ease-out;z-index:0}
.cc-ripple-host{position:relative;overflow:hidden}
@keyframes cc-ripple{from{opacity:.17;transform:scale(0)}to{opacity:0;transform:scale(2)}}
@keyframes cc-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes cc-dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes cc-fade{from{opacity:0}to{opacity:1}}
@media(min-width:921px){.cc-app .close-left-btn{display:none!important}}
@media(min-width:921px) and (max-width:1360px){.cc-app{--left-panel-w:306px;--right-panel-w:382px}.cc-app .mode-seg{font-size:11px!important}.cc-app .quick-actions button{font-size:11px!important}}
@media(max-width:920px){
 .cc-app .layout,.cc-app .layout.side-collapsed,.cc-app .layout:not(.side-collapsed){display:block!important;height:100dvh!important;overflow:hidden!important}
 .cc-app .left-panel{left:8px!important;right:8px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:calc(100dvh - 156px - env(safe-area-inset-bottom))!important;border-radius:23px!important;border:1px solid #d4e1ee!important;box-shadow:0 -8px 42px #102d4328!important;transform:translateY(calc(100% + 140px))!important;background:#f6fafd!important;transition:transform .3s var(--cc-ease)!important}
 .cc-app .left-panel.sheet-open{transform:translateY(0)!important}
 .cc-app.right-panel-open .left-panel.sheet-open{transform:translateY(calc(100% + 150px))!important}
 .cc-app .app-header{padding:14px!important}.cc-app .app-header h1{font-size:20px!important}.cc-app .app-header p{font-size:10px!important}
 .cc-app .header-actions{gap:9px!important}.cc-app .toolbar{padding:13px!important;gap:9px!important}
 .cc-app .toolbar input,.cc-app .toolbar select{font-size:16px!important;height:43px!important}
 .cc-app .mode-seg{min-height:35px!important;font-size:12px!important}
 .cc-app .quick-actions{padding:9px 12px 14px!important;gap:8px!important}.cc-app .quick-actions button{font-size:12px!important;min-height:47px!important}
 .cc-app .cc-section-label{padding:11px 13px 3px}
 .cc-app .location-warning{padding:10px 13px!important;font-size:10px!important}
 .cc-app .side-panel,.cc-app.trip-mode-active .side-panel{left:8px!important;right:8px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:min(72dvh,660px)!important;max-height:calc(100dvh - 150px - env(safe-area-inset-bottom))!important;padding:11px!important;border-radius:23px!important;transform:translateY(calc(100% + 150px))!important;transition:transform .3s var(--cc-ease)!important;background:#f5f9fd!important;overflow-y:auto!important}
 .cc-app .layout:not(.side-collapsed) .side-panel{transform:translateY(0)!important}
 .cc-app .side-panel .card{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:14px!important;border-radius:17px!important}
 .cc-app .right-list-content,.cc-app .right-list-results{max-height:none!important;overflow:visible!important;display:grid!important}
 .cc-app .right-list-row.full-row{grid-template-columns:23px 40px minmax(0,1fr) auto!important;gap:7px!important}
 .cc-app .right-list-row.full-row:not(:has(.rank-badge)){grid-template-columns:40px minmax(0,1fr) auto!important}
 .cc-app .right-list-row.full-row .top-item-price{grid-column:auto!important;grid-row:1!important}
 .cc-app .right-list-main strong{font-size:11px!important}.cc-app .right-list-main small{font-size:10px!important}
 .cc-app .top-item-price strong{font-size:16px!important}.cc-app .price-change{font-size:10px!important;padding:3px 5px!important}
 .cc-app .top-item-logo .station-logo,.cc-app .top-item-logo.big-logo .station-logo{width:39px!important;height:39px!important;border-radius:10px!important;padding:3px!important}
 .cc-app .rank-badge.compact-rank{width:22px!important;height:22px!important;min-width:22px!important;font-size:11px!important}
 .cc-app .mobile-dock{z-index:3000!important;left:10px!important;right:10px!important;bottom:calc(9px + env(safe-area-inset-bottom))!important;background:#122e43f5!important;border:1px solid #7194ad55;border-radius:20px!important;padding:8px 4px!important;min-height:60px;box-shadow:0 10px 32px #061c3233!important;justify-content:space-around!important;overflow:hidden!important}
 .cc-app .dock-btn{min-width:0!important;font-size:10px!important;min-height:43px!important;border-radius:12px!important;font-weight:650!important;line-height:1.4!important;padding:4px!important}.cc-app .dock-icon{font-size:18px!important}
 .cc-app.mode-mapa #dockPreciosBtn,.cc-app.mode-viaje #dockTripBtn,.cc-app.mode-diario #dockDiarioBtn{background:#e0f1ff!important;color:#143c5b!important}
 .cc-app .close-left-btn{width:calc(100% - 20px)!important;margin:7px 10px!important;padding:7px 12px!important;min-height:34px!important;font-size:11px!important}
 .cc-app .trip-active-mini{bottom:calc(81px + env(safe-area-inset-bottom))!important}
 .cc-app .smart-gps-grid input,.cc-app .smart-gps-grid select{font-size:16px!important}
 .cc-app .diario-fullscreen-inner{padding-bottom:160px!important}.cc-app .diario-day-net{font-size:10px!important;padding:3px 1px!important;overflow:visible!important}
 .cc-app .side-panel .trip-stat-value{font-size:20px!important}
 .cc-app .side-panel .trip-speed-display{padding:17px 0!important}
 .cc-account-row .cc-access-label{font-size:11px}.cc-account-row .cc-plan-button{font-size:12px!important;min-height:35px!important}
 .cc-auth-page .cc-trial-card{grid-template-columns:1fr;gap:16px;padding:22px 18px}
 .cc-auth-page .auth-shell{gap:22px}
}
@media(max-width:380px){.cc-app .right-list-row.full-row{grid-template-columns:21px minmax(0,1fr) auto!important}.cc-app .right-list-row.full-row:not(:has(.rank-badge)){grid-template-columns:minmax(0,1fr) auto!important}.cc-app .right-list-row .top-item-logo{display:none}.cc-app .quick-actions button{font-size:11px!important}.cc-pro-tag{font-size:7px;padding:3px}.cc-app .mode-seg{font-size:11px!important}.cc-premium-content{padding:32px 20px 20px}.cc-premium-content h2{font-size:27px}.cc-benefits{padding:14px}.cc-benefits>div{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cc-ripple{display:none!important}}

/* El planificador solo se abre desde su botón; no reaparece un GPS flotante. */
.cc-app #showGpsBtn{display:none!important}

/* v18: detalle de estación más claro y consistente */
.cc-app #stationDetailCard{padding:18px!important}
.cc-app #stationDetailCard .station-detail{gap:12px!important}
.cc-app #stationDetailCard .detail-hero{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:13px!important;align-items:center!important;
  padding:12px!important;border:1px solid #dde8f0!important;border-radius:16px!important;background:#f8fbfd!important;
}
.cc-app #stationDetailCard .detail-hero h3{font-size:20px!important;line-height:1.1!important;margin:0!important;letter-spacing:-.35px!important}
.cc-app #stationDetailCard .detail-hero p{margin:4px 0 0!important;font-size:12px!important;color:#657b8e!important}
.cc-app #stationDetailCard .detail-address.prominent-address{
  padding:11px 12px!important;border-radius:14px!important;background:#f2f7fb!important;border:1px solid #dce7ef!important;
  font-size:13px!important;line-height:1.4!important;font-weight:750!important;color:#29465f!important;
}
.cc-app #stationDetailCard .detail-prices.selectable-prices{display:grid!important;gap:8px!important}
.cc-app #stationDetailCard .fuel-price-choice{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;
  min-height:64px!important;padding:11px 13px!important;border-radius:15px!important;background:#f7fbfe!important;border:1px solid #dbe7ef!important;
  color:#17324a!important;text-align:left!important;box-shadow:none!important;
}
.cc-app #stationDetailCard .fuel-price-copy{display:grid!important;gap:6px!important;min-width:0!important}
.cc-app #stationDetailCard .fuel-price-label{font-size:12.5px!important;line-height:1.15!important;font-weight:800!important;color:#29465f!important}
.cc-app #stationDetailCard .fuel-price-copy small{display:block!important;line-height:1!important}
.cc-app #stationDetailCard .fuel-price-choice strong{
  font-size:21px!important;line-height:1!important;font-weight:850!important;color:#087d68!important;white-space:nowrap!important;letter-spacing:-.45px!important;
}
.cc-app #stationDetailCard .price-change{
  display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;margin:0!important;padding:4px 8px!important;
  border-radius:999px!important;font-size:9.5px!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important;
}
.cc-app #stationDetailCard .price-change.flat{background:#e9eff4!important;color:#5e7283!important;border:1px solid #d5e0e8!important}
.cc-app #stationDetailCard .price-change.up{background:#e4f7ed!important;color:#08724f!important;border:1px solid #bee8d3!important}
.cc-app #stationDetailCard .price-change.down{background:#fff0f1!important;color:#b62b3b!important;border:1px solid #f2cdd2!important}
.cc-app #stationDetailCard .updated{font-size:10.5px!important;line-height:1.45!important;color:#73879a!important;margin-top:0!important}
.cc-app #stationDetailCard .warning-text{padding-top:2px!important}
.cc-app #stationDetailCard .section-head .chip{font-size:9.5px!important;padding:5px 10px!important}
@media(max-width:920px){
  .cc-app #stationDetailCard{padding:14px!important}
  .cc-app #stationDetailCard .detail-hero{padding:10px!important}
  .cc-app #stationDetailCard .station-logo,.cc-app #stationDetailCard .station-logo-fallback{width:58px!important;height:58px!important;border-radius:14px!important}
  .cc-app #stationDetailCard .fuel-price-choice{min-height:60px!important;padding:10px 11px!important}
  .cc-app #stationDetailCard .fuel-price-choice strong{font-size:20px!important}
}