/* Globall Cloud — homepage readability guard (2026-10-22)
   Last-layer presentation-only overrides for the public landing workspace.
   Keeps the existing layout and routes; prevents later narrow-screen rules
   from shrinking route labels into unreadable text or hiding descriptions. */

#gcApp .gc-launchpad-card-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#gcApp .gc-launchpad-card-copy b {
  display: block !important;
  color: #f3f9fc !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.65 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#gcApp .gc-launchpad-card-copy small {
  display: block !important;
  color: #b5cbd8 !important;
  font-size: 10.5px !important;
  line-height: 1.8 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#gcApp .gc-transport-studio .gc-studio-tab {
  min-width: 0 !important;
  color: #eaf5fa !important;
  text-align: start !important;
}

#gcApp .gc-transport-studio .gc-studio-tab > span:nth-of-type(3) {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#gcApp .gc-transport-studio .gc-studio-tab b {
  display: block !important;
  color: #f3f9fc !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.6 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#gcApp .gc-transport-studio .gc-studio-tab small {
  display: block !important;
  color: #b6ccd8 !important;
  font-size: 10px !important;
  line-height: 1.7 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 420px) {
  #gcApp .gc-launchpad-card-copy b { font-size: 12px !important; }
  #gcApp .gc-launchpad-card-copy small { font-size: 10px !important; }
  #gcApp .gc-transport-studio .gc-studio-tab b { font-size: 12px !important; }
  #gcApp .gc-transport-studio .gc-studio-tab small { font-size: 10px !important; }
}

/* Final narrow-screen contract: retain every part of each route selector.
   Older theme layers may still style the same button, so pin its complete grid
   and all four child regions here, not just the text color. */
#gcApp .gc-transport-studio .gc-studio-tab {
  display: grid !important;
  grid-template-columns: 32px 34px minmax(0, 1fr) 24px !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 70px !important;
  overflow: visible !important;
  color: #f3f9fc !important;
  -webkit-text-fill-color: #f3f9fc !important;
  text-align: start !important;
}

#gcApp .gc-transport-studio .gc-studio-tab > .gc-studio-tab-no {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border: 1px solid rgba(235, 198, 111, .56) !important;
  border-radius: 50% !important;
  background: rgba(235, 198, 111, .12) !important;
  color: #f3d58e !important;
  -webkit-text-fill-color: #f3d58e !important;
  font: 800 11px/1 'JetBrains Mono', monospace !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#gcApp .gc-transport-studio .gc-studio-tab > .gc-studio-tab-icon {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  font-size: 17px !important;
  color: #74e0eb !important;
  -webkit-text-fill-color: #74e0eb !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#gcApp .gc-transport-studio .gc-studio-tab > span:nth-of-type(3) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#gcApp .gc-transport-studio .gc-studio-tab b {
  display: block !important;
  max-width: 100% !important;
  color: #f3f9fc !important;
  -webkit-text-fill-color: #f3f9fc !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.6 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#gcApp .gc-transport-studio .gc-studio-tab small {
  display: block !important;
  max-width: 100% !important;
  color: #b6ccd8 !important;
  -webkit-text-fill-color: #b6ccd8 !important;
  font-size: 10px !important;
  line-height: 1.7 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#gcApp .gc-transport-studio .gc-studio-tab > strong {
  display: grid !important;
  place-items: center !important;
  min-width: 20px !important;
  color: #7be2ed !important;
  -webkit-text-fill-color: #7be2ed !important;
  font-size: 15px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 420px) {
  #gcApp .gc-transport-studio .gc-studio-tab {
    grid-template-columns: 30px 30px minmax(0, 1fr) 18px !important;
    gap: 7px !important;
    min-height: 68px !important;
    padding: 9px 10px !important;
  }
  #gcApp .gc-transport-studio .gc-studio-tab > .gc-studio-tab-no {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 10px !important;
  }
  #gcApp .gc-transport-studio .gc-studio-tab > .gc-studio-tab-icon {
    width: 28px !important;
    height: 28px !important;
    font-size: 15px !important;
  }
  #gcApp .gc-transport-studio .gc-studio-tab b {
    font-size: 11.5px !important;
  }
  #gcApp .gc-transport-studio .gc-studio-tab small {
    font-size: 9.5px !important;
  }
  #gcApp .gc-transport-studio .gc-studio-tab > strong {
    font-size: 13px !important;
  }
}