/* FuelDash R226 — chart gesture ownership and visible view loading. */
#app .fuel-chart.is-detail,
#app .fuel-chart.is-detail .chart-canvas,
#app .fuel-chart.is-detail [data-chart-interactive] {
  overscroll-behavior-inline: contain;
  touch-action: pan-y !important;
  -webkit-user-select: none;
  user-select: none;
}

#app .fuel-chart.is-detail [data-chart-interactive] {
  cursor: crosshair;
}

#app .tab-loading {
  display: grid !important;
  min-height: 42dvh !important;
  place-items: center !important;
}

#app .tab-loading-spinner {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  width: 26px !important;
  height: 26px !important;
  border: 3px solid rgba(255, 59, 48, .22) !important;
  border-top-color: #ff3b30 !important;
  border-radius: 50% !important;
  animation: fd-r60-spin .72s linear infinite !important;
}

@media (prefers-reduced-motion: reduce) {
  #app .tab-loading-spinner { animation-duration: 1.8s !important; }
}