/* SuraSuraTalk guided chatbot - no AI/API required */
.sst-chat-launcher{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9998;
  border:1px solid rgba(0,229,255,.95);
  background:linear-gradient(135deg,rgba(6,18,32,.98),rgba(9,32,58,.98));
  color:#f7fdff;
  border-radius:999px;
  padding:13px 18px;
  font-weight:800;
  font-size:14px;
  letter-spacing:.02em;
  box-shadow:0 0 18px rgba(0,229,255,.45), inset 0 0 16px rgba(0,229,255,.08);
  cursor:pointer;
}
.sst-chat-launcher:hover,.sst-chat-launcher:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 0 24px rgba(0,229,255,.65), 0 0 42px rgba(80,102,255,.22);
}
.sst-chat-panel{
  position:fixed;
  right:18px;
  bottom:82px;
  z-index:9999;
  width:min(390px,calc(100vw - 28px));
  max-height:min(720px,calc(100vh - 110px));
  display:none;
  flex-direction:column;
  overflow:hidden;
  color:#f7fdff;
  background:linear-gradient(180deg,rgba(3,10,20,.98),rgba(5,18,34,.98));
  border:1px solid rgba(0,229,255,.9);
  border-radius:22px;
  box-shadow:0 0 28px rgba(0,229,255,.38), 0 18px 60px rgba(0,0,0,.55), inset 0 0 22px rgba(0,229,255,.06);
}
.sst-chat-panel.is-open{display:flex;}
.sst-chat-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px 12px;
  border-bottom:1px solid rgba(0,229,255,.25);
  background:rgba(0,229,255,.05);
}
.sst-chat-title{font-size:15px;font-weight:850;line-height:1.25;}
.sst-chat-subtitle{margin-top:3px;font-size:12px;color:rgba(230,250,255,.72);line-height:1.35;}
.sst-chat-close{
  width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(0,229,255,.55);
  background:rgba(255,255,255,.05);color:#fff;
  font-size:20px;line-height:1;cursor:pointer;
}
.sst-chat-close:hover,.sst-chat-close:focus-visible{background:rgba(0,229,255,.15);}
.sst-chat-body{
  overflow:auto;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  scroll-behavior:smooth;
}
.sst-chat-message{
  max-width:95%;
  padding:11px 12px;
  border-radius:16px;
  font-size:14px;
  line-height:1.65;
  white-space:pre-wrap;
}
.sst-chat-message.bot{
  align-self:flex-start;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(0,229,255,.22);
}
.sst-chat-message.user{
  align-self:flex-end;
  background:rgba(0,229,255,.13);
  border:1px solid rgba(0,229,255,.45);
}
.sst-chat-message a{color:#7ee9ff;text-decoration:underline;}
.sst-chat-options{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 6px;}
.sst-chat-option{
  border:1px solid rgba(0,229,255,.52);
  background:rgba(0,229,255,.08);
  color:#f7fdff;
  border-radius:999px;
  padding:9px 12px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.sst-chat-option:hover,.sst-chat-option:focus-visible{background:rgba(0,229,255,.18);box-shadow:0 0 12px rgba(0,229,255,.25);}
.sst-chat-form{
  display:grid;
  gap:9px;
  padding:12px;
  border:1px solid rgba(0,229,255,.18);
  border-radius:16px;
  background:rgba(255,255,255,.04);
}
.sst-chat-form label{font-size:12px;color:rgba(230,250,255,.78);font-weight:700;}
.sst-chat-form input,.sst-chat-form select,.sst-chat-form textarea{
  width:100%;
  border:1px solid rgba(0,229,255,.35);
  border-radius:12px;
  background:rgba(0,0,0,.28);
  color:#fff;
  padding:10px 11px;
  font-size:14px;
}
.sst-chat-form textarea{min-height:90px;resize:vertical;}
.sst-chat-form input:focus,.sst-chat-form select:focus,.sst-chat-form textarea:focus{
  outline:none;border-color:rgba(0,229,255,.95);box-shadow:0 0 0 3px rgba(0,229,255,.12);
}
.sst-chat-submit{
  border:1px solid rgba(0,229,255,.85);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(0,229,255,.22),rgba(70,90,255,.22));
  color:#fff;
  padding:11px 14px;
  font-weight:850;
  cursor:pointer;
}
.sst-chat-inputbar{
  display:flex;
  gap:8px;
  padding:12px;
  border-top:1px solid rgba(0,229,255,.22);
  background:rgba(0,0,0,.2);
}
.sst-chat-inputbar input{
  min-width:0;flex:1;
  border:1px solid rgba(0,229,255,.32);
  border-radius:999px;
  background:rgba(0,0,0,.28);
  color:#fff;
  padding:10px 13px;
  font-size:14px;
}
.sst-chat-inputbar button{
  border:1px solid rgba(0,229,255,.65);
  border-radius:999px;
  background:rgba(0,229,255,.12);
  color:#fff;
  padding:0 13px;
  font-weight:850;
  cursor:pointer;
}
.sst-chat-small{font-size:12px;color:rgba(230,250,255,.7);line-height:1.5;}
@media (max-width:520px){
  .sst-chat-panel{right:10px;bottom:74px;width:calc(100vw - 20px);max-height:calc(100vh - 92px);border-radius:18px;}
  .sst-chat-launcher{right:10px;bottom:12px;}
}