/* Mobile-first refinements and brand-matched conversational launcher */
.syc-wa-launcher{background:linear-gradient(145deg,#2a8cae,#176d93);box-shadow:0 9px 26px #143d5960}
.syc-wa-launcher:hover{box-shadow:0 12px 30px #143d5970}
.syc-wa-head{background:linear-gradient(120deg,#183f57,#287b9e)}
.syc-wa-avatar{border-radius:50%;background:#e7f4f8;color:#1e6386}
.syc-wa-person span{color:#d3eaf3;font-weight:500}
.syc-wa-chat{background-color:#ecf2f4;background-image:radial-gradient(#a8c2ce32 1px,transparent 1px)}
.syc-wa-day{margin-bottom:16px}
.syc-wa-send{background:#317eaa}
.syc-wa-send:hover{background:#23678f}
.syc-wa button{touch-action:manipulation}
.syc-wa-compose textarea{font-size:16px}
@media(max-width:600px){
  .syc-wa{bottom:14px;right:14px}
  .syc-wa-left{left:14px;right:auto}
  .syc-wa-launcher{width:53px;height:53px}
  .syc-wa-launcher svg{width:27px;height:27px}
  .syc-wa-panel{width:min(320px,calc(100vw - 28px));bottom:65px;border-radius:13px;max-height:calc(100dvh - 92px);overflow-y:auto;box-shadow:0 14px 45px #102f4140}
  .syc-wa-head{padding:11px 13px;gap:9px}
  .syc-wa-avatar{width:34px;height:34px;font-size:12px}
  .syc-wa-person{gap:3px}
  .syc-wa-person strong{font-size:13px}
  .syc-wa-person span{font-size:10px}
  .syc-wa-close{width:28px;height:28px;font-size:21px}
  .syc-wa-chat{min-height:112px;padding:10px 12px 11px}
  .syc-wa-day{font-size:9px;padding:4px 9px;margin-bottom:10px}
  .syc-wa-bubble{font-size:12px;padding:9px 11px;border-radius:4px 11px 11px 11px}
  .syc-wa-time{margin-top:4px;font-size:9px}
  .syc-wa-form{padding:11px 12px 10px}
  .syc-wa-compose{padding:4px 5px 4px 11px;gap:6px;border-radius:10px}
  .syc-wa-compose textarea{min-height:35px;max-height:92px;padding:8px 0;font-size:16px}
  .syc-wa-send{width:35px;height:35px;border-radius:9px}
  .syc-wa-send svg{width:18px;height:18px}
  .syc-wa-form small{font-size:9px;margin-top:8px}
  .syc-wa-status{font-size:11px}
}