/* V1.9.4 — Support frame lock + full-height fit. */
/* Support keeps the app's native grid behavior, but uses one full-height row so no empty grid area is created. */

#screen-support.active {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: clip !important;
  overscroll-behavior: none !important;
  touch-action: manipulation !important;
}

#screen-support .support-root {
  position: relative !important;
  inset: auto !important;
  grid-row: 1 !important;
  grid-column: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  padding: 16px 16px calc(78px + env(safe-area-inset-bottom)) !important;
  overflow: clip !important;
  overscroll-behavior: none !important;
  touch-action: manipulation !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 12px !important;
  color: var(--skin-text, #102a43) !important;
}

#screen-support .support-header {
  align-items: flex-start !important;
  gap: 12px !important;
}

#screen-support .support-kicker {
  font-size: 12px !important;
  letter-spacing: .14em !important;
}

#screen-support .support-header h1 {
  margin: 5px 0 5px !important;
  font-size: clamp(38px, 10vw, 46px) !important;
  line-height: .94 !important;
  letter-spacing: -.05em !important;
}

#screen-support .support-header p {
  max-width: 315px !important;
  font-size: 16px !important;
  line-height: 1.24 !important;
}

#screen-support .support-gei-logo {
  width: 78px !important;
  height: 58px !important;
  flex-basis: 78px !important;
}

#screen-support .support-content {
  min-height: 0 !important;
  max-height: none !important;
  overflow: clip !important;
  overscroll-behavior: none !important;
  touch-action: manipulation !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  padding-right: 0 !important;
}

#screen-support .support-goal {
  padding: 18px 17px !important;
  border-radius: 22px !important;
}

#screen-support .support-goal-label {
  margin-bottom: 7px !important;
  font-size: 13px !important;
}

#screen-support .support-goal p {
  font-size: 16px !important;
  line-height: 1.34 !important;
}

#screen-support .support-methods {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

#screen-support .support-method {
  position: relative !important;
  min-width: 0 !important;
  min-height: 128px !important;
  padding: 10px 9px !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  border-radius: 18px !important;
}

#screen-support .support-icon {
  width: 100% !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  border-radius: 12px !important;
}

#screen-support .support-method strong {
  font-size: 17px !important;
  line-height: 1.05 !important;
}

#screen-support .support-method span {
  font-size: 11px !important;
  line-height: 1.18 !important;
}

#screen-support .support-arrow {
  position: absolute !important;
  right: 10px !important;
  bottom: 8px !important;
  margin-left: 0 !important;
  font-size: 20px !important;
}

#screen-support .support-contact {
  min-height: 66px !important;
  padding: 11px 14px !important;
  gap: 10px !important;
  border-radius: 18px !important;
}

#screen-support .support-contact-copy strong {
  font-size: 16px !important;
}

#screen-support .support-contact-copy span {
  font-size: 11px !important;
}

#screen-support .support-email {
  max-width: 52% !important;
  font-size: 13px !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  touch-action: manipulation !important;
}

@media (max-width: 360px) {
  #screen-support .support-root {
    padding: 12px 12px calc(74px + env(safe-area-inset-bottom)) !important;
    gap: 9px !important;
  }

  #screen-support .support-header { gap: 8px !important; }
  #screen-support .support-kicker { font-size: 11px !important; }
  #screen-support .support-header h1 { margin: 3px 0 4px !important; font-size: 35px !important; }
  #screen-support .support-header p { max-width: 235px !important; font-size: 14px !important; }
  #screen-support .support-gei-logo { width: 64px !important; height: 48px !important; flex-basis: 64px !important; }
  #screen-support .support-content { gap: 9px !important; }
  #screen-support .support-goal { padding: 14px 13px !important; }
  #screen-support .support-goal-label { font-size: 11px !important; }
  #screen-support .support-goal p { font-size: 14px !important; line-height: 1.3 !important; }
  #screen-support .support-methods { gap: 7px !important; }
  #screen-support .support-method { min-height: 116px !important; padding: 8px 7px !important; border-radius: 16px !important; }
  #screen-support .support-icon { height: 43px !important; flex-basis: 43px !important; }
  #screen-support .support-method strong { font-size: 15px !important; }
  #screen-support .support-method span { font-size: 10px !important; }
  #screen-support .support-contact { min-height: 59px !important; padding: 9px 10px !important; }
  #screen-support .support-contact-copy strong { font-size: 14px !important; }
  #screen-support .support-contact-copy span { font-size: 10px !important; }
  #screen-support .support-email { max-width: 49% !important; font-size: 11px !important; }
}