/* JoyJoy account role badge contrast fix — 2026-08-31.
   The generic dark dropdown span rule previously overrode the Administrator text color. */
html[data-theme="dark"] .account-user-dropdown .account-role-badge.is-administrator,
html.dark .account-user-dropdown .account-role-badge.is-administrator {
  color: #ffe4ea !important;
  background: rgba(190, 24, 93, .34) !important;
  border-color: rgba(251, 113, 133, .72) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 228, 234, .06), 0 2px 8px rgba(190, 24, 93, .18) !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .18);
}

/* Keep the same role readable in other staff surfaces used by the cabinet. */
html[data-theme="dark"] :is(.staff-role-label,.management-role-badge,.admin-role-chip).is-administrator,
html.dark :is(.staff-role-label,.management-role-badge,.admin-role-chip).is-administrator {
  color: #ffe4ea !important;
  background: rgba(190, 24, 93, .28) !important;
  border-color: rgba(251, 113, 133, .58) !important;
}