#hlSupportChatRoot{position:fixed;right:22px;bottom:22px;z-index:999999;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17324d}.hl-chat-launcher{width:58px;height:58px;border:0;border-radius:50%;background:#0b63ce;color:#fff;font-size:25px;cursor:pointer;box-shadow:0 12px 34px rgba(20,67,124,.28);display:flex;align-items:center;justify-content:center;position:relative}.hl-chat-badge{position:absolute;right:-4px;top:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.hl-chat-panel{position:absolute;right:0;bottom:72px;width:min(390px,calc(100vw - 28px));height:min(610px,calc(100vh - 110px));background:#fff;border:1px solid rgba(15,55,95,.12);border-radius:20px;box-shadow:0 20px 60px rgba(18,48,82,.24);overflow:hidden;display:flex;flex-direction:column}.hl-chat-hidden{display:none!important}.hl-chat-header{padding:15px 16px;background:linear-gradient(135deg,#0b63ce,#0b8fc9);color:#fff;display:flex;align-items:center;gap:11px}.hl-chat-header-icon{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:20px}.hl-chat-header-copy{flex:1;min-width:0}.hl-chat-header-copy strong{display:block;font-size:15px}.hl-chat-header-copy small{display:block;margin-top:2px;opacity:.86;font-size:11px}.hl-chat-close,.hl-chat-back{border:0;background:rgba(255,255,255,.13);color:#fff;width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:18px}.hl-chat-body{flex:1;min-height:0;overflow:auto;background:#f6f9fc;padding:14px}.hl-chat-section-title{font-size:13px;font-weight:800;margin:2px 0 10px;color:#213b55}.hl-chat-note{font-size:12px;line-height:1.5;color:#5f7183;margin:0 0 12px}.hl-chat-login-box,.hl-chat-empty{padding:18px;border:1px dashed #c7d5e4;background:#fff;border-radius:14px;text-align:center;color:#63778a;font-size:13px}.hl-chat-primary,.hl-chat-secondary,.hl-chat-danger{border:0;border-radius:11px;padding:10px 13px;font-weight:750;cursor:pointer}.hl-chat-primary{background:#0b63ce;color:#fff}.hl-chat-secondary{background:#eaf2fb;color:#174d82}.hl-chat-danger{background:#fff0f0;color:#b42318}.hl-chat-faqs{display:grid;gap:8px;margin-bottom:12px}.hl-chat-faq{width:100%;text-align:left;border:1px solid #dce7f2;background:#fff;border-radius:12px;padding:10px 12px;color:#24445f;font-size:12px;font-weight:700;cursor:pointer}.hl-chat-faq:hover{border-color:#9bc2e8;background:#f8fbff}.hl-chat-local-answer{margin:8px 0 12px;padding:11px 12px;border-radius:12px;background:#eaf5ff;color:#26465f;font-size:12px;line-height:1.5}.hl-chat-composer{padding:10px;border-top:1px solid #e3ebf2;background:#fff;display:flex;gap:8px;align-items:flex-end}.hl-chat-composer textarea{flex:1;min-height:42px;max-height:105px;resize:none;border:1px solid #cbd8e5;border-radius:11px;padding:10px 11px;font:inherit;font-size:13px;outline:none}.hl-chat-composer textarea:focus{border-color:#76aee0;box-shadow:0 0 0 3px rgba(11,99,206,.08)}.hl-chat-send{width:43px;height:43px;border:0;border-radius:11px;background:#0b63ce;color:#fff;font-size:18px;cursor:pointer}.hl-chat-status{padding:9px 11px;border-radius:11px;background:#fff8df;border:1px solid #f0dda0;color:#755a00;font-size:12px;margin-bottom:10px}.hl-chat-status.active{background:#eaf9ef;border-color:#bce7ca;color:#24623a}.hl-chat-status.ended{background:#f4f4f5;border-color:#dedfe3;color:#5b5d65}.hl-chat-messages{display:flex;flex-direction:column;gap:8px}.hl-chat-message{max-width:83%;padding:9px 11px;border-radius:13px;background:#fff;border:1px solid #e1e9f0;align-self:flex-start;word-break:break-word}.hl-chat-message.mine{background:#0b63ce;color:#fff;border-color:#0b63ce;align-self:flex-end}.hl-chat-message .meta{font-size:10px;opacity:.68;margin-bottom:3px}.hl-chat-message .text{font-size:12px;line-height:1.45;white-space:pre-wrap}.hl-chat-actions{padding:8px 10px;border-top:1px solid #e4ebf2;background:#fff;display:flex;justify-content:flex-end;gap:8px}.hl-chat-request{background:#fff;border:1px solid #dce7f2;border-radius:13px;padding:11px;margin-bottom:9px}.hl-chat-request strong{display:block;font-size:12px;color:#193d5d;margin-bottom:5px}.hl-chat-request p{font-size:12px;color:#617487;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hl-chat-request small{font-size:10px;color:#8b98a5}.hl-chat-request-row{display:flex;gap:8px;align-items:center}.hl-chat-list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hl-chat-list-heading b{font-size:13px}.hl-chat-tabs{display:flex;gap:6px;padding:10px 10px 0;background:#f6f9fc}.hl-chat-tab{flex:1;border:1px solid #d8e4ef;background:#fff;border-radius:10px;padding:8px;font-size:11px;font-weight:750;color:#526a7f;cursor:pointer}.hl-chat-tab.active{background:#e9f3ff;border-color:#9dc5ec;color:#15538d}.hl-chat-spinner{padding:25px;text-align:center;color:#6b7d8f;font-size:12px}.hl-chat-end-note{padding:14px;text-align:center;background:#fff;border:1px dashed #ced9e4;border-radius:13px;color:#687b8c;font-size:12px;line-height:1.5}@media(max-width:600px){#hlSupportChatRoot{right:13px;bottom:13px}.hl-chat-panel{position:fixed;left:10px;right:10px;bottom:82px;width:auto;height:min(70vh,620px);border-radius:18px}.hl-chat-launcher{width:55px;height:55px}}

.hl-chat-toast{
  position:absolute;
  right:0;
  bottom:72px;
  width:min(330px,calc(100vw - 28px));
  padding:12px 14px;
  border:1px solid rgba(15,55,95,.12);
  border-radius:14px;
  background:#fff;
  color:#17324d;
  font-size:12px;
  font-weight:700;
  line-height:1.45;
  box-shadow:0 14px 40px rgba(18,48,82,.22);
  cursor:pointer;
  animation:hlChatToastIn .18s ease-out;
}
@keyframes hlChatToastIn{
  from{transform:translateY(8px);opacity:0}
  to{transform:translateY(0);opacity:1}
}
@media(max-width:600px){
  .hl-chat-toast{right:0;bottom:68px;width:min(330px,calc(100vw - 26px))}
}

/* ============================
   Click-to-open FAQ answers
   ============================ */
.hl-chat-faqs{
  display:grid;
  gap:10px;
}

.hl-chat-faq-card{
  overflow:hidden;
  background:#fff;
  border:1px solid #dce7f2;
  border-radius:13px;
}

.hl-chat-faq-question{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:0;
  background:#fff;
  color:#24445f;
  font:inherit;
  font-size:12px;
  line-height:1.45;
  font-weight:800;
  text-align:left;
  cursor:pointer;
}

.hl-chat-faq-question:hover{
  background:#f8fbff;
}

.hl-chat-faq-arrow{
  flex:0 0 auto;
  font-size:18px;
  line-height:1;
  transition:transform .18s ease;
}

.hl-chat-faq-question.is-open .hl-chat-faq-arrow{
  transform:rotate(180deg);
}

.hl-chat-faq-answer{
  margin:0;
  padding:11px 12px 12px;
  border-top:1px solid #edf2f7;
  background:#fbfdff;
  color:#607487;
  font-size:12px;
  line-height:1.55;
}

.hl-chat-faq-answer.hl-chat-hidden{
  display:none !important;
}

/* Old FAQ elements are not used anymore. */
.hl-chat-faq,
.hl-chat-local-answer{
  display:none !important;
}

/* ============================
   Customer mobile app layout
   ============================ */
@media (max-width:600px){
  #hlSupportChatRoot.hl-chat-role-customer .hl-chat-panel{
    position:fixed;
    inset:0;
    width:100%;
    height:100dvh;
    max-height:none;
    border:0;
    border-radius:0;
  }

  #hlSupportChatRoot.hl-chat-role-customer .hl-chat-header{
    padding-top:max(15px, env(safe-area-inset-top));
  }

  #hlSupportChatRoot.hl-chat-role-customer .hl-chat-composer{
    padding-bottom:max(10px, env(safe-area-inset-bottom));
  }

  #hlSupportChatRoot.hl-chat-role-customer .hl-chat-body{
    -webkit-overflow-scrolling:touch;
  }
}


/* Chat file/image attachments */
.hl-chat-attach,.hl-chat-camera{width:40px;height:43px;flex:0 0 40px;border:1px solid #d8e4ef;border-radius:11px;background:#f7fbff;color:#1d5f9d;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.hl-chat-attach:hover,.hl-chat-camera:hover{background:#eaf4ff}.hl-chat-attach:disabled,.hl-chat-camera:disabled{opacity:.45;cursor:not-allowed}.hl-chat-upload-status{padding:7px 11px;background:#f7fbff;border-top:1px solid #e3ebf2;color:#567086;font-size:11px}.hl-chat-attachment{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none;font-size:12px;font-weight:700}.hl-chat-attachment img{display:block;width:min(220px,100%);max-height:220px;object-fit:cover;border-radius:10px;background:#eef3f7}.hl-chat-message.mine .hl-chat-attachment{color:#fff}.hl-chat-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}@media(max-width:600px){#hlSupportChatRoot.hl-chat-role-customer .hl-chat-composer{gap:6px}.hl-chat-attach,.hl-chat-camera{width:38px;flex-basis:38px}.hl-chat-composer textarea{min-width:0}.hl-chat-attachment img{width:min(70vw,250px);max-height:260px}}

/* =========================================================
   HealthyLife LUXE Support Chat 2026
   Premium glass / medical-tech visual layer
   ========================================================= */
#hlSupportChatRoot{
  --hl-navy:#08213f;
  --hl-blue:#0b63ce;
  --hl-cyan:#27a7d8;
  --hl-ink:#16324f;
  --hl-muted:#708399;
  --hl-line:rgba(29,73,116,.12);
  --hl-card:rgba(255,255,255,.90);
}
#hlSupportChatRoot .hl-chat-launcher{
  width:64px;height:64px;
  border:1px solid rgba(255,255,255,.55);
  background:linear-gradient(145deg,#0a4f9e 0%,#0b72cf 48%,#26a3cf 100%);
  box-shadow:0 18px 45px rgba(3,49,98,.34),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
#hlSupportChatRoot .hl-chat-launcher:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 24px 55px rgba(3,49,98,.4);filter:saturate(1.06)}
#hlSupportChatRoot .hl-chat-panel{
  width:min(430px,calc(100vw - 28px));
  height:min(680px,calc(100vh - 108px));
  border:1px solid rgba(255,255,255,.78);
  border-radius:26px;
  background:rgba(249,252,255,.93);
  box-shadow:0 32px 90px rgba(10,38,70,.28),0 2px 12px rgba(15,61,108,.08);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
#hlSupportChatRoot .hl-chat-header{
  min-height:74px;
  padding:15px 17px;
  background:linear-gradient(135deg,#071f3b 0%,#0b4f98 53%,#1593bd 100%);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.09);
}
#hlSupportChatRoot .hl-chat-header-icon{
  width:44px;height:44px;border-radius:15px;
  border:1px solid rgba(255,255,255,.2);
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 22px rgba(0,0,0,.12);
}
#hlSupportChatRoot .hl-chat-header-copy strong{font-size:15px;letter-spacing:.15px;font-weight:800}
#hlSupportChatRoot .hl-chat-header-copy small{opacity:.82;letter-spacing:.18px}
#hlSupportChatRoot .hl-chat-close,#hlSupportChatRoot .hl-chat-back{
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.11);border-radius:11px;transition:.18s ease
}
#hlSupportChatRoot .hl-chat-close:hover,#hlSupportChatRoot .hl-chat-back:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}
#hlSupportChatRoot .hl-chat-body{
  background:
    radial-gradient(circle at 85% 0%,rgba(39,167,216,.09),transparent 30%),
    linear-gradient(180deg,#f7fbff 0%,#f2f7fb 100%);
  padding:16px;
}
#hlSupportChatRoot .hl-chat-status,#hlSupportChatRoot .hl-chat-login-box,#hlSupportChatRoot .hl-chat-empty,#hlSupportChatRoot .hl-chat-request,#hlSupportChatRoot .hl-chat-faq-card{
  border:1px solid rgba(26,77,124,.10);
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 24px rgba(31,72,112,.07);
}
#hlSupportChatRoot .hl-chat-faq-card{border-radius:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#hlSupportChatRoot .hl-chat-faq-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(31,72,112,.10);border-color:rgba(11,99,206,.20)}
#hlSupportChatRoot .hl-chat-faq-question{padding:13px 14px;background:transparent;color:#1c3e60;font-size:12.5px}
#hlSupportChatRoot .hl-chat-faq-answer{background:linear-gradient(180deg,rgba(245,250,255,.95),rgba(250,253,255,.95));color:#61788f}
#hlSupportChatRoot .hl-chat-faq-search{
  width:100%;box-sizing:border-box;margin:2px 0 12px;padding:11px 13px;border-radius:13px;border:1px solid rgba(31,78,121,.14);background:rgba(255,255,255,.86);outline:none;color:#17324d;box-shadow:inset 0 1px 0 #fff
}
#hlSupportChatRoot .hl-chat-faq-search:focus{border-color:rgba(11,99,206,.55);box-shadow:0 0 0 4px rgba(11,99,206,.09)}
#hlSupportChatRoot .hl-chat-message{
  max-width:82%;padding:10px 12px;border-radius:17px 17px 17px 6px;border:1px solid rgba(36,76,111,.10);background:rgba(255,255,255,.96);box-shadow:0 5px 15px rgba(21,58,94,.07)
}
#hlSupportChatRoot .hl-chat-message.mine{
  border:0;border-radius:17px 17px 6px 17px;background:linear-gradient(145deg,#0a5fc4,#0c78d1 60%,#1b91c0);box-shadow:0 7px 18px rgba(11,99,206,.19)
}
#hlSupportChatRoot .hl-chat-message .meta{font-size:10px;letter-spacing:.1px}
#hlSupportChatRoot .hl-chat-message .text{font-size:12.5px;line-height:1.5}
#hlSupportChatRoot .hl-chat-message-foot{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:10px}
#hlSupportChatRoot .hl-chat-reply-btn{border:0;background:transparent;padding:0;color:#7a8b9d;cursor:pointer;font-size:10px}
#hlSupportChatRoot .hl-chat-message.mine .hl-chat-reply-btn{color:rgba(255,255,255,.72)}
#hlSupportChatRoot .hl-chat-seen{margin-left:auto;color:rgba(255,255,255,.72);font-size:10px;font-weight:650;white-space:nowrap;transition:.2s ease}
#hlSupportChatRoot .hl-chat-seen.is-seen{color:#d7f7ff;text-shadow:0 0 14px rgba(190,244,255,.5)}
#hlSupportChatRoot .hl-chat-presence{font-size:11px;margin:0 0 9px;color:#8392a1;text-align:center}
#hlSupportChatRoot .hl-chat-presence.online{color:#168154;font-weight:700}
#hlSupportChatRoot .hl-chat-typing{display:inline-flex;align-items:center;width:max-content;margin:5px 0 0;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 4px 12px rgba(21,58,94,.06);font-size:10.5px;font-style:normal;color:#64788d}
#hlSupportChatRoot .hl-chat-composer{
  padding:11px 12px;background:rgba(255,255,255,.95);border-top:1px solid rgba(31,78,121,.10);box-shadow:0 -8px 22px rgba(40,73,105,.04)
}
#hlSupportChatRoot .hl-chat-composer textarea{
  min-height:44px;border-radius:14px;border:1px solid rgba(37,78,115,.16);background:#f9fbfd;padding:11px 12px;color:#17324d
}
#hlSupportChatRoot .hl-chat-composer textarea:focus{background:#fff;border-color:rgba(11,99,206,.52);box-shadow:0 0 0 4px rgba(11,99,206,.08)}
#hlSupportChatRoot .hl-chat-send{
  width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#0a5fc4,#0d84cf);box-shadow:0 7px 17px rgba(11,99,206,.23);transition:.18s ease
}
#hlSupportChatRoot .hl-chat-send:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(11,99,206,.28)}
#hlSupportChatRoot .hl-chat-attach,#hlSupportChatRoot .hl-chat-camera{border:1px solid rgba(31,78,121,.13);border-radius:13px;background:#f6fafe;color:#21639f;transition:.18s ease}
#hlSupportChatRoot .hl-chat-attach:hover,#hlSupportChatRoot .hl-chat-camera:hover{background:#edf6ff;transform:translateY(-1px)}
#hlSupportChatRoot .hl-chat-tabs{padding:11px 11px 0;background:#f5f9fd;gap:8px}
#hlSupportChatRoot .hl-chat-tab{border-radius:12px;padding:9px 8px;background:rgba(255,255,255,.9);border:1px solid rgba(31,78,121,.12)}
#hlSupportChatRoot .hl-chat-tab.active{background:linear-gradient(145deg,#edf6ff,#e6f2ff);color:#0a579f;border-color:rgba(11,99,206,.25);box-shadow:0 4px 14px rgba(11,99,206,.08)}
#hlSupportChatRoot .hl-chat-request{border-radius:16px;padding:13px;margin-bottom:10px;transition:.18s ease}
#hlSupportChatRoot .hl-chat-request:hover{transform:translateY(-1px);box-shadow:0 12px 27px rgba(31,72,112,.09)}
#hlSupportChatRoot .hl-chat-primary{background:linear-gradient(145deg,#0a5fc4,#0d82cd);box-shadow:0 6px 14px rgba(11,99,206,.18)}
#hlSupportChatRoot .hl-chat-secondary{border:1px solid rgba(31,78,121,.14);background:#fff;color:#365a78}
#hlSupportChatRoot .hl-chat-login-actions{display:flex;gap:8px;justify-content:center;margin-top:10px}
#hlSupportChatRoot .hl-chat-reply-preview{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:8px 12px;background:#f3f8fd;border-top:1px solid rgba(31,78,121,.09);font-size:11px;color:#587087}
#hlSupportChatRoot .hl-chat-reply-preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hlSupportChatRoot .hl-chat-reply-preview button{border:0;background:transparent;cursor:pointer;font-size:18px;color:#74879a}
#hlSupportChatRoot .hl-chat-reply-quote{border-left:3px solid rgba(255,255,255,.65);background:rgba(255,255,255,.12);padding:6px 8px;border-radius:8px;margin:2px 0 7px;font-size:10.5px}
#hlSupportChatRoot .hl-chat-message:not(.mine) .hl-chat-reply-quote{border-left-color:#79aee0;background:#f2f7fb}
#hlSupportChatRoot .hl-chat-rating{padding:14px;text-align:center;background:#fff;border-top:1px solid rgba(31,78,121,.09);font-size:12px;font-weight:700;color:#294866}
#hlSupportChatRoot .hl-chat-stars{display:flex;justify-content:center;gap:4px;margin-top:8px}
#hlSupportChatRoot .hl-chat-stars button{border:0;background:transparent;font-size:26px;color:#f4b642;cursor:pointer;filter:drop-shadow(0 3px 5px rgba(244,182,66,.18));transition:transform .16s ease}
#hlSupportChatRoot .hl-chat-stars button:hover{transform:translateY(-2px) scale(1.08)}
#hlSupportChatRoot .hl-chat-lightbox{position:fixed;inset:0;z-index:1000001;background:rgba(4,13,24,.88);display:flex;align-items:center;justify-content:center;padding:30px;backdrop-filter:blur(8px)}
#hlSupportChatRoot .hl-chat-lightbox img{max-width:95vw;max-height:88vh;border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.45)}
#hlSupportChatRoot .hl-chat-lightbox button{position:absolute;top:18px;right:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.94);font-size:24px;cursor:pointer}
#hlSupportChatRoot .hl-chat-toast{border-radius:17px;border:1px solid rgba(31,78,121,.12);box-shadow:0 18px 48px rgba(17,54,91,.20);backdrop-filter:blur(16px)}
@media(max-width:600px){
  #hlSupportChatRoot.hl-chat-role-customer .hl-chat-panel{border-radius:0;background:#f7fbff}
  #hlSupportChatRoot .hl-chat-header{min-height:68px}
  #hlSupportChatRoot .hl-chat-body{padding:13px}
  #hlSupportChatRoot .hl-chat-message{max-width:88%}
  #hlSupportChatRoot .hl-chat-login-actions{flex-direction:column}
  #hlSupportChatRoot .hl-chat-login-actions button{width:100%}
}


/* =========================================================
   2026 LUXE REPLY / MEDIA REPLY — FINAL
   Image and file messages can be replied to exactly like text.
   ========================================================= */
#hlSupportChatRoot .hl-chat-message-foot{
  min-height:26px;
  margin-top:7px;
  gap:7px;
}

#hlSupportChatRoot .hl-chat-reply-btn{
  width:27px;
  height:27px;
  flex:0 0 27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid rgba(35,78,118,.10);
  border-radius:999px;
  background:rgba(246,250,254,.92);
  color:#63809a;
  box-shadow:0 3px 9px rgba(27,65,100,.06);
  opacity:.72;
  transform:translateY(0);
  transition:opacity .16s ease, transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}
#hlSupportChatRoot .hl-chat-reply-btn svg{
  width:14px;
  height:14px;
  display:block;
  fill:currentColor;
}
#hlSupportChatRoot .hl-chat-message:hover .hl-chat-reply-btn,
#hlSupportChatRoot .hl-chat-reply-btn:focus-visible{
  opacity:1;
  transform:translateY(-1px);
  color:#0b63ce;
  border-color:rgba(11,99,206,.20);
  background:#fff;
  box-shadow:0 6px 14px rgba(11,99,206,.12);
}
#hlSupportChatRoot .hl-chat-message.mine .hl-chat-reply-btn{
  color:rgba(255,255,255,.88);
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.17);
  box-shadow:none;
}
#hlSupportChatRoot .hl-chat-message.mine:hover .hl-chat-reply-btn,
#hlSupportChatRoot .hl-chat-message.mine .hl-chat-reply-btn:focus-visible{
  color:#fff;
  background:rgba(255,255,255,.20);
  border-color:rgba(255,255,255,.28);
}

#hlSupportChatRoot .hl-chat-reply-quote{
  position:relative;
  overflow:hidden;
  border:0;
  border-radius:12px;
  margin:1px 0 8px;
  padding:8px 9px 8px 12px;
  background:rgba(255,255,255,.13);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
  font-size:10.5px;
}
#hlSupportChatRoot .hl-chat-reply-quote::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:rgba(218,245,255,.92);
}
#hlSupportChatRoot .hl-chat-message:not(.mine) .hl-chat-reply-quote{
  background:linear-gradient(135deg,#f2f7fc,#eef6fd);
  box-shadow:inset 0 0 0 1px rgba(43,98,146,.07);
}
#hlSupportChatRoot .hl-chat-message:not(.mine) .hl-chat-reply-quote::before{
  background:linear-gradient(#0b63ce,#35a4c9);
}
#hlSupportChatRoot .hl-chat-reply-quote-head{
  margin-bottom:3px;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.1px;
  color:inherit;
  opacity:.84;
}
#hlSupportChatRoot .hl-chat-reply-quote-text{
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.35;
  opacity:.88;
}
#hlSupportChatRoot .hl-chat-reply-media{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:7px;
}
#hlSupportChatRoot .hl-chat-reply-media img{
  width:34px;
  height:34px;
  object-fit:cover;
  border-radius:8px;
  background:#e9f1f8;
  box-shadow:0 2px 8px rgba(16,53,85,.12);
}
#hlSupportChatRoot .hl-chat-reply-media span,
#hlSupportChatRoot .hl-chat-reply-file-name{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-weight:650;
  opacity:.88;
}
#hlSupportChatRoot .hl-chat-reply-file{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
#hlSupportChatRoot .hl-chat-reply-file-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.16);
  font-size:16px;
}
#hlSupportChatRoot .hl-chat-message:not(.mine) .hl-chat-reply-file-icon{
  background:#fff;
  color:#0b63ce;
  box-shadow:0 2px 8px rgba(16,53,85,.07);
}

#hlSupportChatRoot .hl-chat-reply-preview{
  grid-template-columns:3px minmax(0,1fr) 30px;
  gap:10px;
  align-items:center;
  padding:9px 11px;
  background:linear-gradient(180deg,rgba(248,252,255,.98),rgba(242,248,253,.98));
  border-top:1px solid rgba(31,78,121,.08);
  color:#46647e;
  box-shadow:0 -8px 20px rgba(30,69,104,.035);
}
#hlSupportChatRoot .hl-chat-reply-preview-accent{
  align-self:stretch;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#0b63ce,#35a4c9);
  box-shadow:0 0 12px rgba(11,99,206,.24);
}
#hlSupportChatRoot .hl-chat-reply-preview-content{min-width:0}
#hlSupportChatRoot .hl-chat-reply-preview-label{
  margin-bottom:3px;
  font-size:9px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.7px;
  font-weight:850;
  color:#0b63ce;
}
#hlSupportChatRoot .hl-chat-reply-preview-row{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
#hlSupportChatRoot .hl-chat-reply-preview-thumb{
  width:30px;
  height:30px;
  flex:0 0 30px;
  object-fit:cover;
  border-radius:8px;
  box-shadow:0 2px 7px rgba(26,63,96,.12);
}
#hlSupportChatRoot .hl-chat-reply-preview-fileicon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#fff;
  color:#0b63ce;
  box-shadow:0 2px 8px rgba(26,63,96,.08);
  font-size:15px;
}
#hlSupportChatRoot .hl-chat-reply-preview-text{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:10.5px;
  font-weight:620;
  color:#587087;
}
#hlSupportChatRoot .hl-chat-reply-preview-close{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(44,78,108,.08)!important;
  border-radius:999px;
  background:rgba(255,255,255,.86)!important;
  color:#6e8193!important;
  font-size:18px!important;
  line-height:1;
  transition:.16s ease;
}
#hlSupportChatRoot .hl-chat-reply-preview-close:hover{
  color:#294d6e!important;
  background:#fff!important;
  box-shadow:0 4px 10px rgba(31,67,99,.09);
}

@media (hover:none){
  #hlSupportChatRoot .hl-chat-reply-btn{opacity:.9}
}
@media(max-width:600px){
  #hlSupportChatRoot .hl-chat-reply-btn{width:30px;height:30px;flex-basis:30px}
  #hlSupportChatRoot .hl-chat-reply-btn svg{width:15px;height:15px}
}

/* =========================================================
   DESKTOP SCROLL / CHAT VIEWPORT FIX — 2026-09-12
   Keep the website behind the chat fixed while the chat is open.
   The chat itself remains independently scrollable.
   ========================================================= */
html.hl-support-chat-open,
body.hl-support-chat-open{
  overflow:hidden !important;
  overscroll-behavior:none;
}

#hlSupportChatRoot .hl-chat-main{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

#hlSupportChatRoot .hl-chat-main > .hl-chat-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

#hlSupportChatRoot .hl-chat-panel{
  overscroll-behavior:contain;
}

@media (min-width:601px){
  #hlSupportChatRoot .hl-chat-panel{
    position:fixed;
    right:22px;
    bottom:94px;
    max-height:calc(100dvh - 116px);
  }
}

/* =========================================================
   2026 LUXE MANAGER RATING SELECTOR
   Customer selects a manager before giving stars.
   ========================================================= */
#hlSupportChatRoot .hl-chat-rating{
  padding:18px 16px 17px;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  border-top:1px solid rgba(31,78,121,.09);
  box-shadow:0 -12px 30px rgba(18,64,108,.035);
}
#hlSupportChatRoot .hl-chat-rating-title{
  font-size:13px;
  font-weight:800;
  color:#183b5d;
  letter-spacing:-.01em;
}
#hlSupportChatRoot .hl-chat-rating-manager-label{
  margin-top:11px;
  margin-bottom:6px;
  text-align:left;
  font-size:10px;
  font-weight:800;
  color:#7890a6;
  text-transform:uppercase;
  letter-spacing:.08em;
}
#hlSupportChatRoot .hl-chat-manager-select-wrap{position:relative}
#hlSupportChatRoot .hl-chat-rating-manager{
  width:100%;
  height:43px;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(25,88,145,.14);
  border-radius:13px;
  padding:0 42px 0 13px;
  outline:none;
  background:rgba(255,255,255,.96);
  color:#244968;
  font:700 12px/1 inherit;
  box-shadow:0 7px 22px rgba(21,67,108,.055), inset 0 1px 0 rgba(255,255,255,.75);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#hlSupportChatRoot .hl-chat-rating-manager:focus{
  border-color:rgba(11,99,206,.42);
  box-shadow:0 0 0 4px rgba(11,99,206,.08),0 9px 24px rgba(21,67,108,.07);
}
#hlSupportChatRoot .hl-chat-select-chevron{
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-56%);
  pointer-events:none;
  color:#6f8aa2;
  font-size:19px;
}
#hlSupportChatRoot .hl-chat-stars{gap:7px;margin-top:13px}
#hlSupportChatRoot .hl-chat-stars button{
  width:34px;
  height:34px;
  padding:0;
  border-radius:10px;
  color:#cad5df;
  background:#f3f7fb;
  border:1px solid rgba(31,78,121,.08);
  font-size:20px;
  filter:none;
  box-shadow:0 4px 12px rgba(22,63,99,.035);
}
#hlSupportChatRoot .hl-chat-stars button:hover,
#hlSupportChatRoot .hl-chat-stars button.active{
  color:#f4b93e;
  background:#fffaf0;
  border-color:rgba(244,185,62,.30);
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 8px 18px rgba(244,185,62,.13);
}
#hlSupportChatRoot .hl-chat-rating-hint{
  min-height:15px;
  margin-top:7px;
  color:#c14d4d;
  font-size:10.5px;
  font-weight:700;
}
#hlSupportChatRoot .hl-chat-rating-success{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  padding:5px 0;
  color:#244968;
}
#hlSupportChatRoot .hl-chat-rating-success>span{
  width:31px;height:31px;display:grid;place-items:center;border-radius:50%;
  background:#eaf8f0;color:#1c8b53;font-size:17px;font-weight:900;
}
#hlSupportChatRoot .hl-chat-rating-success strong{font-size:12px}
#hlSupportChatRoot .hl-chat-rating-success div{color:#f4b93e;letter-spacing:1px;font-size:17px}
#hlSupportChatRoot .hl-chat-rating-success b{color:#567086;font-size:11px;letter-spacing:0}


/* =========================================================
   RATING 2.0 + SCORE DASHBOARD
   ========================================================= */
#hlSupportChatRoot .hl-chat-rated-manager-card{display:flex;align-items:center;gap:11px;margin:12px 0 4px;padding:11px 12px;border:1px solid rgba(25,88,145,.10);border-radius:15px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 8px 24px rgba(21,67,108,.05)}
#hlSupportChatRoot .hl-chat-rated-manager-avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0b63ce,#23a6e8);color:#fff;box-shadow:0 7px 16px rgba(11,99,206,.20)}
#hlSupportChatRoot .hl-chat-rated-manager-card>div{display:flex;flex-direction:column;min-width:0}
#hlSupportChatRoot .hl-chat-rated-manager-card small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8a9cae;font-weight:800}
#hlSupportChatRoot .hl-chat-rated-manager-card strong{font-size:12.5px;color:#173d60;margin-top:1px}
#hlSupportChatRoot .hl-chat-rated-manager-score{font-size:10.5px;color:#678198;margin-top:2px;font-weight:700}
#hlSupportChatRoot .hl-chat-quick-opinion-label{margin:12px 0 6px;font-size:10px;font-weight:800;color:#7890a6;text-transform:uppercase;letter-spacing:.07em}
#hlSupportChatRoot .hl-chat-opinion-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
#hlSupportChatRoot .hl-chat-opinion-chips::-webkit-scrollbar{display:none}
#hlSupportChatRoot .hl-chat-opinion-chip{flex:0 0 auto;border:1px solid rgba(29,89,143,.10);background:#f7fafc;color:#55728d;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:700;cursor:pointer;transition:.18s ease}
#hlSupportChatRoot .hl-chat-opinion-chip:hover,#hlSupportChatRoot .hl-chat-opinion-chip.selected{background:#eaf4ff;border-color:rgba(11,99,206,.22);color:#0b63ce;transform:translateY(-1px)}
#hlSupportChatRoot .hl-chat-rating-comment{width:100%;height:67px;resize:none;margin-top:9px;border:1px solid rgba(25,88,145,.12);border-radius:13px;padding:10px 11px;background:#fff;color:#244968;outline:none;font:600 11px/1.45 inherit;box-sizing:border-box;transition:.18s ease}
#hlSupportChatRoot .hl-chat-rating-comment:focus{border-color:rgba(11,99,206,.35);box-shadow:0 0 0 4px rgba(11,99,206,.07)}
#hlSupportChatRoot .hl-chat-rating-submit{width:100%;height:39px;margin-top:9px;border:0;border-radius:12px;background:linear-gradient(135deg,#0b63ce,#1697df);color:#fff;font-weight:800;font-size:11.5px;cursor:pointer;box-shadow:0 8px 20px rgba(11,99,206,.20);transition:.18s ease}
#hlSupportChatRoot .hl-chat-rating-submit:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(11,99,206,.25)}
#hlSupportChatRoot .hl-chat-rating-success small{color:#7890a6;font-size:10px}
#hlSupportChatRoot .hl-chat-rating-success p{margin:4px 0 0;padding:8px 10px;border-radius:10px;background:#f6f9fc;color:#526f88;font-size:10.5px;text-align:center;line-height:1.4}
#hlSupportChatRoot .hl-chat-rating-dashboard{flex:0 0 auto;padding:10px 12px 0;background:linear-gradient(180deg,#fbfdff,#fff)}
#hlSupportChatRoot .hl-chat-score-hero{border:1px solid rgba(25,88,145,.09);border-radius:15px;padding:11px 12px;background:linear-gradient(135deg,#f7fbff,#ffffff);box-shadow:0 8px 22px rgba(21,67,108,.045)}
#hlSupportChatRoot .hl-chat-score-hero>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1px 8px}
#hlSupportChatRoot .hl-chat-score-hero small{grid-column:1;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8298ab;font-weight:800}
#hlSupportChatRoot .hl-chat-score-hero strong{grid-column:1;font-size:20px;color:#173d60;line-height:1.1}
#hlSupportChatRoot .hl-chat-score-hero span{grid-column:2;grid-row:1/3;font-size:10px;color:#6f879d;font-weight:700}
#hlSupportChatRoot .hl-chat-score-managers{display:flex;gap:6px;overflow-x:auto;margin-top:7px;padding-bottom:2px;scrollbar-width:none}
#hlSupportChatRoot .hl-chat-score-row{flex:0 0 auto;display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:center;min-width:120px;padding:7px 9px;border-radius:11px;background:#f8fafc;border:1px solid rgba(29,89,143,.07)}
#hlSupportChatRoot .hl-chat-score-row span{grid-column:1/3;font-size:10px;color:#385b79;font-weight:800;white-space:nowrap}
#hlSupportChatRoot .hl-chat-score-row b{font-size:11px;color:#e7a824}
#hlSupportChatRoot .hl-chat-score-row small{font-size:9px;color:#8da0b0;text-align:right}
#hlSupportChatRoot .hl-chat-score-comments{display:flex;gap:6px;overflow-x:auto;margin-top:7px;padding-bottom:3px;scrollbar-width:none}
#hlSupportChatRoot .hl-chat-score-comments>div{flex:0 0 170px;padding:8px 9px;border-radius:10px;background:#fff;border:1px solid rgba(29,89,143,.07)}
#hlSupportChatRoot .hl-chat-score-comments span{font-size:9px;font-weight:800;color:#e7a824}
#hlSupportChatRoot .hl-chat-score-comments p{margin:3px 0 0;font-size:9.5px;line-height:1.35;color:#607b92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* Checkout manager selector */
html.hl-checkout-manager-open,body.hl-checkout-manager-open{overflow:hidden!important}
.hl-checkout-manager-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;background:rgba(7,22,38,.56);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hl-checkout-manager-modal{position:relative;width:min(520px,100%);max-height:min(720px,92dvh);overflow:auto;border:1px solid rgba(255,255,255,.65);border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(244,249,254,.985));box-shadow:0 28px 80px rgba(5,30,55,.24)}
.hl-checkout-manager-x{position:absolute;right:15px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#edf3f8;color:#45637e;font-size:20px;cursor:pointer}
.hl-checkout-manager-kicker{font:800 10px/1.2 inherit;letter-spacing:.14em;text-transform:uppercase;color:#0b63ce}
.hl-checkout-manager-modal h3{margin:7px 42px 5px 0;font:800 24px/1.15 inherit;letter-spacing:-.03em;color:#143b5e}
.hl-checkout-manager-modal>p{margin:0 0 17px;color:#6d8296;font:600 12px/1.55 inherit}
.hl-checkout-manager-grid{display:grid;gap:8px}
.hl-checkout-manager-card{width:100%;display:grid;grid-template-columns:44px 1fr 28px;gap:10px;align-items:center;text-align:left;border:1px solid rgba(27,83,132,.09);border-radius:16px;padding:10px 11px;background:#fff;color:#234a6b;cursor:pointer;transition:.18s ease;box-shadow:0 5px 16px rgba(20,58,93,.035)}
.hl-checkout-manager-card:hover{transform:translateY(-1px);border-color:rgba(11,99,206,.22);box-shadow:0 10px 26px rgba(20,58,93,.075)}
.hl-checkout-manager-card.selected{border-color:rgba(11,99,206,.34);background:linear-gradient(135deg,#f2f8ff,#fff);box-shadow:0 0 0 4px rgba(11,99,206,.06)}
.hl-checkout-manager-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#0b63ce,#25a9e8);color:#fff;font:900 16px/1 inherit;box-shadow:0 7px 17px rgba(11,99,206,.18)}
.hl-checkout-manager-info{display:flex;flex-direction:column;min-width:0}.hl-checkout-manager-info strong{font:800 12.5px/1.3 inherit}.hl-checkout-manager-info small{margin-top:3px;color:#7e93a6;font:700 10px/1.3 inherit}
.hl-checkout-manager-check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#edf3f8;color:transparent;font-weight:900;transition:.18s}.hl-checkout-manager-card.selected .hl-checkout-manager-check{background:#0b63ce;color:#fff}
.hl-checkout-manager-actions{display:flex;gap:8px;margin-top:17px}.hl-checkout-manager-actions button{height:43px;border-radius:13px;padding:0 15px;font:800 11.5px/1 inherit;cursor:pointer}.hl-checkout-manager-cancel{border:1px solid rgba(27,83,132,.10);background:#f3f6f9;color:#617a90}.hl-checkout-manager-continue{flex:1;border:0;background:linear-gradient(135deg,#0b63ce,#1697df);color:#fff;box-shadow:0 8px 20px rgba(11,99,206,.20)}.hl-checkout-manager-continue:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
@media(max-width:600px){.hl-checkout-manager-overlay{padding:0;align-items:end}.hl-checkout-manager-modal{width:100%;max-height:88dvh;border-radius:24px 24px 0 0;padding:22px 16px 18px}.hl-checkout-manager-modal h3{font-size:21px}}


/* =========================================================
   HealthyLife main dashboard — ratings & customer reviews
   ========================================================= */
#hlDashboardRatingsCard.hl-dashboard-ratings-card{
  margin:0 0 18px;padding:18px;border:1px solid rgba(15,73,122,.10);border-radius:20px;
  background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);box-shadow:0 14px 38px rgba(15,58,98,.08);
  color:#173b5c;font-family:inherit;box-sizing:border-box
}
#hlDashboardRatingsCard .hl-dashboard-ratings-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
#hlDashboardRatingsCard .hl-dashboard-ratings-head small{display:block;margin-bottom:3px;color:#7c93a7;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#hlDashboardRatingsCard .hl-dashboard-ratings-head h3{margin:0;font-size:18px;line-height:1.2;color:#163f64}
#hlDashboardRatingsCard .hl-dashboard-rating-total{display:flex;flex-direction:column;align-items:flex-end;padding:9px 12px;border-radius:14px;background:#fff;border:1px solid rgba(20,83,140,.08)}
#hlDashboardRatingsCard .hl-dashboard-rating-total strong{font-size:20px;color:#e6a823;line-height:1}
#hlDashboardRatingsCard .hl-dashboard-rating-total span{margin-top:4px;color:#7890a5;font-size:10px;font-weight:700}
#hlDashboardRatingsCard .hl-dashboard-manager-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-bottom:15px}
#hlDashboardRatingsCard .hl-dashboard-manager-score{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:10px 11px;border-radius:13px;background:#f8fbfe;border:1px solid rgba(25,88,145,.07)}
#hlDashboardRatingsCard .hl-dashboard-manager-score b{font-size:11px;color:#315b7e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hlDashboardRatingsCard .hl-dashboard-manager-score span{font-size:12px;color:#e5a51e;font-weight:900}
#hlDashboardRatingsCard .hl-dashboard-manager-score small{grid-column:1/3;color:#8aa0b2;font-size:9px}
#hlDashboardRatingsCard .hl-dashboard-review-title{margin:5px 0 9px;font-size:11px;font-weight:900;color:#4e6e89;text-transform:uppercase;letter-spacing:.06em}
#hlDashboardRatingsCard .hl-dashboard-review-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}
#hlDashboardRatingsCard .hl-dashboard-review{padding:11px 12px;border-radius:14px;background:#fff;border:1px solid rgba(24,83,137,.08);box-shadow:0 5px 16px rgba(30,70,110,.035)}
#hlDashboardRatingsCard .hl-dashboard-review-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
#hlDashboardRatingsCard .hl-dashboard-review-top strong{font-size:11px;color:#244d70}
#hlDashboardRatingsCard .hl-dashboard-review-top span{font-size:11px;color:#e6a823;font-weight:900;white-space:nowrap}
#hlDashboardRatingsCard .hl-dashboard-review-manager{display:block;margin-top:2px;color:#7690a7;font-size:9px;font-weight:700}
#hlDashboardRatingsCard .hl-dashboard-review p{margin:7px 0 6px;color:#55748e;font-size:10.5px;line-height:1.45}
#hlDashboardRatingsCard .hl-dashboard-review time{color:#9aabba;font-size:8.5px}
#hlDashboardRatingsCard .hl-dashboard-review-empty{padding:13px;border-radius:12px;background:#f8fafc;color:#8ea1b1;text-align:center}
#hlSupportChatRoot .hl-chat-score-comments>div strong{display:block;margin-top:4px;font-size:9.5px;color:#315b7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hlSupportChatRoot .hl-chat-score-comments>div small{display:block;margin-top:1px;font-size:8.5px;color:#8ba0b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){#hlDashboardRatingsCard.hl-dashboard-ratings-card{padding:14px;border-radius:16px}#hlDashboardRatingsCard .hl-dashboard-ratings-head{align-items:flex-start}#hlDashboardRatingsCard .hl-dashboard-review-list{grid-template-columns:1fr}}


/* =========================================================
   Admin Managers page — manager ratings / all reviews
   ========================================================= */
#hlAdminManagersRatings.hl-admin-managers-ratings,
#hlAdminManagerReviewDetail.hl-admin-manager-review-detail{margin:0 0 22px;padding:20px;border:1px solid rgba(15,73,122,.10);border-radius:22px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 14px 38px rgba(15,58,98,.07);font-family:inherit;color:#173b5c;box-sizing:border-box}
.hl-admin-managers-head small,.hl-admin-review-detail-head small{display:block;margin-bottom:4px;color:#7d95aa;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hl-admin-managers-head h3,.hl-admin-review-detail-head h3{margin:0;color:#153f64;font-size:20px;line-height:1.2}
.hl-admin-managers-head p{margin:6px 0 0;color:#7a91a5;font-size:11px;font-weight:600}
.hl-admin-manager-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:16px}
.hl-admin-manager-rating-card{appearance:none;width:100%;display:grid;grid-template-columns:45px 1fr auto 20px;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(25,88,145,.08);border-radius:16px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 5px 16px rgba(30,70,110,.035);transition:.18s ease;font-family:inherit}
.hl-admin-manager-rating-card:hover{transform:translateY(-2px);border-color:rgba(11,99,206,.22);box-shadow:0 12px 28px rgba(21,67,108,.09)}
.hl-admin-manager-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#0b63ce,#1ba4df);color:#fff;font-size:15px;font-weight:900;box-shadow:0 7px 17px rgba(11,99,206,.16)}
.hl-admin-manager-card-info{display:flex;flex-direction:column;min-width:0}.hl-admin-manager-card-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#28516f;font-size:12px}.hl-admin-manager-card-info small{margin-top:3px;color:#8ca0b2;font-size:9.5px;font-weight:700}
.hl-admin-manager-rating-card>b{color:#e1a21c;font-size:13px;white-space:nowrap}.hl-admin-manager-rating-card>i{color:#8aa0b2;font-size:22px;font-style:normal}
.hl-admin-review-detail-head{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(25,88,145,.08)}
.hl-admin-review-back{width:34px;height:34px;border:0;border-radius:11px;background:#eef4f9;color:#496b87;cursor:pointer;font-size:18px;font-weight:900}
.hl-admin-review-score{display:flex;flex-direction:column;align-items:flex-end;padding:8px 11px;border-radius:13px;background:#fff;border:1px solid rgba(20,83,140,.08)}.hl-admin-review-score b{color:#e1a21c;font-size:16px}.hl-admin-review-score span{margin-top:2px;color:#8499aa;font-size:9px;font-weight:700}
.hl-admin-review-all-title{margin:15px 0 10px;color:#55748d;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.hl-admin-review-all-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px}
.hl-admin-review-card{padding:12px 13px;border:1px solid rgba(24,83,137,.08);border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(30,70,110,.035)}
.hl-admin-review-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hl-admin-review-card-top>div{display:flex;flex-direction:column}.hl-admin-review-card-top strong{color:#244d70;font-size:11px}.hl-admin-review-card-top small{margin-top:2px;color:#9aabba;font-size:8.5px}.hl-admin-review-card-top>span{color:#e1a21c;font-size:11px;font-weight:900;white-space:nowrap}.hl-admin-review-card p{margin:8px 0 0;color:#55748e;font-size:10.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.hl-review-loading{padding:20px;text-align:center;color:#7890a5}
@media(max-width:700px){#hlAdminManagersRatings.hl-admin-managers-ratings,#hlAdminManagerReviewDetail.hl-admin-manager-review-detail{padding:14px;border-radius:17px}.hl-admin-manager-grid,.hl-admin-review-all-list{grid-template-columns:1fr}.hl-admin-review-detail-head{grid-template-columns:34px 1fr}.hl-admin-review-score{grid-column:2;align-items:flex-start;width:max-content}}

/* Customer identity inside manager/admin conversation */
.hl-chat-customer-name{padding:10px 12px;margin:0 0 8px;border-radius:10px;background:rgba(0,0,0,.045);font-size:14px}.hl-chat-customer-name strong{font-weight:700}

/* ===== HealthyLife top-header chat launcher ===== */
#globalHeaderMessages{display:inline-flex!important;position:relative!important;overflow:visible!important}
#globalHeaderMessages .hl-chat-badge{
  position:absolute!important;right:-5px!important;top:-6px!important;
  min-width:17px!important;height:17px!important;padding:0 4px!important;
  border:2px solid #fff!important;border-radius:999px!important;background:#dc2626!important;
  color:#fff!important;font-size:9px!important;font-weight:900!important;line-height:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important
}
#globalHeaderMessages .hl-chat-badge.hl-chat-hidden{display:none!important}
#hlSupportChatRoot.hl-chat-top-launcher{position:fixed!important;right:12px!important;top:0!important;bottom:auto!important;width:0!important;height:0!important}
#hlSupportChatRoot.hl-chat-top-launcher .hl-chat-panel{
  position:fixed!important;right:12px!important;top:76px!important;bottom:auto!important;
  width:min(390px,calc(100vw - 24px))!important;height:min(610px,calc(100dvh - 92px))!important;
}
#hlSupportChatRoot.hl-chat-top-launcher .hl-chat-toast{
  position:fixed!important;right:12px!important;top:76px!important;bottom:auto!important;
  width:min(330px,calc(100vw - 24px))!important;
}
@media(max-width:600px){
  #hlSupportChatRoot.hl-chat-top-launcher .hl-chat-panel{
    left:10px!important;right:10px!important;top:76px!important;bottom:10px!important;
    width:auto!important;height:auto!important;max-height:none!important;border-radius:18px!important;
  }
  #hlSupportChatRoot.hl-chat-top-launcher.hl-chat-role-customer .hl-chat-panel{
    inset:76px 0 0 0!important;width:100%!important;height:calc(100dvh - 76px)!important;border-radius:0!important;
  }
  #hlSupportChatRoot.hl-chat-top-launcher .hl-chat-toast{left:12px!important;right:12px!important;top:76px!important;width:auto!important}
}

/* ===== HealthyLife v31 — compact anchored messages panel ===== */
#hlSupportChatRoot.hl-chat-top-launcher .hl-chat-panel{
  left:auto!important;
  right:var(--hl-chat-right,16px)!important;
  top:var(--hl-chat-top,76px)!important;
  bottom:auto!important;
  width:390px!important;
  max-width:calc(100vw - 32px)!important;
  height:min(600px,calc(100dvh - var(--hl-chat-top,76px) - 16px))!important;
  max-height:calc(100dvh - var(--hl-chat-top,76px) - 16px)!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 22px 70px rgba(17,57,86,.20)!important;
}
#hlSupportChatRoot.hl-chat-top-launcher .hl-chat-main{min-width:0!important;overflow:hidden!important}
#hlSupportChatRoot.hl-chat-top-launcher .hl-chat-body{min-width:0!important;overflow-x:hidden!important}
@media(max-width:700px){
  #hlSupportChatRoot.hl-chat-top-launcher .hl-chat-panel,
  #hlSupportChatRoot.hl-chat-top-launcher.hl-chat-role-customer .hl-chat-panel{
    left:10px!important;right:10px!important;top:82px!important;bottom:10px!important;
    width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;border-radius:18px!important
  }
}


/* AI Helper stays inside the existing support conversation window. */
#hlSupportChatRoot .hl-chat-ai-toggle{flex:0 0 auto;max-width:118px;padding:9px 10px;border:1px solid rgba(255,255,255,.26);border-radius:11px;background:rgba(255,255,255,.14);color:#fff;font:inherit;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .18s ease,transform .18s ease}
#hlSupportChatRoot .hl-chat-ai-toggle:hover{background:rgba(255,255,255,.24);transform:translateY(-1px)}
#hlSupportChatRoot .hl-chat-ai-frame{display:block;flex:1 1 auto;width:100%;min-height:0;border:0;background:#f4f8fb}
@media(max-width:420px){#hlSupportChatRoot .hl-chat-ai-toggle{max-width:100px;padding:8px 7px;font-size:10px}.hl-chat-header{gap:8px}}