/* GSMUNLOCKERFIX V5 — contrast corrective and navigation readability.
   Presentational CSS only. Target the specific legacy dropdown/drawer selectors
   whose light-theme ink clashes with dark surfaces. Never modify payment UI.
*/
html[data-area]:not(.ur-light) .gsm-account-dropdown {
  background:#1a2e49!important;
  color:#edf5ff!important;
  border-color:#416184!important;
  color-scheme:dark;
}
html.ur-light[data-area] .gsm-account-dropdown {
  background:#fff!important;
  color:#1c3556!important;
  border-color:#c7d8ea!important;
  color-scheme:light;
}
/* The old code left text dark on a dark dropdown and applied a stronger generic
   anchor color (#dce9ff) over the pink logout action, causing invisible ink. */
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-user strong,
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-server-balance strong {
  color:#f1f7ff!important;
}
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-user small {
  color:#b7c9e2!important;
}
html.ur-light[data-area] .gsm-account-dropdown .gsm-dropdown-user strong {
  color:#142c4e!important;
}
html.ur-light[data-area] .gsm-account-dropdown .gsm-dropdown-user small {
  color:#526a86!important;
}
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-link:not(.gsm-dropdown-logout) {
  color:#ebf3ff!important;
  background:transparent!important;
}
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-link:not(.gsm-dropdown-logout):is(:hover,:focus-visible) {
  background:#294867!important;color:#fff!important;
}
html.ur-light[data-area] .gsm-account-dropdown .gsm-dropdown-link:not(.gsm-dropdown-logout) {
  color:#18385f!important;
  background:transparent!important;
}
html.ur-light[data-area] .gsm-account-dropdown .gsm-dropdown-link:not(.gsm-dropdown-logout):is(:hover,:focus-visible) {
  color:#0f4f94!important;background:#eaf3ff!important;
}
/* Logout: stable contrast BEFORE hover in Chromium / Firefox / Edge. */
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-link.gsm-dropdown-logout {
  background:#53273c!important;color:#ffdfeb!important;
  border:1px solid #985169!important;
}
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-link.gsm-dropdown-logout:is(:hover,:focus-visible) {
  background:#702e47!important;color:#fff!important;border-color:#d47795!important;
}
html.ur-light[data-area] .gsm-account-dropdown .gsm-dropdown-link.gsm-dropdown-logout {
  background:#fff0f2!important;color:#8d213b!important;
  border:1px solid #f0b7c6!important;
}
html.ur-light[data-area] .gsm-account-dropdown .gsm-dropdown-link.gsm-dropdown-logout:is(:hover,:focus-visible) {
  background:#fddde5!important;color:#76122e!important;border-color:#db8ca3!important;
}
/* Prevent nested inline text and icon fills inheriting the opposite theme. */
html[data-area] .gsm-account-dropdown .gsm-dropdown-link > span,
html[data-area] .gsm-account-dropdown .gsm-dropdown-link > svg {
  color:inherit!important;opacity:1!important;
}
html[data-area] .gsm-account-dropdown .gsm-dropdown-link > svg {fill:currentColor!important}
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-currency select {
  background:#263d5e!important;color:#eef6ff!important;border:1px solid #56769d!important;
}
html.ur-light[data-area] .gsm-account-dropdown .gsm-dropdown-currency select {
  background:#f6faff!important;color:#173657!important;border:1px solid #c5d7ea!important;
}
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-currency svg {
  fill:#c5d7eb!important;
}
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-divider {
  background:#415a79!important;
}
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-client-balance {
  background:#213e55!important;color:#dfefea!important;border-color:#427b77!important;
}
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-client-balance strong {
  color:#80efd2!important;
}
html.ur-light[data-area] .gsm-account-dropdown .gsm-dropdown-client-balance {
  background:#edf9f4!important;color:#225d50!important;border-color:#a5d9cc!important;
}
html.ur-light[data-area] .gsm-account-dropdown .gsm-dropdown-client-balance strong {
  color:#096e56!important;
}
html[data-area]:not(.ur-light) .gsm-account-dropdown .gsm-dropdown-server-balance {
  background:#163c37!important;color:#d0f8e4!important;
}
html.ur-light[data-area] .gsm-account-dropdown .gsm-dropdown-server-balance {
  background:#edf9f3!important;color:#125b42!important;
}
/* Same correction in the mobile side menu and admin pages. */
html[data-area]:not(.ur-light) .gsm-mobile-drawer .gsm-drawer-logout {
  background:#75324b!important;color:#fff!important;border:1px solid #b65c7c!important;
}
html.ur-light[data-area] .gsm-mobile-drawer .gsm-drawer-logout {
  background:#fff0f3!important;color:#8c2240!important;border:1px solid #eeb4c4!important;
}
html[data-area] .gsm-mobile-drawer .gsm-drawer-logout > span,
html[data-area] .gsm-mobile-drawer .gsm-drawer-logout svg {
  color:inherit!important;opacity:1!important;fill:currentColor!important;
}
html[data-area] .gsm-mobile-drawer .gsm-drawer-logout:is(:hover,:focus-visible) {
  filter:brightness(1.09);
}
/* Ensure native select and option ink remains visible even on browsers honoring
   color-scheme differently. Only inside this site's account navigation. */
html[data-area] .gsm-account-dropdown select option { color:#172b49;background:#f8fbff; }
html[data-area]:not(.ur-light) .gsm-account-dropdown select option { color:#f4f8ff;background:#243b59; }
@media (prefers-reduced-motion:reduce) {
  html[data-area] .gsm-account-dropdown .gsm-dropdown-link {transition:none!important}
}
