/* Archietalicinfo Floating Chatbot */
#atiChatbotRoot{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99999;
  font-family:Inter,Arial,sans-serif;
}
.ati-chat-button{
  width:64px;
  height:64px;
  border-radius:22px;
  border:1px solid rgba(56,189,248,.55);
  background:linear-gradient(135deg,#38bdf8,#2563eb);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 18px 55px rgba(37,99,235,.35);
  font-size:28px;
}
.ati-chat-panel{
  display:none;
  position:absolute;
  right:0;
  bottom:78px;
  width:min(390px,calc(100vw - 28px));
  height:min(620px,calc(100vh - 120px));
  border:1px solid rgba(148,163,184,.22);
  border-radius:28px;
  overflow:hidden;
  background:#07111f;
  color:#fff;
  box-shadow:0 24px 90px rgba(0,0,0,.52);
}
.ati-chat-panel.open{display:grid;grid-template-rows:auto 1fr auto}
.ati-chat-head{
  padding:16px;
  background:
    radial-gradient(circle at 10% 10%,rgba(56,189,248,.20),transparent 34%),
    linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.86));
  border-bottom:1px solid rgba(148,163,184,.16);
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.ati-chat-head strong{display:block;font-size:16px}
.ati-chat-head small{color:#cbd5e1}
.ati-chat-close{
  border:1px solid rgba(148,163,184,.22);
  background:rgba(2,6,23,.45);
  color:#fff;
  border-radius:12px;
  width:36px;
  height:36px;
  cursor:pointer;
}
.ati-chat-body{
  padding:14px;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:10px;
}
.ati-msg{
  max-width:88%;
  padding:11px 13px;
  border-radius:16px;
  line-height:1.45;
  font-size:14px;
}
.ati-msg.bot{
  background:rgba(15,23,42,.86);
  border:1px solid rgba(148,163,184,.16);
}
.ati-msg.user{
  justify-self:end;
  background:linear-gradient(135deg,#38bdf8,#2563eb);
}
.ati-quick{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ati-quick button{
  border:1px solid rgba(56,189,248,.25);
  background:rgba(56,189,248,.10);
  color:#e0f2fe;
  border-radius:999px;
  padding:8px 10px;
  cursor:pointer;
  font-size:12px;
}
.ati-lead-form{
  display:none;
  gap:8px;
  padding:12px;
  border:1px solid rgba(56,189,248,.22);
  background:rgba(56,189,248,.08);
  border-radius:18px;
}
.ati-lead-form.open{display:grid}
.ati-lead-form input,.ati-lead-form textarea,.ati-lead-form select{
  width:100%;
  box-sizing:border-box;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(2,6,23,.42);
  color:#fff;
  padding:10px;
}
.ati-lead-form textarea{min-height:74px}
.ati-lead-form button{
  border:0;
  border-radius:14px;
  padding:11px;
  background:linear-gradient(135deg,#22c55e,#38bdf8);
  color:white;
  font-weight:900;
  cursor:pointer;
}
.ati-chat-foot{
  padding:12px;
  border-top:1px solid rgba(148,163,184,.16);
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
}
.ati-chat-foot input{
  border-radius:14px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(2,6,23,.55);
  color:#fff;
  padding:12px;
}
.ati-chat-foot button{
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#38bdf8,#2563eb);
  color:white;
  font-weight:900;
  padding:0 15px;
  cursor:pointer;
}
@media(max-width:560px){
  #atiChatbotRoot{right:12px;bottom:12px}
  .ati-chat-panel{
    right:-4px;
    bottom:76px;
    width:calc(100vw - 24px);
    height:calc(100vh - 112px);
  }
}