/* FuelDash R206 — stable loading motion and final Tankbuch control parity. */

@keyframes fd-r206-skeleton-sweep {
  from { transform: translateX(-115%); }
  to { transform: translateX(115%); }
}

@keyframes fd-r206-skeleton-shimmer {
  from { background-position: 115% 0; }
  to { background-position: -115% 0; }
}

/* Keep the initial loading state visibly alive until the app shell takes over. */
html body .fd-startup-cover .fd-fast-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body .fd-startup-cover .fd-fast-card::after {
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  display: block !important;
  content: "" !important;
  pointer-events: none !important;
  background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.06) 43%, rgba(255,255,255,.16) 50%, rgba(255,255,255,.06) 57%, transparent 80%) !important;
  transform: translateX(-115%) !important;
  animation: fd-r206-skeleton-sweep 1.65s cubic-bezier(.4,0,.2,1) infinite !important;
}

html body .fd-startup-cover :is(.fd-fast-kicker, .fd-fast-title, .fd-fast-line) {
  background-image: linear-gradient(100deg, rgba(255,255,255,.07) 22%, rgba(255,255,255,.20) 46%, rgba(255,255,255,.07) 70%) !important;
  background-size: 220% 100% !important;
  animation: fd-r206-skeleton-shimmer 1.65s ease-in-out infinite !important;
}

html body .fd-startup-cover .fd-fast-nav > span {
  position: relative !important;
  overflow: hidden !important;
  color: transparent !important;
}

html body .fd-startup-cover .fd-fast-nav > span > svg,
html body .fd-startup-cover .fd-fast-nav > span > span {
  opacity: 0 !important;
}

html body .fd-startup-cover .fd-fast-nav > span::before {
  position: absolute !important;
  inset: 8px 6px !important;
  display: block !important;
  content: "" !important;
  border-radius: 13px !important;
  background: linear-gradient(100deg, rgba(255,255,255,.06) 22%, rgba(255,255,255,.18) 46%, rgba(255,255,255,.06) 70%) !important;
  background-size: 220% 100% !important;
  animation: fd-r206-skeleton-shimmer 1.65s ease-in-out infinite !important;
}

html body .fd-startup-cover .fd-fast-nav > span:nth-child(2)::before { animation-delay: .11s !important; }
html body .fd-startup-cover .fd-fast-nav > span:nth-child(3)::before { animation-delay: .22s !important; }
html body .fd-startup-cover .fd-fast-nav > span:nth-child(4)::before { animation-delay: .33s !important; }

/* This final, dark-only rule intentionally wins over the late R158 field fill. */
html[data-fd-theme="dark"] body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-form .fd-field > :is(input, select, textarea, .fd-field-affix) {
  border-color: #1e1e1e !important;
  background: #080808 !important;
  background-color: #080808 !important;
  background-image: none !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

html[data-fd-theme="dark"] body .fd-feature-page[data-fd-feature-view="tankbook"] .fd-tank-form .fd-field-affix > input {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .fd-startup-cover :is(.fd-fast-card::after, .fd-fast-kicker, .fd-fast-title, .fd-fast-line, .fd-fast-nav > span::before) {
    animation: none !important;
  }
}