/*
 * CYC Ride UI141 R38X HOTFIX19 FIX29
 * Keep one canonical passenger identity/summary card in every authenticated
 * feature view. Do not clone the card: its point, monthly-pass and weather
 * element IDs must remain unique.
 */
html body.passenger-ui66-beauty #appCard:not(.hidden) > #passengerStatusCard,
html body.passenger-ui66-beauty.ui88-schedule-active #appCard:not(.hidden) > #passengerStatusCard,
html body.passenger-ui66-beauty.ui89-reservation-active #appCard:not(.hidden) > #passengerStatusCard,
html body.passenger-ui66-beauty.ui90-deals-active #appCard:not(.hidden) > #passengerStatusCard {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.passenger-ui66-beauty #appCard > #passengerStatusCard[data-passenger-view^="feature:"],
html body.passenger-ui66-beauty #appCard > #passengerStatusCard[data-passenger-view^="category:"] {
  margin-bottom: 10px !important;
}

/*
 * Community label colours requested by operations. These are display-only
 * themes; they do not alter organization IDs, permissions or login matching.
 */
html body.passenger-ui66-beauty #passengerOperatingUnitBadge.cyc-community-ueno {
  background: #c62828 !important;
  color: #ffffff !important;
}

html body.passenger-ui66-beauty #passengerOperatingUnitBadge.cyc-community-hoshino {
  background: #2e7d32 !important;
  color: #ffffff !important;
}

html body.passenger-ui66-beauty #passengerOperatingUnitBadge.cyc-community-dream {
  background: #ffd54f !important;
  color: #5d4000 !important;
}

html body.passenger-ui66-beauty #passengerOperatingUnitBadge.cyc-community-default {
  background: #e9f3ff !important;
  color: #0759c7 !important;
}

html body.passenger-ui66-beauty #passengerOperatingUnitBadge {
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 3px 9px rgba(15, 23, 42, 0.12) !important;
}

@media (max-width: 430px) {
  html body.passenger-ui66-beauty #appCard > #passengerStatusCard[data-passenger-view^="feature:"],
  html body.passenger-ui66-beauty #appCard > #passengerStatusCard[data-passenger-view^="category:"] {
    margin-bottom: 8px !important;
  }
}
