.support-chat {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 900;
  display: grid;
  justify-items: end;
  gap: 12px;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.support-chat__trigger {
  min-height: 52px;
  padding: 0 20px;
  border: 1px solid rgba(211, 179, 105, .48);
  border-radius: 999px;
  color: #f8f4ea;
  background: linear-gradient(135deg, #18283a, #101b29);
  box-shadow: 0 18px 42px rgba(4, 11, 18, .32);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.support-chat__trigger:hover,
.support-chat__trigger:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(224, 193, 118, .88);
  box-shadow: 0 22px 48px rgba(4, 11, 18, .4);
  outline: none;
}

.support-chat__icon { color: #dec17b; font-size: 18px; }

.support-chat__panel {
  width: min(330px, calc(100vw - 32px));
  padding: 20px;
  border: 1px solid rgba(211, 179, 105, .3);
  border-radius: 18px;
  color: #f8f4ea;
  background: rgba(13, 24, 36, .97);
  box-shadow: 0 24px 64px rgba(4, 11, 18, .42);
  backdrop-filter: blur(16px);
}

.support-chat__panel[hidden] { display: none; }
.support-chat__panel strong { display: block; margin-bottom: 8px; font-size: 18px; }
.support-chat__panel p { margin: 0 0 16px; color: rgba(248, 244, 234, .76); line-height: 1.55; }
.support-chat__email {
  color: #dec17b;
  font-weight: 700;
  text-decoration: none;
}
.support-chat__email:hover,
.support-chat__email:focus-visible { text-decoration: underline; outline: none; }

@media (max-width: 640px) {
  .support-chat { right: 14px; bottom: 14px; }
  .support-chat__trigger { min-height: 50px; padding: 0 17px; }
}

@media (prefers-reduced-motion: reduce) {
  .support-chat__trigger { transition: none; }
}

.support-chat__status {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: #6dd398;
  box-shadow: 0 0 0 4px rgba(109, 211, 152, .13);
}

.support-chat__trigger[aria-busy="true"] .support-chat__status {
  animation: support-chat-pulse 1.2s ease-in-out infinite;
}

@keyframes support-chat-pulse {
  50% { opacity: .45; transform: scale(.82); }
}


.support-chat__panel--live { position: relative; width: min(390px, calc(100vw - 28px)); padding: 0; overflow: hidden; background: #fff; border-color: rgba(211, 179, 105, .42); box-shadow: 0 28px 70px rgba(4, 11, 18, .5); }
.support-chat__panel--live > strong, .support-chat__panel--live > p, .support-chat__panel--live > a { display: none; }
.support-chat__frame { display: block; width: 100%; height: min(620px, calc(100vh - 120px)); border: 0; background: #fff; }
.support-chat__frame[hidden] { display: none; }
.support-chat__close { position: absolute; top: 10px; right: 10px; z-index: 2; width: 34px; height: 34px; padding: 0; border: 1px solid rgba(13, 24, 36, .12); border-radius: 50%; color: #17202a; background: rgba(255, 255, 255, .92); font: 600 24px/30px system-ui, sans-serif; cursor: pointer; box-shadow: 0 6px 18px rgba(4, 11, 18, .16); }
.support-chat__close:hover, .support-chat__close:focus-visible { background: #fff; border-color: rgba(172, 108, 75, .5); outline: none; }
@media (max-width: 640px) { .support-chat__panel--live { width: calc(100vw - 28px); } .support-chat__frame { height: min(68vh, 560px); } }

/* earlygo-support-contrast-v1 */
/* EarlyGo AI widget: scoped repair of the legacy white iframe panel. */
#earlygo-support-chat .support-chat__panel--live {
  background: #101c24;
  color: #f2ede4;
  padding: 18px;
}
#earlygo-support-chat [data-ai-help-link] #help-status {
  color: #f2ede4;
  padding-right: 36px;
}
#earlygo-support-chat [data-ai-help-link] .help-message {
  color: #f2ede4;
  background: #17242d;
}
#earlygo-support-chat [data-ai-help-link] .question {
  color: #f2ede4;
  background: #263039;
}
#earlygo-support-chat [data-ai-help-link] label,
#earlygo-support-chat [data-ai-help-link] .eg-help-disclosure {
  color: #c8c2b8;
}
#earlygo-support-chat [data-ai-help-link] a {
  color: #e5b08c;
}
#earlygo-support-chat .support-chat__panel--live > p:last-child {
  color: #c8c2b8;
}
@media (max-width: 640px) {
  #earlygo-support-chat { left: 14px; right: 14px; width: auto; max-width: none; }
  #earlygo-support-chat .support-chat__panel--live { width: 100%; }
}