/* Earnessa Polaris v24.1: selected transparent, text-free star emblem. */
img[src$="earnessa-polaris-v24.1.webp"] {
  display: block;
  max-width: 100%;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  image-rendering: auto !important;
  -webkit-mask: none !important;
  mask: none !important;
}

/* Logo wrappers must never crop the original transparent canvas. */
.brand-mark,
.visual-core,
.portal-brand-mark,
.payout-brand-mark,
.detail-brand,
.info-brand,
.admin-brand,
.essa-character-stage,
.essa-compact-face {
  overflow: visible !important;
}

/* Fill the orbit core without touching the source pixels. */
.visual-emblem {
  width: 136px !important;
  height: auto !important;
  max-width: none !important;
  object-position: 50% 50% !important;
  transform: none !important;
}

/* Main header. */
body.is-authenticated .brand-mark,
body:not(.is-authenticated) .brand-mark {
  width: 48px !important;
  height: 44px !important;
  flex: 0 0 48px !important;
  place-items: center !important;
}

body.is-authenticated .brand-mark img,
body:not(.is-authenticated) .brand-mark img {
  width: 44px !important;
  height: auto !important;
  max-width: none !important;
}

/* Secondary headers. */
.detail-brand img,
.info-brand img {
  width: 42px !important;
  height: auto !important;
  max-width: none !important;
}

.portal-brand-mark,
.payout-brand-mark {
  width: 46px !important;
  height: 44px !important;
  flex: 0 0 46px !important;
  place-items: center !important;
}

.portal-brand-mark img,
.payout-brand-mark img {
  width: 42px !important;
  height: auto !important;
  max-width: none !important;
}

.admin-brand img[src$="earnessa-polaris-v24.1.webp"] {
  width: 92px !important;
  height: auto !important;
  max-width: none !important;
}

/* The same selected mark is used for Earnessa's score signature. */
.site-rating-mark {
  display: grid !important;
  width: 34px !important;
  height: 32px !important;
  flex: 0 0 34px !important;
  place-items: center !important;
  overflow: visible !important;
}

.site-rating-mark img[src$="earnessa-polaris-v24.1.webp"] {
  width: 30px !important;
  height: auto !important;
  max-width: none !important;
  transform: none !important;
}

/* The assistant uses the user's exact transparent robot asset. */
img[src$="essa-ai-v24.webp"] {
  display: block;
  max-width: none !important;
  height: auto;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  image-rendering: auto !important;
}

.essa-robot-image,
.essa-compact-icon,
.essa-launcher.is-dragging .essa-compact-icon {
  filter: none !important;
  box-shadow: none !important;
}

.essa-launcher.is-visible:not(.is-compact) {
  width: 184px !important;
  height: 210px !important;
  overflow: visible !important;
}

.essa-character-stage {
  right: 32px !important;
  bottom: 0 !important;
  left: auto !important;
  width: 120px !important;
  height: 140px !important;
  place-items: center !important;
  overflow: visible !important;
  transform-origin: center !important;
  transition: opacity 180ms ease, transform 660ms cubic-bezier(.2, .76, .18, 1) !important;
}

.essa-launcher.is-visible:not(.is-compact) .essa-character-stage {
  opacity: 1 !important;
  transform: translate(0, 0) scale(1) !important;
}

.essa-robot-image {
  width: 180px !important;
  height: auto !important;
  max-width: none !important;
  transform: none !important;
  transition: none !important;
}

.essa-speech-bubble {
  right: auto !important;
  bottom: 142px !important;
  left: calc(50% + 5px) !important;
  display: grid !important;
  width: 184px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  place-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translate(-50%, 8px) scale(.94) !important;
}

.essa-speech-bubble::before,
.essa-speech-bubble::after {
  content: none !important;
}

.essa-speech-bubble strong {
  color: #e9fbff !important;
  font-size: .94rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: .035em !important;
  text-shadow: 0 0 8px rgba(75, 204, 255, .44), 0 1px 2px rgba(0, 8, 22, .78) !important;
}

.essa-launcher.is-prompt-visible:not(.is-compact) .essa-speech-bubble {
  opacity: 1 !important;
  transform: translate(-50%, 0) scale(1) !important;
}

.essa-launcher.is-visible.is-collapsing:not(.is-compact) .essa-character-stage {
  opacity: 1 !important;
  transform: translate(63px, 41px) scale(.4) !important;
}

.essa-launcher.is-visible.is-collapsing:not(.is-compact) .essa-speech-bubble {
  opacity: 0 !important;
  transform: translate(-50%, -7px) scale(.96) !important;
}

.essa-compact-face,
.essa-launcher.is-compact:hover .essa-compact-face,
.essa-launcher.is-compact:focus-visible .essa-compact-face {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.essa-launcher.is-compact .essa-compact-face {
  opacity: 1 !important;
  transform: scale(1) rotate(0) !important;
}

.essa-compact-icon {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 72px !important;
  height: auto !important;
  max-width: none !important;
  transform: translate(calc(-50% + 1px), calc(-50% + 1px)) !important;
}

.essa-launcher.is-dragging .essa-compact-icon {
  transform: translate(calc(-50% + 1px), calc(-50% + 1px)) scale(.96) !important;
}

@media (max-width: 720px) {
  .visual-emblem {
    width: 118px !important;
    height: auto !important;
  }

  body.is-authenticated .brand-mark,
  body:not(.is-authenticated) .brand-mark {
    width: 40px !important;
    height: 36px !important;
    flex-basis: 40px !important;
  }

  body.is-authenticated .brand-mark img,
  body:not(.is-authenticated) .brand-mark img {
    width: 36px !important;
    height: auto !important;
  }

  .portal-brand-mark,
  .payout-brand-mark {
    width: 40px !important;
    height: 38px !important;
    flex-basis: 40px !important;
  }

  .portal-brand-mark img,
  .payout-brand-mark img {
    width: 36px !important;
    height: auto !important;
  }

  .site-rating-mark {
    width: 30px !important;
    height: 28px !important;
    flex-basis: 30px !important;
  }

  .site-rating-mark img[src$="earnessa-polaris-v24.1.webp"] {
    width: 26px !important;
    height: auto !important;
  }

  .essa-compact-icon {
    width: 64px !important;
  }
}

@media (max-width: 360px) {
  .visual-emblem {
    width: 112px !important;
  }
}

/* Earnessa v23.24 — assistant alignment and mobile modal safety */
@media (max-width: 820px), (hover: none) and (pointer: coarse) {
  .essa-launcher,
  .essa-launcher.is-compact,
  .essa-launcher.is-compact:hover,
  .essa-launcher.is-compact:focus-visible {
    overflow: visible !important;
    contain: layout style !important;
  }

  .essa-compact-face,
  .essa-launcher.is-compact .essa-compact-face {
    overflow: visible !important;
  }

  .essa-compact-icon {
    width: 60px !important;
  }

  .essa-panel {
    position: fixed !important;
    z-index: 2147483000 !important;
    inset: 0 !important;
    box-sizing: border-box !important;
    isolation: isolate !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding:
      max(14px, env(safe-area-inset-top, 0px))
      max(12px, env(safe-area-inset-right, 0px))
      max(14px, env(safe-area-inset-bottom, 0px))
      max(12px, env(safe-area-inset-left, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    contain: none !important;
    transform: none !important;
  }

  .essa-panel[hidden] {
    display: none !important;
  }

  .essa-panel-header {
    position: sticky !important;
    z-index: 3 !important;
    top: max(14px, env(safe-area-inset-top, 0px)) !important;
    min-height: 56px !important;
    padding: 0 56px 10px 0 !important;
    background: linear-gradient(180deg, #082b2f 0%, rgba(8, 43, 47, .96) 76%, rgba(8, 43, 47, 0) 100%) !important;
  }

  .essa-panel-close {
    position: absolute !important;
    z-index: 5 !important;
    top: 0 !important;
    right: 0 !important;
    display: grid !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    place-items: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  body.essa-panel-open .essa-panel {
    pointer-events: auto !important;
  }
}

/* Keyboard navigation */
.earnessa-skip{position:fixed;top:12px;left:12px;z-index:100000;transform:translateY(-200%);padding:12px 18px;border-radius:10px;background:#a5f6dc;color:#052126;font-weight:750;text-decoration:none}
.earnessa-skip:focus{transform:none;outline:2px solid white;outline-offset:3px}