#lcCareBubbleRoot[hidden]{display:none!important}
.lc-care-bubble{
  position:fixed;
  right:18px;
  bottom:calc(92px + env(safe-area-inset-bottom));
  z-index:180;
  display:flex;
  align-items:center;
  gap:9px;
  min-width:116px;
  padding:9px 13px 9px 9px;
  border:1px solid rgba(191,219,254,.32);
  border-radius:999px;
  background:linear-gradient(145deg,#0b2546,#123b70 60%,#1d4ed8);
  color:#fff;
  box-shadow:0 14px 38px rgba(7,26,49,.28);
  backdrop-filter:blur(14px);
}
.lc-care-bubble:hover{transform:translateY(-1px)}
.lc-care-bubble.has-attention{box-shadow:0 14px 38px rgba(7,26,49,.28),0 0 0 5px rgba(59,130,246,.13)}
.lc-care-bubble-icon{
  width:36px;height:36px;
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#60a5fa,#2563eb);
  border:1px solid rgba(255,255,255,.28);
  font-weight:950;
  box-shadow:inset 0 1px rgba(255,255,255,.24);
}
.lc-care-bubble-copy{display:grid;text-align:left;line-height:1.05}
.lc-care-bubble-copy strong{font-size:13px}
.lc-care-bubble-copy small{font-size:10px;color:#cde3ff;margin-top:3px}
.lc-care-bubble-badge{
  position:absolute;
  top:-5px;right:-4px;
  min-width:23px;height:23px;
  padding:0 6px;
  display:grid;place-items:center;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:10px;
  font-weight:900;
  border:3px solid #f2f7fc;
}
.lc-care-bubble-backdrop{
  position:fixed;
  inset:0;
  z-index:181;
  background:rgba(3,12,24,.42);
  backdrop-filter:blur(4px);
}
.lc-care-bubble-sheet{
  position:fixed;
  z-index:182;
  right:14px;
  bottom:calc(14px + env(safe-area-inset-bottom));
  width:min(760px,calc(100vw - 28px));
  height:min(740px,calc(100dvh - 88px));
  border:1px solid rgba(203,219,236,.95);
  border-radius:24px;
  overflow:hidden;
  background:#f7fafe;
  box-shadow:0 32px 95px rgba(4,18,36,.34);
  animation:lcCareBubbleIn .2s ease-out;
}
@keyframes lcCareBubbleIn{from{transform:translateY(18px) scale(.985);opacity:.4}to{transform:none;opacity:1}}
.lc-care-bubble-head{
  height:68px;
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 0,rgba(96,165,250,.26),transparent 13rem),
    linear-gradient(135deg,#071a31,#0c2d53 64%,#164c88);
  border-bottom:1px solid rgba(191,219,254,.16);
}
.lc-care-bubble-head>div:first-child{display:grid;gap:2px}
.lc-care-bubble-head small{font-size:9px;letter-spacing:.14em;color:#9fc5f3;font-weight:900}
.lc-care-bubble-head strong{font-size:16px}
.lc-care-bubble-head-actions{display:flex;align-items:center;gap:8px}
.lc-care-bubble-head-actions a,
.lc-care-bubble-head-actions button{
  border:1px solid rgba(191,219,254,.2);
  background:rgba(255,255,255,.09);
  color:#fff;
  border-radius:10px;
  min-height:36px;
}
.lc-care-bubble-head-actions a{
  display:flex;align-items:center;
  padding:0 10px;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
}
.lc-care-bubble-head-actions button{width:36px;font-size:22px}
.lc-care-bubble-body{
  height:calc(100% - 68px);
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  min-height:0;
}
.lc-care-bubble-list-pane{
  display:flex;
  flex-direction:column;
  min-width:0;
  border-right:1px solid #dbe7f4;
  background:#fff;
}
.lc-care-bubble-search{
  padding:12px 12px 7px;
  margin:0;
  color:#61748c;
  font-size:10px;
  font-weight:800;
}
.lc-care-bubble-search span{display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.08em}
.lc-care-bubble-search input{
  min-height:40px;
  padding:9px 11px!important;
  border-radius:11px!important;
}
.lc-care-bubble-list-title{
  padding:6px 12px 8px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.lc-care-bubble-list-title strong{font-size:12px;color:#16365d}
.lc-care-bubble-list-title button{
  border:0;
  background:transparent;
  color:#2563eb;
  font-size:10px;
  font-weight:800;
}
.lc-care-bubble-list{
  min-height:0;
  overflow:auto;
  padding:0 8px 10px;
}
.lc-care-bubble-contact{
  width:100%;
  min-height:72px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  border:1px solid transparent;
  border-radius:13px;
  padding:8px;
  margin:3px 0;
  background:transparent;
  color:#10233f;
  text-align:left;
}
.lc-care-bubble-contact:hover{background:#f5f9fd;border-color:#e1eaf4}
.lc-care-bubble-contact.active{background:#edf5ff;border-color:#bcd3f1}
.lc-care-bubble-contact.needs-reply{box-shadow:inset 3px 0 #2563eb}
.lc-care-bubble-avatar{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,#e5effb,#d9e9fb);
  color:#1f5aa0;
  font-weight:900;
}
.lc-care-bubble-contact-copy{min-width:0;display:grid;gap:2px}
.lc-care-bubble-contact-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-care-bubble-contact-copy small{font-size:10px;color:#5e7087;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-care-bubble-contact-copy em{font-size:9px;color:#8b9bb0;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-care-bubble-contact-state{display:grid;justify-items:end;gap:5px}
.lc-care-bubble-contact-state i{
  padding:3px 6px;
  border-radius:999px;
  background:#eaf2ff;
  color:#1d4ed8;
  font-size:8px;
  font-weight:900;
  font-style:normal;
  text-transform:uppercase;
}
.lc-care-bubble-contact-state small{font-size:9px;color:#97a5b6}
.lc-care-bubble-thread-pane{
  min-width:0;
  min-height:0;
  background:
    linear-gradient(rgba(247,250,254,.94),rgba(247,250,254,.94)),
    radial-gradient(circle at 80% 0,rgba(59,130,246,.08),transparent 18rem);
}
.lc-care-bubble-empty{
  height:100%;
  display:grid;
  place-content:center;
  text-align:center;
  padding:32px;
  color:#718399;
}
.lc-care-bubble-empty strong{font-size:16px;color:#1d3d64}
.lc-care-bubble-empty p{max-width:28ch;margin:5px auto 0;font-size:12px}
#lcCareBubbleThreadWrap{
  height:100%;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
}
.lc-care-bubble-customer{
  min-height:64px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:rgba(255,255,255,.9);
  border-bottom:1px solid #dbe7f4;
}
.lc-care-bubble-customer>div{display:grid;gap:2px}
.lc-care-bubble-back{
  display:none;
  width:30px;height:30px;
  padding:0;
  border:0;
  border-radius:9px;
  background:#edf4fb;
  color:#245b93;
  font-size:24px;
  line-height:1;
}
.lc-care-bubble-customer strong{font-size:14px;color:#102f55}
.lc-care-bubble-customer small{font-size:10px;color:#708199}
.lc-care-bubble-consent{
  padding:5px 8px;
  border-radius:999px;
  background:#eef4fb;
  color:#62758d;
  font-size:9px;
  font-weight:850;
}
.lc-care-bubble-consent[data-state="opted_in"]{background:#e5f7ef;color:#0a7b56}
.lc-care-bubble-consent[data-state="opted_out"]{background:#fff0f1;color:#b42335}
.lc-care-bubble-thread{
  min-height:0;
  overflow:auto;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.lc-care-bubble-message{
  max-width:84%;
  padding:9px 11px;
  border-radius:15px;
  border:1px solid #dbe6f1;
  box-shadow:0 3px 11px rgba(16,35,63,.04);
}
.lc-care-bubble-message.inbound{align-self:flex-start;background:#fff;border-bottom-left-radius:5px}
.lc-care-bubble-message.outbound{align-self:flex-end;background:#e3efff;border-color:#bfd7f5;border-bottom-right-radius:5px}
.lc-care-bubble-message p{margin:0;font-size:12px;line-height:1.42;color:#1b3557}
.lc-care-bubble-message small{display:block;margin-top:4px;font-size:8px;color:#8191a4}
.lc-care-bubble-quick-actions{
  padding:8px 12px;
  display:flex;
  gap:6px;
  overflow:auto;
  border-top:1px solid #e3ecf5;
  background:#fbfdff;
}
.lc-care-bubble-quick-actions button{
  flex:0 0 auto;
  border:1px solid #cdddf0;
  border-radius:999px;
  padding:6px 9px;
  background:#fff;
  color:#275987;
  font-size:9px;
  font-weight:850;
}
.lc-care-bubble-quick-actions button:hover{background:#eef5ff;border-color:#9fc0e8}
.lc-care-bubble-composer{
  padding:10px 12px 12px;
  background:#fff;
  border-top:1px solid #dbe7f4;
}
.lc-care-bubble-composer textarea{
  width:100%;
  min-height:74px;
  resize:none;
  padding:10px!important;
  font-size:12px;
  border-radius:12px!important;
}
.lc-care-bubble-composer>div{
  margin-top:7px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.lc-care-bubble-composer small{font-size:9px;color:#7a8ba0}
.lc-care-bubble-composer small[data-tone="error"]{color:#c2413a}
.lc-care-bubble-composer small[data-tone="ok"]{color:#087451}
.lc-care-bubble-composer button{
  min-height:38px;
  padding:0 14px;
  border:0;
  border-radius:11px;
  background:linear-gradient(135deg,#1d4ed8,#2563eb,#3b82f6);
  color:#fff;
  font-size:11px;
  font-weight:900;
  box-shadow:0 7px 18px rgba(37,99,235,.22);
}
.lc-care-bubble-composer button:disabled{opacity:.45;box-shadow:none}
.lc-care-bubble-muted{padding:18px;text-align:center;color:#8090a3;font-size:11px}
.lc-care-bubble-open{overflow:hidden}

@media(min-width:901px){
  #lcCareBubbleRoot{display:none!important}
}
@media(max-width:620px){
  .lc-care-bubble{
    right:12px;
    bottom:calc(82px + env(safe-area-inset-bottom));
    min-width:auto;
    padding-right:10px;
  }
  .lc-care-bubble-copy{display:none}
  .lc-care-bubble-sheet{
    right:0;
    bottom:0;
    width:100vw;
    height:calc(100dvh - 58px);
    border-radius:22px 22px 0 0;
    border-left:0;border-right:0;border-bottom:0;
  }
  .lc-care-bubble-body{grid-template-columns:1fr}
  .lc-care-bubble-list-pane{
    position:absolute;
    inset:68px 0 0;
    z-index:2;
    border:0;
    transition:transform .18s ease;
  }
  .lc-care-bubble-thread-pane{
    position:absolute;
    inset:68px 0 0;
    z-index:3;
    transform:translateX(100%);
    transition:transform .18s ease;
  }
  .lc-care-bubble-sheet:has(.lc-care-bubble-contact.active) .lc-care-bubble-thread-pane{transform:none}
  .lc-care-bubble-sheet:has(.lc-care-bubble-contact.active) .lc-care-bubble-list-pane{transform:translateX(-100%)}
  .lc-care-bubble-back{display:grid;place-items:center;flex:0 0 auto}
  .lc-care-bubble-customer>div{margin-right:auto}
}