/* =====================================================================
   TankLina 0.10.86 – Vollständiger rein visueller Rebuild
   Nur Optik / kein Eingriff in app-0.10.54.js, API, Berechnung, Navigation
   ===================================================================== */

:root{
  --tl86-bg-0:#03110d;
  --tl86-bg-1:#071b16;
  --tl86-bg-2:#0a241c;
  --tl86-panel:#08211a;
  --tl86-panel-2:#0b2a21;
  --tl86-panel-3:#10362b;
  --tl86-line:rgba(187,255,220,.13);
  --tl86-line-strong:rgba(199,255,226,.24);
  --tl86-text:#f8fff9;
  --tl86-muted:#bdd2c7;
  --tl86-subtle:#91a99d;
  --tl86-green:#b8ffb6;
  --tl86-green-2:#9df59d;
  --tl86-green-3:#7fe791;
  --tl86-green-deep:#5bd476;
  --tl86-gold:#cca364;
  --tl86-gold-2:#e2bf82;
  --tl86-shadow:0 26px 70px rgba(0,0,0,.36);
  --tl86-shadow-soft:0 16px 38px rgba(0,0,0,.22);
  --tl86-glow:0 0 0 1px rgba(158,255,201,.07),0 0 44px rgba(86,236,146,.10);
  --tl86-radius-xxl:32px;
  --tl86-radius-xl:28px;
  --tl86-radius-lg:22px;
  --tl86-radius-md:18px;
}

html,body{
  background:
    radial-gradient(circle at 18% 0%, rgba(73,170,133,.18), transparent 26%),
    radial-gradient(circle at 82% 2%, rgba(71,154,146,.14), transparent 24%),
    linear-gradient(180deg, var(--tl86-bg-0) 0%, var(--tl86-bg-1) 44%, var(--tl86-bg-2) 100%) !important;
}
body.app-final-01086{
  color:var(--tl86-text)!important;
  background:transparent!important;
}
body.app-final-01086 .cinematic-backdrop{
  opacity:.95!important;
  background:
    radial-gradient(circle at 12% 0%, rgba(76,162,132,.16), transparent 28%),
    radial-gradient(circle at 72% 0%, rgba(74,150,147,.14), transparent 22%),
    linear-gradient(180deg, rgba(2,12,9,.96), rgba(3,17,13,.82))!important;
}
body.app-final-01086 .cinematic-backdrop i{
  opacity:.55!important;
  filter:blur(8px) saturate(1.08)!important;
}
body.app-final-01086 .app-shell{
  max-width:900px!important;
}

/* global surfaces */
body.app-final-01086 .hero-card,
body.app-final-01086 .section,
body.app-final-01086 .search-control-dock,
body.app-final-01086 .station-card,
body.app-final-01086 .dialog,
body.app-final-01086 .bottom-nav,
body.app-final-01086 .map-best-sheet,
body.app-final-01086 .savings-moment,
body.app-final-01086 .savings-total > div,
body.app-final-01086 .savings-month-card,
body.app-final-01086 .saving-row,
body.app-final-01086 .trend-card,
body.app-final-01086 .community-auto-detect,
body.app-final-01086 .route-stack-panel,
body.app-final-01086 .home-savings-card,
body.app-final-01086 .today-recommendation-shell{
  background:
    radial-gradient(circle at 100% 0%, rgba(148,255,198,.05), transparent 30%),
    linear-gradient(180deg, rgba(8,33,26,.96), rgba(5,18,15,.98))!important;
  border:1px solid var(--tl86-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), var(--tl86-shadow)!important;
}

body.app-final-01086 .section,
body.app-final-01086 .hero-card{
  border-radius:var(--tl86-radius-xxl)!important;
  overflow:hidden!important;
}
body.app-final-01086 .section-heading,
body.app-final-01086 .chapter-heading{
  margin-bottom:18px!important;
}
body.app-final-01086 .eyebrow,
body.app-final-01086 .home-card-kicker,
body.app-final-01086 .chapter-title-row .eyebrow{
  font-size:.84rem!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:#d5f8bf!important;
}
body.app-final-01086 .chapter-heading h2,
body.app-final-01086 .section h2,
body.app-final-01086 .dialog h2{
  color:#fff!important;
  font-size:clamp(2.05rem,6vw,3.25rem)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  margin:.2rem 0 .35rem!important;
}
body.app-final-01086 .chapter-subtitle,
body.app-final-01086 .compact-help,
body.app-final-01086 .hero-copy,
body.app-final-01086 .trend-copy p,
body.app-final-01086 .station-card .sub,
body.app-final-01086 .saving-row span,
body.app-final-01086 .savings-moment small{
  color:var(--tl86-muted)!important;
}

/* header / brand */
body.app-final-01086 .topbar{
  padding:10px 0 10px!important;
  align-items:flex-start!important;
  gap:12px!important;
}
body.app-final-01086 .brand-row,
body.app-final-01086 .brand-home-link{
  gap:14px!important;
  align-items:flex-start!important;
}
body.app-final-01086 .brand-logo,
body.app-final-01086 .floating-home-logo img,
body.app-final-01086 .onboarding-logo{
  object-fit:contain!important;
  image-rendering:auto!important;
}
body.app-final-01086 .brand-logo{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  padding:8px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.22)!important;
}
body.app-final-01086 .brand-copy{
  min-height:56px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
body.app-final-01086 .brand-copy .brand{
  color:#fff!important;
  font-weight:900!important;
  font-size:clamp(2rem,8vw,2.7rem)!important;
  line-height:.9!important;
  letter-spacing:-.06em!important;
}
body.app-final-01086 .brand-copy .tagline{
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  width:clamp(178px,48vw,252px)!important;
  height:clamp(44px,11vw,70px)!important;
  margin-top:2px!important;
  background:url('assets/ci/signature-tanken-exact.png') left center / contain no-repeat!important;
  filter:drop-shadow(0 0 7px rgba(147,255,199,.16)) drop-shadow(0 10px 24px rgba(0,0,0,.18))!important;
}
body.app-final-01086 .settings-access-btn{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg, rgba(10,39,30,.96), rgba(6,21,17,.98))!important;
  border:1px solid rgba(187,255,220,.11)!important;
  box-shadow:var(--tl86-shadow-soft)!important;
}
body.app-final-01086 .settings-access-label{display:none!important;}
body.app-final-01086 .floating-home-logo{
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg, rgba(9,34,27,.92), rgba(5,17,14,.98))!important;
  border:1px solid rgba(193,255,225,.12)!important;
  box-shadow:var(--tl86-shadow-soft)!important;
}

/* helper ribbon */
body.app-final-01086 .sticky-tank-ribbon-wrap{margin:4px 0 12px!important;}
body.app-final-01086 .sticky-tank-ribbon{
  min-height:52px!important;
  border-radius:20px!important;
  padding:0 18px!important;
  background:linear-gradient(180deg, rgba(202,166,99,.96), rgba(176,136,72,.97))!important;
  color:#fffaf0!important;
  border:1px solid rgba(241,215,157,.38)!important;
  box-shadow:0 20px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.app-final-01086 .sticky-tank-ribbon-text{font-weight:850!important; letter-spacing:-.015em!important;}

/* home / start */
body.app-final-01086 .hero-card{
  position:relative!important;
  padding:20px!important;
  background:
    radial-gradient(circle at 84% 18%, rgba(130,255,193,.13), transparent 24%),
    radial-gradient(circle at 8% 0%, rgba(67,153,124,.15), transparent 30%),
    linear-gradient(180deg, rgba(7,28,22,.97), rgba(4,18,15,.99))!important;
  border-color:var(--tl86-line-strong)!important;
}
body.app-final-01086 .hero-card::after{
  content:"";
  position:absolute;
  right:-60px; bottom:-80px;
  width:280px; height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(110,255,182,.14), rgba(110,255,182,0) 68%);
  pointer-events:none;
}
body.app-final-01086 .today-recommendation-shell{
  position:relative!important;
  z-index:1!important;
  padding:22px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(123,255,187,.08), transparent 28%),
    linear-gradient(180deg, rgba(11,39,31,.98), rgba(7,24,19,.99))!important;
  border:1px solid rgba(196,255,226,.15)!important;
}
body.app-final-01086 .recommendation-title{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:8px!important;}
body.app-final-01086 .recommendation-title strong{
  font-size:clamp(1.4rem,4.2vw,1.92rem)!important;
  font-weight:850!important;
  letter-spacing:-.03em!important;
}
body.app-final-01086 .decision-badge,
body.app-final-01086 .fuel-label,
body.app-final-01086 .station-fuel-chip,
body.app-final-01086 .station-decision-tag,
body.app-final-01086 .reliability-pill{
  border-radius:999px!important;
  border:1px solid rgba(190,255,224,.14)!important;
  background:rgba(255,255,255,.05)!important;
  color:#eefcf2!important;
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
}
body.app-final-01086 .decision-badge,
body.app-final-01086 .fuel-label{padding:8px 12px!important;font-size:.72rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
body.app-final-01086 #decisionTitle{
  color:#fff!important;
  font-size:clamp(2.2rem,8vw,3.2rem)!important;
  line-height:.93!important;
  letter-spacing:-.06em!important;
  margin:4px 0 6px!important;
}
body.app-final-01086 #decisionText{font-size:1.02rem!important; line-height:1.5!important; max-width:34ch!important;}
body.app-final-01086 .decision-target-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:14px!important;margin-top:18px!important;}
body.app-final-01086 .decision-station-block,
body.app-final-01086 .decision-price-block,
body.app-final-01086 .hero-now-fact,
body.app-final-01086 .search-control-chip,
body.app-final-01086 .map-live-btn,
body.app-final-01086 .fuel-switch-btn,
body.app-final-01086 .savings-stat-tile,
body.app-final-01086 .station-key-grid > div,
body.app-final-01086 .station-calc-card,
body.app-final-01086 .station-service-card,
body.app-final-01086 .station-live,
body.app-final-01086 .station-price-details-body,
body.app-final-01086 .map-ctrl{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025))!important;
  border:1px solid rgba(190,255,224,.10)!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.app-final-01086 .decision-station-block,
body.app-final-01086 .decision-price-block{padding:18px 18px!important;min-height:132px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
body.app-final-01086 .decision-block-label,
body.app-final-01086 #fuelLabelMirror,
body.app-final-01086 .station-key-grid span,
body.app-final-01086 .station-calc-card span,
body.app-final-01086 .savings-total span,
body.app-final-01086 .savings-stat-tile span,
body.app-final-01086 .savings-month-top span,
body.app-final-01086 .home-savings-mini small,
body.app-final-01086 .hero-now-fact small{color:var(--tl86-subtle)!important;}
body.app-final-01086 #bestStationName,
body.app-final-01086 .station-name{font-size:1.46rem!important;font-weight:900!important;letter-spacing:-.04em!important;color:#fff!important;}
body.app-final-01086 #bestStationMeta{font-size:.94rem!important;line-height:1.45!important;}
body.app-final-01086 #bestPrice,
body.app-final-01086 .big-price,
body.app-final-01086 .station-card-price{
  color:#fff!important;
  font-size:clamp(2rem,7vw,3rem)!important;
  line-height:.9!important;
  font-weight:900!important;
  letter-spacing:-.07em!important;
}
body.app-final-01086 .decision-benefit-strip,
body.app-final-01086 .station-net-hero{
  position:relative!important;
  margin-top:16px!important;
  padding:18px 18px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 100% 100%, rgba(185,255,191,.18), transparent 38%),
    linear-gradient(180deg, rgba(166,255,180,.28), rgba(119,237,152,.18))!important;
  border:1px solid rgba(196,255,210,.28)!important;
  box-shadow:0 12px 34px rgba(107,226,126,.12), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body.app-final-01086 .decision-benefit-strip::after,
body.app-final-01086 .station-net-hero::after{
  content:"";
  position:absolute;
  right:18px; bottom:12px;
  width:120px; height:34px;
  background:radial-gradient(circle at 20% 40%, rgba(255,255,255,.36) 0 4px, transparent 5px), linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,.26), rgba(255,255,255,0));
  mask: radial-gradient(circle at 5% 55%, #000 0 10px, transparent 11px), linear-gradient(#000,#000);
  opacity:.35;
  pointer-events:none;
}
body.app-final-01086 .benefit-saving strong,
body.app-final-01086 .station-net-hero strong{
  color:#d6ffd3!important;
  font-size:clamp(2rem,8vw,3rem)!important;
  line-height:.92!important;
  letter-spacing:-.06em!important;
  font-weight:900!important;
}
body.app-final-01086 .benefit-saving small,
body.app-final-01086 .station-net-hero small{color:rgba(240,255,242,.82)!important;}
body.app-final-01086 .benefit-security{align-self:stretch!important;}
body.app-final-01086 .hero-now-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important;}
body.app-final-01086 .hero-now-fact{padding:14px 14px!important;min-height:82px!important;gap:10px!important;display:flex!important;align-items:center!important;}
body.app-final-01086 .hero-now-fact strong{font-size:.98rem!important;color:#fff!important;}
body.app-final-01086 .trust-line,
body.app-final-01086 .location-trust-note{margin-top:14px!important;color:var(--tl86-muted)!important;}
body.app-final-01086 .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.82fr)!important;gap:12px!important;margin-top:18px!important;}
body.app-final-01086 .primary-btn,
body.app-final-01086 .station-route-main,
body.app-final-01086 .secondary-btn,
body.app-final-01086 .map-best-go,
body.app-final-01086 .report-btn,
body.app-final-01086 .nav-item,
body.app-final-01086 .text-btn,
body.app-final-01086 .choice-btn,
body.app-final-01086 .map-live-btn,
body.app-final-01086 .map-ctrl,
body.app-final-01086 .search-control-chip,
body.app-final-01086 .fuel-switch-btn{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease!important;
}
body.app-final-01086 .primary-btn,
body.app-final-01086 .station-route-main,
body.app-final-01086 .primary-map{
  background:linear-gradient(180deg, #bff9b8, #8dde97)!important;
  color:#0b1e15!important;
  border:1px solid rgba(237,255,239,.40)!important;
  box-shadow:0 18px 34px rgba(134,243,150,.16), inset 0 1px 0 rgba(255,255,255,.34)!important;
  font-weight:850!important;
}
body.app-final-01086 .secondary-btn,
body.app-final-01086 .map-live-btn,
body.app-final-01086 .search-control-chip,
body.app-final-01086 .fuel-switch-btn,
body.app-final-01086 .map-ctrl{
  background:linear-gradient(180deg, rgba(14,44,35,.96), rgba(8,26,21,.98))!important;
  color:#effcf1!important;
  border:1px solid rgba(187,255,220,.12)!important;
}
body.app-final-01086 button:hover,
body.app-final-01086 .station-card:hover{transform:translateY(-2px)!important;}
body.app-final-01086 .primary-btn:hover,
body.app-final-01086 .station-route-main:hover,
body.app-final-01086 .primary-map:hover{box-shadow:0 20px 38px rgba(134,243,150,.22), inset 0 1px 0 rgba(255,255,255,.38)!important;}
body.app-final-01086 .secondary-btn:hover,
body.app-final-01086 .map-live-btn:hover,
body.app-final-01086 .search-control-chip:hover,
body.app-final-01086 .fuel-switch-btn:hover,
body.app-final-01086 .map-ctrl:hover{border-color:rgba(187,255,220,.25)!important;box-shadow:0 14px 28px rgba(0,0,0,.20)!important;}
body.app-final-01086 .home-savings-card{
  margin-top:14px!important;
  padding:18px 20px!important;
  border-radius:26px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
}
body.app-final-01086 .home-savings-line strong{
  color:#cbffc7!important;
  font-weight:900!important;
  font-size:clamp(2.2rem,8vw,3.2rem)!important;
  line-height:.9!important;
  letter-spacing:-.06em!important;
}
body.app-final-01086 .home-savings-line span{display:block!important;color:var(--tl86-muted)!important;margin-top:3px!important;}
body.app-final-01086 .home-savings-mini{display:grid!important;gap:10px!important;grid-template-columns:repeat(2,minmax(90px,1fr))!important;}
body.app-final-01086 .home-savings-mini > div{padding:12px 14px!important;border-radius:18px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(190,255,223,.10)!important;}
body.app-final-01086 .home-savings-mini strong{display:block!important;margin-top:4px!important;color:#fff!important;font-size:1.05rem!important;}

/* quick search dock */
body.app-final-01086 .search-control-dock{
  position:relative!important;
  z-index:1!important;
  padding:12px!important;
  gap:10px!important;
  border-radius:26px!important;
  margin-top:12px!important;
}
body.app-final-01086 .search-control-chip,
body.app-final-01086 .fuel-switch-btn{padding:14px 16px!important;}
body.app-final-01086 .search-control-copy strong,
body.app-final-01086 .fuel-switch-copy strong{color:#fff!important; font-size:1rem!important;}

/* map section */
body.app-final-01086 .section-map{
  padding:22px!important;
}
body.app-final-01086 .map-controls{gap:8px!important;}
body.app-final-01086 .map-live-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important;}
body.app-final-01086 .map-live-btn{min-height:50px!important;border-radius:18px!important;font-weight:750!important;}
body.app-final-01086 .real-map-wrap{
  position:relative!important;
  border-radius:30px!important;
  overflow:hidden!important;
  min-height:460px!important;
  border:1px solid rgba(190,255,223,.12)!important;
  background:
    radial-gradient(circle at 50% 45%, rgba(149,255,183,.16), transparent 18%),
    linear-gradient(180deg, rgba(8,29,24,.88), rgba(5,18,15,.92))!important;
  box-shadow:var(--tl86-shadow)!important;
}
body.app-final-01086 .real-map-wrap::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 45%, rgba(154,255,194,.14), transparent 12%),
    radial-gradient(circle at 50% 45%, rgba(154,255,194,.10), transparent 22%),
    linear-gradient(180deg, rgba(8,25,20,.12), rgba(8,25,20,.20));
}
body.app-final-01086 #mapCanvas{filter:saturate(1.08) brightness(.92) contrast(1.02)!important;}
body.app-final-01086 .leaflet-control-container .leaflet-control,
body.app-final-01086 .leaflet-popup-content-wrapper,
body.app-final-01086 .leaflet-popup-tip{
  background:rgba(10,37,29,.92)!important;
  color:#fff!important;
  border:1px solid rgba(190,255,223,.12)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.32)!important;
}
body.app-final-01086 .map-best-sheet{
  position:relative!important;
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  margin-top:14px!important;
  padding:14px!important;
  border-radius:28px!important;
}
body.app-final-01086 .map-best-photo{
  width:120px!important;
  height:96px!important;
  border-radius:18px!important;
  object-fit:cover!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body.app-final-01086 .map-best-kicker{color:#d2f8c2!important;font-size:.78rem!important;font-weight:800!important;letter-spacing:.11em!important;text-transform:uppercase!important;}
body.app-final-01086 #mapBestName{display:block!important;font-size:1.42rem!important;font-weight:850!important;letter-spacing:-.03em!important;color:#fff!important;margin-top:4px!important;}
body.app-final-01086 #mapBestMeta{display:block!important;color:var(--tl86-muted)!important;margin-top:4px!important;}
body.app-final-01086 .map-best-saving b{font-size:2rem!important;color:#d9ffd6!important;letter-spacing:-.05em!important;}
body.app-final-01086 .map-best-go{
  width:54px!important;height:54px!important;min-width:54px!important;border-radius:18px!important;
  display:grid!important;place-items:center!important;font-size:1.55rem!important;
}

/* list / compare section */
body.app-final-01086 .section-stations{padding:22px!important;}
body.app-final-01086 #stationList{display:grid!important;gap:18px!important;}
body.app-final-01086 .station-card.tank-card{
  position:relative!important;
  padding:18px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(136,255,187,.07), transparent 28%),
    linear-gradient(180deg, rgba(10,34,27,.98), rgba(7,23,19,.99))!important;
  border:1px solid rgba(193,255,225,.13)!important;
}
body.app-final-01086 .station-card.tank-card.best{
  border-color:rgba(179,255,205,.26)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.36), 0 0 0 1px rgba(191,255,214,.08), 0 0 44px rgba(101,236,136,.08)!important;
}
body.app-final-01086 .station-photo-wrap,
body.app-final-01086 .station-card > .station-card-photo{
  margin:-18px -18px 12px -18px!important;
}
body.app-final-01086 .station-card-photo{
  width:100%!important;
  height:182px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  display:block!important;
  filter:saturate(1.02) brightness(.95)!important;
}
body.app-final-01086 .station-photo-vignette{
  background:linear-gradient(180deg, rgba(5,17,14,0) 18%, rgba(5,17,14,.20) 52%, rgba(5,17,14,.84) 100%)!important;
}
body.app-final-01086 .station-card-headline{margin:0 0 10px!important;min-height:30px!important;display:flex!important;align-items:center!important;}
body.app-final-01086 .station-decision-tag{padding:8px 12px!important;font-size:.76rem!important;font-weight:800!important;letter-spacing:.02em!important;}
body.app-final-01086 .station-card-top{gap:14px!important;align-items:flex-start!important;}
body.app-final-01086 .station-identity{gap:12px!important;align-items:flex-start!important;}
body.app-final-01086 .station-brand-logo,
body.app-final-01086 .station-brand-logo img{
  width:42px!important;height:42px!important;min-width:42px!important;object-fit:contain!important;image-rendering:auto!important;
}
body.app-final-01086 .station-title-copy h3{font-size:1.52rem!important;line-height:.98!important;letter-spacing:-.04em!important;color:#fff!important;}
body.app-final-01086 .station-address-sub{font-size:.94rem!important;line-height:1.4!important;}
body.app-final-01086 .station-price-wrap{text-align:right!important;min-width:112px!important;}
body.app-final-01086 .station-fuel-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 10px!important;margin-bottom:8px!important;}
body.app-final-01086 .station-card-price{font-size:clamp(2rem,8vw,3rem)!important;}
body.app-final-01086 .station-key-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:14px!important;
}
body.app-final-01086 .station-key-grid > div{padding:12px 12px!important;display:flex!important;flex-direction:column!important;gap:6px!important;min-height:78px!important;}
body.app-final-01086 .station-key-grid strong{font-size:1rem!important;color:#fff!important;}
body.app-final-01086 .station-calc-card,
body.app-final-01086 .station-service-card,
body.app-final-01086 .station-price-details-body,
body.app-final-01086 .station-live{margin-top:12px!important;padding:14px 16px!important;border-radius:18px!important;}
body.app-final-01086 .station-calc-card strong,
body.app-final-01086 .station-service-card strong,
body.app-final-01086 .station-price-details strong,
body.app-final-01086 .station-live strong{color:#fff!important;}
body.app-final-01086 .station-route-main{
  margin-top:14px!important;
  width:100%!important;
  min-height:56px!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  font-size:1.08rem!important;
}
body.app-final-01086 .station-price-details{margin-top:12px!important;}
body.app-final-01086 .station-price-details summary{padding:10px 0!important;color:#effcf1!important;}

/* live / report sections keep visual consistency */
body.app-final-01086 .report-btn,
body.app-final-01086 .choice-btn{
  border-radius:18px!important;
  border:1px solid rgba(190,255,223,.12)!important;
  background:linear-gradient(180deg, rgba(11,39,31,.94), rgba(7,24,19,.98))!important;
  color:#f0fcf2!important;
}
body.app-final-01086 .report-btn.selected,
body.app-final-01086 .choice-btn.selected,
body.app-final-01086 .choice-btn[aria-pressed='true']{
  background:linear-gradient(180deg, rgba(191,249,184,.95), rgba(143,223,151,.94))!important;
  color:#0b1e15!important;
}

/* savings / balance section */
body.app-final-01086 .savings-section{padding:22px!important;}
body.app-final-01086 .savings-moment{
  padding:18px 18px!important;
  border-radius:24px!important;
  display:flex!important;align-items:center!important;gap:12px!important;
}
body.app-final-01086 .savings-moment-icon{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:rgba(190,255,223,.09)!important;color:#d7ffd2!important;font-size:1.1rem!important;
}
body.app-final-01086 .savings-moment strong{font-size:1.15rem!important;color:#fff!important;display:block!important;margin-bottom:3px!important;}
body.app-final-01086 .savings-total{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  margin-top:16px!important;
}
body.app-final-01086 .savings-total > .savings-stat-tile:first-child{
  position:relative!important;
  min-height:320px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 50% 44%, rgba(202,255,202,.16), transparent 19%),
    linear-gradient(180deg, rgba(9,34,27,.98), rgba(6,21,18,.99))!important;
  overflow:hidden!important;
}
body.app-final-01086 .savings-total > .savings-stat-tile:first-child::before{
  content:"";
  position:absolute;
  inset:32px;
  border-radius:50%;
  background:conic-gradient(from 210deg, rgba(188,255,192,.18), rgba(177,255,193,.88), rgba(144,241,153,.42), rgba(188,255,192,.18));
  -webkit-mask:radial-gradient(circle, transparent 0 59%, #000 60%);
          mask:radial-gradient(circle, transparent 0 59%, #000 60%);
  filter:drop-shadow(0 0 20px rgba(144,241,153,.18));
}
body.app-final-01086 .savings-total > .savings-stat-tile:first-child::after{
  content:"";
  position:absolute;
  inset:54px;
  border-radius:50%;
  border:1px solid rgba(198,255,216,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
body.app-final-01086 .savings-total > .savings-stat-tile:first-child span,
body.app-final-01086 .savings-total > .savings-stat-tile:first-child strong{
  position:relative!important;
  z-index:1!important;
  display:block!important;
}
body.app-final-01086 .savings-total > .savings-stat-tile:first-child span{
  color:var(--tl86-muted)!important;
  font-size:1rem!important;
  margin-bottom:8px!important;
}
body.app-final-01086 #savingsTotal{
  color:#ecffeb!important;
  font-weight:900!important;
  font-size:clamp(3rem,13vw,4.75rem)!important;
  line-height:.9!important;
  letter-spacing:-.06em!important;
  text-shadow:0 0 26px rgba(171,255,185,.12)!important;
}
body.app-final-01086 .savings-total > .savings-stat-tile:nth-child(2){
  padding:18px!important;
  border-radius:28px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.app-final-01086 #savingsMonth{
  color:#d3ffd0!important;
  font-size:clamp(2.25rem,9vw,3rem)!important;
  line-height:.92!important;
  letter-spacing:-.05em!important;
  font-weight:900!important;
  margin-top:8px!important;
}
body.app-final-01086 .savings-toolbar{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:flex-end!important;
  margin-top:18px!important;
}
body.app-final-01086 .savings-since{
  position:relative!important;
  min-height:64px!important;
  display:flex!important;
  align-items:flex-end!important;
  padding:0!important;
  color:var(--tl86-muted)!important;
}
body.app-final-01086 .savings-since::before{
  content:"";
  display:block!important;
  width:210px!important;
  height:48px!important;
  margin-right:14px!important;
  background:url('assets/ci/signature-jeder-liter-zaehlt-exact.png') left center / contain no-repeat!important;
  filter:drop-shadow(0 0 6px rgba(121,255,188,.11));
  flex:none!important;
}
body.app-final-01086 .savings-since{font-size:1rem!important;}
body.app-final-01086 .savings-history,
body.app-final-01086 .savings-month-groups{display:grid!important;gap:12px!important;margin-top:14px!important;}
body.app-final-01086 .savings-month-card,
body.app-final-01086 .saving-row{padding:15px 16px!important;border-radius:20px!important;}
body.app-final-01086 .savings-month-top{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:flex-start!important;}
body.app-final-01086 .savings-month-top strong{display:block!important;color:#fff!important;font-size:1.22rem!important;letter-spacing:-.02em!important;}
body.app-final-01086 .savings-month-sum,
body.app-final-01086 .saving-row strong{color:#cfffca!important;font-size:1.22rem!important;font-weight:850!important;}
body.app-final-01086 .savings-month-sub{margin-top:7px!important;color:var(--tl86-muted)!important;line-height:1.45!important;}
body.app-final-01086 .saving-row{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:flex-start!important;}
body.app-final-01086 .saving-row.saving-positive{border-color:rgba(158,255,182,.20)!important;background:linear-gradient(180deg, rgba(17,50,39,.96), rgba(8,28,23,.98))!important;}
body.app-final-01086 .saving-row.saving-negative{border-color:rgba(255,200,200,.16)!important;}
body.app-final-01086 .saving-row span{font-size:.97rem!important;line-height:1.45!important;}
body.app-final-01086 .text-btn{color:#eafcef!important;}

/* bottom nav */
body.app-final-01086 .bottom-nav{
  gap:8px!important;
  padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;
  border-radius:28px 28px 0 0!important;
  background:linear-gradient(180deg, rgba(8,30,24,.97), rgba(5,18,15,.985))!important;
  border-top:1px solid rgba(190,255,223,.11)!important;
  box-shadow:0 -18px 44px rgba(0,0,0,.34)!important;
}
body.app-final-01086 .nav-item{
  min-height:64px!important;
  border-radius:18px!important;
  background:transparent!important;
  color:var(--tl86-muted)!important;
  border:1px solid transparent!important;
}
body.app-final-01086 .nav-item.active,
body.app-final-01086 .nav-item[aria-current='page']{
  color:#f6fff7!important;
  background:linear-gradient(180deg, rgba(194,250,185,.16), rgba(108,213,120,.11))!important;
  border-color:rgba(190,255,223,.14)!important;
  box-shadow:inset 0 -2px 0 #b7ffb8!important;
}
body.app-final-01086 .nav-item span:last-child{font-weight:800!important;}

/* dialogs / onboarding */
body.app-final-01086 .dialog{border-radius:30px!important;border:1px solid rgba(193,255,225,.14)!important;color:#fff!important;}
body.app-final-01086 .onboarding-dialog{padding:22px!important;}

/* responsive */
@media (max-width: 760px){
  body.app-final-01086 .decision-target-grid,
  body.app-final-01086 .hero-actions,
  body.app-final-01086 .savings-total,
  body.app-final-01086 .map-best-sheet{
    grid-template-columns:1fr!important;
  }
  body.app-final-01086 .home-savings-card{grid-template-columns:1fr!important;}
  body.app-final-01086 .hero-now-grid,
  body.app-final-01086 .station-key-grid{grid-template-columns:1fr!important;}
  body.app-final-01086 .map-live-actions{grid-template-columns:1fr 1fr!important;}
  body.app-final-01086 .savings-total > .savings-stat-tile:first-child{min-height:280px!important;}
  body.app-final-01086 .map-best-photo{width:100%!important;height:140px!important;}
}
@media (max-width: 560px){
  body.app-final-01086 .hero-card,
  body.app-final-01086 .section-map,
  body.app-final-01086 .section-stations,
  body.app-final-01086 .savings-section,
  body.app-final-01086 .section{padding:16px!important;}
  body.app-final-01086 .today-recommendation-shell{padding:18px!important;}
  body.app-final-01086 #decisionTitle,
  body.app-final-01086 .chapter-heading h2{font-size:clamp(1.92rem,9.4vw,2.5rem)!important;}
  body.app-final-01086 .station-card.tank-card{padding:15px!important;}
  body.app-final-01086 .station-photo-wrap,
  body.app-final-01086 .station-card > .station-card-photo{margin:-15px -15px 12px -15px!important;}
  body.app-final-01086 .station-card-photo{height:158px!important;}
  body.app-final-01086 .station-card-top{flex-direction:column!important;}
  body.app-final-01086 .station-price-wrap{text-align:left!important;width:100%!important;}
  body.app-final-01086 .search-control-dock{padding:10px!important;}
  body.app-final-01086 .search-control-chip,
  body.app-final-01086 .fuel-switch-btn,
  body.app-final-01086 .map-live-btn{padding:12px 13px!important;}
  body.app-final-01086 .map-live-actions{grid-template-columns:1fr!important;}
  body.app-final-01086 .savings-since::before{width:170px!important;height:40px!important;margin-right:10px!important;}
  body.app-final-01086 .savings-toolbar{align-items:flex-start!important;flex-direction:column!important;}
}