/* FuelDash R135 — compact account note and a clear, touch-safe location refresh target. */
html body #app .fd-profile-greeting {
  display: block !important;
  flex: 0 1 52px !important;
  max-width: 52px !important;
  overflow: hidden !important;
  color: var(--fd-r119-muted-dark) !important;
  font-size: 9.5px !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html[data-fd-theme="light"] body #app .fd-profile-greeting { color: var(--fd-r119-muted-light) !important; }
html body #app .fd-profile-greeting[hidden] { visibility: hidden !important; }

/* Reserve the exact same compact note width before the account state is ready. */
html body .fd-startup-cover .fd-fast-greeting-placeholder {
  display: block !important;
  flex: 0 0 52px !important;
  width: 52px !important;
}

/* The location line is already a button in the renderer; this only guarantees native touch handling. */
html body #app .location.location-request {
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}
html body #app .location.location-request:focus-visible {
  outline: 1px solid var(--fd-r119-border-dark) !important;
  outline-offset: 4px !important;
}
html[data-fd-theme="light"] body #app .location.location-request:focus-visible {
  outline-color: var(--fd-r119-border-light) !important;
}

@media (max-width: 380px) {
  html body #app .fd-profile-greeting {
    flex-basis: 38px !important;
    max-width: 38px !important;
    font-size: 9px !important;
  }
  html body .fd-startup-cover .fd-fast-greeting-placeholder {
    flex-basis: 38px !important;
    width: 38px !important;
  }
}