#starlinkOverlay { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100620; }
#starlinkStatus { position: fixed; left: 18px; bottom: 70px; max-width: calc(100vw - 36px); padding: 7px 10px; border-radius: 9px; color: #efddff; background: #271a40ed; font: 12px/1.4 system-ui,sans-serif; z-index: 100625; }
#starlinkCard { position: fixed; right: 18px; bottom: 76px; width: 300px; padding: 18px; box-sizing: border-box; background: #fff; color: #213349; border: 1px solid #dbcff1; border-radius: 20px; box-shadow: 0 6px 30px #0004; z-index: 100700; font: 13px/1.5 system-ui,sans-serif; }
#starlinkCard button { position: absolute; right: 6px; top: 4px; width: 44px; height: 44px; border: 0; background: transparent; color: #42516a; font-size: 25px; cursor: pointer; }
#starlinkCard small { color: #7941af; font-size: 10px; }
#starlinkCard h2 { margin: 7px 25px 8px 0; font-size: 19px; }
#starlinkCard p { margin: 8px 0; }
#starlinkCard a { color: #69419a; }
#starlinkOverlay[hidden], #starlinkCard[hidden], #starlinkStatus[hidden] { display: none; }
@media(max-width:700px) {
  #starlinkStatus { top: calc(151px + env(safe-area-inset-top, 0px)); bottom: auto; left: 14px; right: 14px; width: fit-content; font-size: 11px; }
  #starlinkCard { left: 12px; right: 12px; bottom: calc(var(--phone-nav, 68px) + 10px); width: auto; max-height: calc(100dvh - var(--phone-nav, 68px) - 180px); overflow: auto; }
  body.starlink-selected #phoneFlightCard, body.starlink-selected #phoneAirportStack { visibility: hidden; }
}
#starlinkStatus { border: 1px solid #e5d9f2; background: #faf7ff; color: #563879; padding: 14px 16px; border-radius: 16px; box-shadow: 0 6px 24px #30204418; }
#starlinkStatus::before { content: 'STARLINK'; display: block; margin-bottom: 4px; font: 700 10px/1.4 system-ui; letter-spacing: .08em; color: #855aaf; }
#starlinkStatus[hidden] { display: none !important; }
@media (max-width: 700px) {
  #starlinkStatus { top: calc(138px + env(safe-area-inset-top, 0px)); left: 12px; right: 12px; width: auto; max-width: none; box-sizing: border-box; }
  html[data-mobile-theme="dark"] #starlinkStatus { background: #241e33; border-color: #4a3b61; color: #e0cfef; }
}
/* Status messaging is intentionally hidden; the Starlink layer remains usable. */
#starlinkStatus { display: none !important; }