/* Bsissti Bot - Liquid Glass 2026 */
.bsissti-bot{
  --bot-panel-bg-light:linear-gradient(180deg,rgba(255,252,247,.78),rgba(255,248,240,.68));
  --bot-panel-bg-dark:linear-gradient(180deg,rgba(29,18,14,.76),rgba(20,12,10,.72));
  --bot-border-light:rgba(255,255,255,.42);
  --bot-border-dark:rgba(255,242,232,.10);
  --bot-shadow:0 38px 120px rgba(28,14,8,.34), 0 8px 32px rgba(216,102,49,.14);
  position:fixed;
  right:24px;
  bottom:22px;
  z-index:1300;
  isolation:isolate;
  animation:botRootFloat 8.4s ease-in-out infinite;
}
[dir="rtl"] .bsissti-bot{right:auto;left:24px}
.bsissti-bot::before{
  content:"";
  position:absolute;
  width:112px;
  height:112px;
  right:-22px;
  bottom:-18px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(238,172,79,.34),rgba(214,103,52,0) 70%);
  filter:blur(24px);
  opacity:.58;
  z-index:-1;
  pointer-events:none;
}
[dir="rtl"] .bsissti-bot::before{right:auto;left:-22px}

@keyframes botRootFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-6px,0)}
}

.bsissti-bot-toggle{
  position:relative;
  width:74px;
  height:74px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.32);
  background:
    linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.08)),
    linear-gradient(160deg,#f2bc67 0%,#e98d4f 42%,#c95f38 100%);
  backdrop-filter:blur(22px) saturate(180%);
  -webkit-backdrop-filter:blur(22px) saturate(180%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -10px 30px rgba(109,44,15,.18),
    0 26px 60px rgba(54,20,7,.34),
    0 10px 22px rgba(236,155,81,.24);
  overflow:hidden;
}
.bsissti-bot-toggle::before,
.bsissti-bot-toggle::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.bsissti-bot-toggle::before{
  width:66px;
  height:28px;
  left:4px;
  top:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.04));
  filter:blur(.2px);
}
.bsissti-bot-toggle::after{
  width:88px;
  height:88px;
  right:-34px;
  bottom:-36px;
  background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);
}
.bsissti-bot-toggle:hover{
  transform:translateY(-6px) scale(1.04) rotate(-2deg);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -12px 34px rgba(109,44,15,.22),
    0 34px 72px rgba(54,20,7,.42),
    0 16px 30px rgba(236,155,81,.32);
}
.bsissti-bot-toggle img{
  position:relative;
  z-index:2;
  width:48px;
  height:48px;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(56,25,11,.22));
}
.bsissti-bot-toggle .bot-pulse{
  inset:-10px;
  border:1px solid rgba(255,220,176,.55);
  border-radius:32px;
  animation:botGlowPulse 3s ease-out infinite;
}
@keyframes botGlowPulse{
  0%{transform:scale(.9);opacity:.62}
  75%,100%{transform:scale(1.22);opacity:0}
}

.bsissti-bot-panel{
  position:absolute;
  right:0;
  bottom:88px;
  width:min(410px,calc(100vw - 32px));
  height:min(620px,calc(100vh - 120px));
  display:grid;
  grid-template-rows:auto 1fr auto;
  border-radius:34px;
  overflow:hidden;
  border:1px solid var(--bot-border-light);
  background:var(--bot-panel-bg-light);
  backdrop-filter:blur(36px) saturate(185%);
  -webkit-backdrop-filter:blur(36px) saturate(185%);
  box-shadow:var(--bot-shadow);
  transform:translateY(18px) scale(.94) rotate(1deg);
  transform-origin:bottom right;
}
html[data-theme="dark"] .bsissti-bot-panel{
  border-color:var(--bot-border-dark);
  background:var(--bot-panel-bg-dark);
  box-shadow:0 42px 120px rgba(0,0,0,.52),0 10px 24px rgba(226,118,72,.14);
}
[dir="rtl"] .bsissti-bot-panel{right:auto;left:0;transform-origin:bottom left}
.bsissti-bot.open .bsissti-bot-panel{transform:translateY(0) scale(1) rotate(0)}
.bsissti-bot-panel::before,
.bsissti-bot-panel::after{
  content:"";
  position:absolute;
  inset:auto;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.bsissti-bot-panel::before{
  width:210px;
  height:210px;
  right:-72px;
  top:-86px;
  background:radial-gradient(circle,rgba(247,204,137,.24),rgba(247,204,137,0) 70%);
  filter:blur(8px);
}
.bsissti-bot-panel::after{
  width:170px;
  height:170px;
  left:-56px;
  bottom:82px;
  background:radial-gradient(circle,rgba(220,112,61,.12),rgba(220,112,61,0) 72%);
}
[dir="rtl"] .bsissti-bot-panel::before{right:auto;left:-72px}
[dir="rtl"] .bsissti-bot-panel::after{left:auto;right:-56px}

.bsissti-bot-header,
.bsissti-bot-messages,
.bsissti-bot-composer{position:relative;z-index:1}
.bsissti-bot-header{
  padding:18px 18px 16px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#fffdf9;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)),
    linear-gradient(135deg,rgba(60,29,18,.88),rgba(108,55,30,.85) 55%,rgba(163,86,50,.82));
  border-bottom:1px solid rgba(255,255,255,.12);
}
html[data-theme="light"] .bsissti-bot-header{
  background:
    linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.06)),
    linear-gradient(135deg,rgba(93,49,29,.92),rgba(160,89,49,.88));
}
.bsissti-bot-header::after{
  width:176px;
  height:176px;
  right:-80px;
  top:-112px;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 70%);
}
[dir="rtl"] .bsissti-bot-header::after{right:auto;left:-80px}
.bsissti-bot-avatar{
  width:52px;
  height:52px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.08));
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 22px rgba(0,0,0,.16);
}
.bsissti-bot-avatar img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 6px 9px rgba(0,0,0,.22))}
.bsissti-bot-title strong{font-size:1rem;letter-spacing:.01em}
.bsissti-bot-title span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:6px;
  padding:7px 10px;
  border-radius:999px;
  font-size:.69rem;
  color:#f7e7d8;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.09);
  width:max-content;
}
.bsissti-bot-title span:before{
  width:8px;
  height:8px;
  box-shadow:0 0 0 6px rgba(119,210,138,.08),0 0 18px rgba(119,210,138,.35);
}
.bsissti-bot-close{
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.bsissti-bot-close:hover{background:rgba(255,255,255,.14)}

.bsissti-bot-messages{
  padding:18px 16px 14px;
  background:
    radial-gradient(circle at 100% 0,rgba(241,183,97,.10),transparent 26%),
    radial-gradient(circle at 0 100%,rgba(224,114,67,.08),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04));
}
html[data-theme="dark"] .bsissti-bot-messages{
  background:
    radial-gradient(circle at 100% 0,rgba(241,183,97,.08),transparent 26%),
    radial-gradient(circle at 0 100%,rgba(224,114,67,.08),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
}
.bsissti-bot-messages::-webkit-scrollbar{width:8px}
.bsissti-bot-messages::-webkit-scrollbar-thumb{background:rgba(198,90,46,.24);border-radius:999px}

.bsissti-message{margin-bottom:14px}
.bsissti-message-bubble{
  max-width:86%;
  padding:12px 14px;
  border-radius:20px;
  line-height:1.7;
  font-size:.82rem;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.bsissti-message.bot .bsissti-message-bubble{
  border:1px solid rgba(255,255,255,.28);
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.52));
  color:#2f211b;
  box-shadow:0 14px 32px rgba(81,42,20,.08);
}
html[data-theme="dark"] .bsissti-message.bot .bsissti-message-bubble{
  border-color:rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  color:#f4e7dc;
  box-shadow:0 14px 32px rgba(0,0,0,.16);
}
.bsissti-message.user .bsissti-message-bubble{
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04)),
    linear-gradient(135deg,#db8448,#c95e37 72%,#a5482a);
  color:#fffaf6;
  box-shadow:0 18px 38px rgba(210,104,53,.22);
}
.bsissti-message-link{
  margin-top:10px;
  border-radius:12px;
  padding:8px 11px;
  background:rgba(198,90,46,.10);
  border:1px solid rgba(198,90,46,.14);
}

.bsissti-bot-composer{
  border-top:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
}
html[data-theme="dark"] .bsissti-bot-composer{border-top-color:rgba(255,255,255,.06)}
.bsissti-bot-quick{
  gap:8px;
  padding:2px 16px 12px;
  background:transparent;
}
.bsissti-quick-button{
  border-radius:999px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.28));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
html[data-theme="dark"] .bsissti-quick-button{
  border-color:rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
}
.bsissti-quick-button:hover{
  border-color:rgba(198,90,46,.34);
  background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.45));
  box-shadow:0 12px 24px rgba(198,90,46,.10);
}
html[data-theme="dark"] .bsissti-quick-button:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
}

.bsissti-bot-composer{padding:12px}
.bsissti-bot-form{grid-template-columns:1fr 48px;gap:8px}
[dir="rtl"] .bsissti-bot-form{grid-template-columns:48px 1fr}
.bsissti-bot-input{
  height:48px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58);
}
html[data-theme="dark"] .bsissti-bot-input{
  border-color:rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
}
.bsissti-bot-input::placeholder{color:color-mix(in srgb,var(--text-soft) 86%,transparent)}
.bsissti-bot-send{
  width:48px;
  height:48px;
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04)),
    linear-gradient(145deg,#efb35a,#e27c44 56%,#cf6138);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 16px 28px rgba(216,96,49,.24);
}
.bsissti-bot-send:hover{transform:translateY(-2px)}
.bsissti-bot-note{font-size:.6rem;opacity:.9}

html[data-theme="dark"] .bsissti-bot-toggle img,
html[data-theme="dark"] .bsissti-bot-avatar img{filter:brightness(1.05) drop-shadow(0 8px 12px rgba(0,0,0,.28))}

@media(max-width:650px){
  .bsissti-bot{right:14px;bottom:14px}
  [dir="rtl"] .bsissti-bot{left:14px;right:auto}
  .bsissti-bot-toggle{width:66px;height:66px;border-radius:24px}
  .bsissti-bot-panel{
    position:fixed;
    left:12px!important;
    right:12px!important;
    bottom:88px;
    width:auto;
    height:min(640px,calc(100vh - 110px));
    transform-origin:bottom center;
  }
}

@media(prefers-reduced-motion:reduce){
  .bsissti-bot,
  .bsissti-bot-toggle .bot-pulse{animation:none!important}
  .bsissti-bot-toggle,
  .bsissti-bot-panel,
  .bsissti-message,
  .bsissti-quick-button{transition:none!important}
}
