:root{
  --brand-1:#c43da2; --brand-2:#8b2e6f; --accent:#6255ff; --bg:#fbfcfe; --panel:#ffffff;
  --bot:#eef5ff; --border:#e6e9ee; --text:#1f2430; --shadow:0 14px 40px rgba(25,28,33,.16); --r-lg:20px;
}
#silverxis-chatbot, #silverxis-chatbot *{ box-sizing:border-box; }
#silverxis-chatbot{ position: fixed; right: 24px; bottom: 24px; width: 380px; max-width: calc(100vw - 32px);
  display: grid; grid-template-rows: auto 1fr auto; background: var(--panel); border: 1px solid var(--border);
  border-radius: 22px; overflow: hidden; box-shadow: var(--shadow); z-index: 9999;
  font: 15px/1.45 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color: var(--text); }
#silverxis-chatbot > h2{ margin:0; padding:14px 16px; color:#fff; font-size:16px; 
  background: linear-gradient(45deg, #FF7700 30%, #FFA352 100%); display:flex; align-items:center; gap:10px; 
font-family: poppins;
}
#silverxis-chatbot > h2::before{ content:""; width:24px; height:24px; border-radius:50%; background:#fff; opacity:.92;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.35); }
#silverxis-chat-window{ background: var(--bg); padding: 16px 14px 12px; overflow:auto; height: 460px; }
#silverxis-chat-window::-webkit-scrollbar{ width:8px } #silverxis-chat-window::-webkit-scrollbar-thumb{ background:#dfe5ee; border-radius:8px }
#silverxis-chat-window .row{ display:flex; gap:8px; margin:10px 0; } .row.bot{ justify-content:flex-start } .row.user{ justify-content:flex-end }
#silverxis-chat-window .avatar{ width:30px; height:30px; border-radius:0px; flex:0 0 30px;
  background: conic-gradient(from 45deg,#f8d64e,#ef5da8,#7a7dff,#49e5d9,#f8d64e); /*! border:2px solid #fff; */ /*! box-shadow:0 1px 0 rgba(0,0,0,.05); */ 
background: url('https://poweraerosuites.silverxis.ai/wp-content/uploads/2025/09/for-chatbot.svg');
}
#silverxis-chat-window .bubble{ max-width:85%; padding:10px 12px; border-radius: var(--r-lg);
  background: var(--bot); color:#1c2733; border:1px solid #deebf7; box-shadow:0 2px 0 rgba(17,24,39,.04); 
font-size: 13px;
font-family: poppins;
}
#silverxis-chat-window .row.user .bubble{ background: linear-gradient(45deg, #FF7700 30%, #FFA352 100%); color:#fff; border-color: #f70;
  border-top-right-radius: 26px; border-bottom-right-radius: 6px; 
font-size: 13px;
font-family: poppins;
}
#silverxis-chat-window .time{ display:block; margin-top:6px; font-size:11px; opacity:.65; text-align:right; font-family: poppins;}
#silverxis-chat-window .chips{ display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 2px; }
#silverxis-chat-window .chip{ padding:8px 12px; background:#eeeaf6; color:#513a61; border-radius:999px;  font-size:12px;
  cursor:pointer; user-select:none; border:1px solid #e2dff3; 
font-family: poppins;
}
#silverxis-chat-window .chip:hover{ background:#e6e1f7 }
@keyframes sxDot{ 0%{opacity:.2; transform:translateY(0)} 50%{opacity:1; transform:translateY(-2px)} 100%{opacity:.2; transform:translateY(0)} }
#silverxis-chat-window .typing{ width:52px; height:32px; border-radius:18px; background:#eef2f9; border:1px solid #e1e7f3;
  display:flex; align-items:center; justify-content:center; gap:6px; }
#silverxis-chat-window .typing i{ width:6px; height:6px; border-radius:50%; background:#7a88a3; animation:sxDot 1.2s infinite; }
#silverxis-chat-window .typing i:nth-child(2){ animation-delay:.2s } #silverxis-chat-window .typing i:nth-child(3){ animation-delay:.4s }
#silverxis-chat-controls{ position:relative; display:flex; align-items:center; gap:10px; padding:10px; border-top:1px solid var(--border); background:#fff; }
#silverxis-chat-input{ flex:1 1 auto; height:50px; padding:0 14px; border:1px solid var(--border); background:#f9fbff;
  border-radius:999px; outline:none; transition:border .2s, box-shadow .2s, background .2s; }
#silverxis-chat-input::placeholder{ color:#a0a7b3 } #silverxis-chat-input:focus{ background:#fff; border-color:#ccd6ea; box-shadow:0 0 0 4px rgba(98,85,255,.08); }
.sx-icon-btn, #silverxis-chat-send{ width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--border);
  background:#fff; border-radius:50%; cursor:pointer; transition:background .2s, transform .06s; }
.sx-icon-btn i, #silverxis-chat-send i{ font-size:16px; color:#636c7c } .sx-icon-btn:hover{ background:#f6f8fb }
.sx-icon-btn:active, #silverxis-chat-send:active{ transform:translateY(1px) }
#silverxis-chat-send{ border:none; background:linear-gradient(45deg, #FF7700 30%, #FFA352 100%); } #silverxis-chat-send i{ color:#fff; margin-left: -5px;}
.sx-popover{ position:absolute; bottom:62px; left:56px; background:#fff; border:1px solid var(--border); border-radius:14px;
  box-shadow:0 14px 32px rgba(21,25,32,.18); padding:8px; min-width:230px; opacity:0; transform:translateY(8px); pointer-events:none;
  transition:opacity .15s, transform .15s; z-index:10; }
.sx-popover[aria-hidden="false"]{ opacity:1; transform:translateY(0); pointer-events:auto }
.sx-popover::after{ content:""; position:absolute; bottom:-8px; left:22px; border:8px solid transparent; border-top-color:#fff; }
.sx-popover-inner{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px }
.sx-pop-item{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px 8px; border-radius:12px; border:1px dashed #e5e8ef;
  background:#fbfcff; cursor:pointer; transition:background .2s, border-color .2s; }
.sx-pop-item i{ font-size:18px; color:#5f6b7a } .sx-pop-item span{ font-size:12px; color:#49515c }
.sx-pop-item:hover{ background:#f2f6ff; border-color:#d6def0 }
#silverxis-contact-form{ border-top:1px dashed var(--border); background:#fbfcfe; padding:10px 12px; }
#silverxis-contact-form .form-title{ margin:0 0 8px; font-weight:600 }
#silverxis-contact-form input{ width:100%; height:44px; margin:6px 0; padding:0 12px; border:1px solid var(--border); border-radius:10px; background:#fff; }
#silverxis-contact-form .silverxis-form-submit{ width:100%; height:44px; border:0; border-radius:12px; background:linear-gradient(45deg, #FF7700 30%, #FFA352 100%); color:#fff; font-weight:700; cursor:pointer; }
.sx-launcher{ position:fixed; right:24px; bottom:24px; width:58px; height:58px; border-radius:50%;
  background:linear-gradient(45deg, #FF7700 30%, #FFA352 100%); box-shadow:0 12px 24px rgba(26,28,33,.24); display:grid; place-items:center; color:#fff; cursor:pointer; z-index:9998; }
.sx-badge{ position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; background:#ff4d6d; color:#fff; font-size:11px; line-height:18px; text-align:center; border-radius:9px; padding:0 5px; display: none !important;}

.col-box-title {
  padding: 7px 0px;
}
.col-box-title a {
  color: #333;
  font-weight: ;
  font-family: poppins;
  font-size: 13px;
}
@media (max-width: 420px){ #silverxis-chatbot{ left:10px; right:10px; width:auto } }
.sx-tooltip{position: absolute;
    position: absolute;
    top: -28px;
    right: 0px;
    background-color: #fff;
    border: 1px solid #ff7700;
    padding: 0 10px;
    width: max-content;
    line-height: 25px;
    border-radius: 15px;
    color: #ff7700;}