/* FuelDash V414 — final cascade for notice surfaces, startup stability and the route CTA. */

/* The saved notice is an inline status line, not a generic success card. The ID
   exclusion deliberately outranks the older global success-surface rule. */
html[data-fd-theme] body.fd-account-route-open:not(#fd-r148-core-scope) .fd-feature-page[data-fd-feature-view="account"] .fd-push-notice-admin-card [data-fd-push-notice-status],
html[data-fd-theme] body.fd-account-route-open:not(#fd-r148-core-scope) .fd-push-notice-admin-card [data-fd-push-notice-status] {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

html[data-fd-theme] body.fd-account-route-open:not(#fd-r148-core-scope) .fd-feature-page[data-fd-feature-view="account"] .fd-push-notice-admin-card [data-fd-push-notice-status][data-type="success"],
html[data-fd-theme] body.fd-account-route-open:not(#fd-r148-core-scope) .fd-push-notice-admin-card [data-fd-push-notice-status][data-type="success"] {
  color: #30d158 !important;
}

html[data-fd-theme] body.fd-account-route-open:not(#fd-r148-core-scope) .fd-feature-page[data-fd-feature-view="account"] .fd-push-notice-admin-card [data-fd-push-notice-status][data-type="error"],
html[data-fd-theme] body.fd-account-route-open:not(#fd-r148-core-scope) .fd-push-notice-admin-card [data-fd-push-notice-status][data-type="error"] {
  color: #ff7770 !important;
}

/* The route planner entry is a primary discovery action. It keeps the compact
   route scale, but uses the FuelDash red surface so it cannot disappear into
   the black Search card. */
html[data-fd-theme] body #app .fd-route-launch {
  min-height: 42px !important;
  margin: 6px 0 8px !important;
  padding: 7px 9px !important;
  border: 1px solid #ff3b30 !important;
  border-radius: 12px !important;
  background: #ff3b30 !important;
  background-color: #ff3b30 !important;
  box-shadow: 0 6px 16px rgba(255, 59, 48, .18) !important;
  color: #fff !important;
  font-size: 11px !important;
}

html[data-fd-theme] body #app .fd-route-launch > svg,
html[data-fd-theme] body #app .fd-route-launch b {
  color: #fff !important;
}

html[data-fd-theme] body #app .fd-route-launch small {
  color: rgba(255, 255, 255, .78) !important;
  font-size: 9px !important;
}

html[data-fd-theme] body #app .fd-route-launch:active {
  background: #e9362d !important;
  background-color: #e9362d !important;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html[data-fd-theme] body #app .fd-route-launch {
    box-shadow: none !important;
  }
}