/* Level 28 — Support Continuity & Privacy Hardening */
.elysian-level28-support .elysian-chat-choice{
  width:min(310px,calc(100vw - 30px));
  padding:10px;
  border:1px solid rgba(17,17,17,.12);
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 56px rgba(0,0,0,.16);
}
.elysian-level28-support .elysian-support-choice-head{
  padding:7px 8px 10px;
  margin-bottom:4px;
  border-bottom:1px solid rgba(17,17,17,.09);
}
.elysian-level28-support .elysian-support-choice-head strong{
  display:block;
  color:#111;
  font:700 13px/1.3 var(--ely-sans,var(--sans));
  letter-spacing:-.01em;
}
.elysian-level28-support .elysian-support-choice-head span{
  display:block;
  margin-top:3px;
  color:#666;
  font:500 10px/1.45 var(--ely-sans,var(--sans));
}
.elysian-level28-support .elysian-chat-choice-item{
  min-height:64px;
  grid-template-columns:42px minmax(0,1fr) 18px;
  gap:11px;
  padding:9px 8px;
  border-radius:12px;
}
.elysian-level28-support .elysian-chat-choice-item::after{
  content:'›';
  justify-self:end;
  color:#777;
  font:500 20px/1 var(--ely-sans,var(--sans));
}
.elysian-level28-support .elysian-chat-choice-icon,
.elysian-level28-support .elysian-chat-choice-item.is-facebook .elysian-chat-choice-icon,
.elysian-level28-support .elysian-chat-choice-item.is-whatsapp .elysian-chat-choice-icon{
  width:40px;
  height:40px;
  background:#111;
  color:#fff;
}
.elysian-level28-support .elysian-chat-choice-item strong{font-size:12.5px;}
.elysian-level28-support .elysian-chat-choice-item small{font-size:10px;line-height:1.4;}
.elysian-level28-support .elysian-chat-launcher-badge,
.elysian-level28-support .elysian-mobile-support-badge{
  background:#111;
  color:#fff;
}
.elysian-level28-support .elysian-chat-launcher.has-unread{animation:elyLevel28SupportAttention 1.8s ease-in-out infinite;}
@keyframes elyLevel28SupportAttention{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

.elysian-level28-support .elysian-live-chat-header small i{display:none!important;}
.elysian-level28-support .elysian-live-chat-header small{
  color:#6b665f!important;
  font-weight:550!important;
}
.elysian-level28-support .elysian-live-chat-start form>small{
  max-width:34ch;
}
.elysian-level28-support .elysian-live-chat-status.is-network{
  background:#fff6f4!important;
  color:#8f241d!important;
}

.mobile-bottom-nav .elysian-mobile-support-trigger{
  position:relative;
  min-width:0;
  min-height:44px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:3px;
}
.mobile-bottom-nav .elysian-mobile-support-trigger svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mobile-bottom-nav .elysian-mobile-support-trigger small{font-size:8px;font-weight:600;line-height:1.2;}
.mobile-bottom-nav .elysian-mobile-support-trigger:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}
.elysian-mobile-support-badge{
  position:absolute;
  top:0;
  left:calc(50% + 5px);
  min-width:17px;
  height:17px;
  padding:0 4px;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:999px;
  font:700 8px/1 var(--ely-sans,var(--sans));
}
.elysian-mobile-support-badge[hidden]{display:none!important;}

@media(max-width:760px){
  /* The bottom nav becomes the single Support entry on pages where that nav exists. */
  body.elysian-level15-mobile-support-nav .elysian-chat-launcher{display:none!important;}
  body.elysian-level15-mobile-support-nav .elysian-chat-hub{right:15px;bottom:74px;}
  body.elysian-level15-mobile-support-nav .elysian-chat-choice{bottom:0;}
  .elysian-level28-support .elysian-chat-choice{width:min(300px,calc(100vw - 30px));}
  .elysian-level28-support .elysian-chat-choice-item.elysian-desktop-support-only{display:grid!important;}
}

@media(prefers-reduced-motion:reduce){
  .elysian-level28-support .elysian-chat-launcher.has-unread{animation:none!important;}
}


/* Level 28: clearer offline/privacy state without exposing customer PII in UI storage. */
.elysian-level28-support .elysian-live-chat-status{
  min-height:0;
}
.elysian-level28-support .elysian-live-chat-composer button:disabled,
.elysian-level28-support .elysian-live-chat-start button:disabled{
  opacity:.55!important;
  cursor:wait!important;
}
.elysian-level28-support .elysian-chat-choice-item:focus-visible,
.elysian-level28-support .elysian-chat-launcher:focus-visible,
.elysian-level28-support .elysian-live-chat-actions>button:focus-visible,
.elysian-level28-support .elysian-live-chat-composer :focus-visible,
.elysian-level28-support .elysian-live-chat-start :focus-visible{
  outline:2px solid #111!important;
  outline-offset:2px!important;
}
@media(max-width:760px){
  .elysian-level28-support .elysian-live-chat-panel{
    padding-bottom:env(safe-area-inset-bottom);
  }
  body.elysian-level15-mobile-support-nav .elysian-chat-hub{
    bottom:calc(74px + env(safe-area-inset-bottom));
  }
}