#samuella-launcher{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #0160a1;
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 800;
  cursor:pointer;
  z-index: 999999;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

#samuella-widget{
  position: fixed;
  right: 18px;
  bottom: 86px;
  width: 360px;
  max-width: calc(100vw - 36px);
  height: 520px;
  max-height: calc(100vh - 120px);
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  z-index: 999999;
  box-shadow: 0 18px 50px rgba(0,0,0,.20);
  border: 1px solid rgba(0,0,0,.08);
  display:flex;
  flex-direction: column;
}

.samuella-hidden{ display:none !important; }

.samuella-header{
  padding: 14px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.samuella-title{ display:flex; gap: 10px; align-items:center; }
.samuella-avatar{
  width: 40px; height: 40px; border-radius: 50%;
  background: #e9f2fb;
  color:#0160a1;
  display:flex; align-items:center; justify-content:center;
  font-weight: 800;
}
.samuella-name{ font-weight: 800; font-size: 18px; line-height: 1.1; }
.samuella-sub{ font-size: 13px; opacity: .7; }

.samuella-actions button{
  border: 0; background: #f3f5f7;
  width: 40px; height: 40px;
  border-radius: 12px;
  cursor:pointer;
  margin-left: 8px;
}

.samuella-messages{
  padding: 14px;
  overflow:auto;
  flex: 1;
  background:#fff;
}

.msg{
  max-width: 85%;
  padding: 12px 12px;
  border-radius: 16px;
  margin: 10px 0;
  line-height: 1.35;
  font-size: 14px;
  white-space: pre-wrap;
}
.msg.bot{ background:#f4f6f8; border-top-left-radius: 8px; }
.msg.user{ margin-left:auto; background:#0160a1; color:#fff; border-top-right-radius: 8px; }

.samuella-whatsapp{
  padding: 10px 14px;
  background: #eaf7ee;
  color: #0b6b2f;
  font-weight: 800;
  text-align:center;
}
.samuella-whatsapp a{ color:#0b6b2f; text-decoration: none; }

.samuella-input{
  display:flex;
  gap: 10px;
  padding: 12px 14px;
  border-top: 1px solid rgba(0,0,0,.06);
}
.samuella-input input{
  flex:1;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.15);
  padding: 10px 12px;
  outline: none;
}
.samuella-input button{
  border: 0;
  background: #0160a1;
  color:#fff;
  padding: 10px 14px;
  border-radius: 12px;
  cursor:pointer;
  font-weight: 700;
}
#samuella-mic{
  background:#f3f5f7;
  color:#111;
  width: 44px;
  padding: 0;
}

.samuella-footnote{
  padding: 10px 14px;
  font-size: 12px;
  opacity: .65;
  background:#fff;
}