/* static/ga-chat.css — Glassy Chat Flyout (center-right modal) */
#ga-chat { position: fixed; inset: 0; z-index: 2147483646; display: none; }
#ga-chat[data-open="1"] { display: block; }
#ga-chat[aria-hidden="true"] { display: none; }

#ga-chat .ga-backdrop{
  position:absolute; inset:0; background:rgba(9,12,16,.58); backdrop-filter: blur(2px);
}

#ga-chat .ga-card{
  position:absolute; right:16px; top:50%; transform: translateY(-50%);
  width:min(680px, 94vw);
  background: var(--panel); border:1px solid var(--border); border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.6); display:flex; flex-direction:column; overflow:hidden;
  animation: ga-slide-in .18s ease-out;
}

#ga-chat .ga-head{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 12px; border-bottom:1px solid var(--border); background:#0f151c;
}
#ga-chat .ga-title{ display:flex; align-items:center; gap:8px; font-weight:800; letter-spacing:.2px; color:#e8eef6 }
#ga-chat .ga-close{ border:1px solid var(--border); background:#0f151c; color:#e8eef6; border-radius:8px; padding:6px 10px; cursor:pointer }

#ga-chat .ga-body{ padding:0; }

@keyframes ga-slide-in {
  from { transform: translateY(-50%) translateX(8px); opacity: .0; }
  to   { transform: translateY(-50%) translateX(0); opacity: 1; }
}

/* Ensure the legacy #jdai fills the card nicely when moved here */
#ga-chat #jdai{ margin:0 !important; border:0 !important; width:100%; display:flex !important; }
#ga-chat #jdaiBody{ max-height: clamp(320px, 56vh, 620px); }

.jdai-typing .dp-dot{
  width:8px;height:8px;border-radius:50%;
  background:linear-gradient(135deg,#7c3aed,#2563eb);
  animation:dp-bounce 1.2s infinite ease-in-out;
  display:inline-block;
}
.jdai-typing .dp-dot:nth-child(2){ animation-delay:.15s; }
.jdai-typing .dp-dot:nth-child(3){ animation-delay:.30s; }
@keyframes dp-bounce{
  0%,80%,100%{ transform:scale(.7); opacity:.6; }
  40%{ transform:scale(1); opacity:1; }
}

/* Light Glass micro-polish for Glassy chat flyout surfaces. */
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .ga-backdrop{
  background:rgba(15,23,42,.24);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .ga-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,245,249,.94));
  border-color:rgba(148,163,184,.34);
  color:#111827;
  box-shadow:0 24px 70px rgba(15,23,42,.20), 0 0 0 1px rgba(255,255,255,.72) inset;
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .ga-head{
  background:linear-gradient(180deg, rgba(248,250,252,.98), rgba(239,244,250,.94));
  border-bottom-color:rgba(148,163,184,.30);
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .ga-title{
  color:#111827;
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .ga-close{
  background:linear-gradient(180deg,#ffffff,#eef3f9);
  border-color:rgba(148,163,184,.38);
  color:#1f2937;
  box-shadow:0 6px 14px rgba(15,23,42,.07);
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .ga-close:hover{
  border-color:rgba(124,58,237,.34);
  box-shadow:0 10px 20px rgba(79,70,229,.12);
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat #jdai,
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92)) !important;
  border-color:rgba(148,163,184,.30) !important;
  color:#111827 !important;
  box-shadow:none !important;
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat #jdaiBody,
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai-body{
  background:
    radial-gradient(460px 240px at 10% 0%, rgba(124,58,237,.06), transparent 60%),
    linear-gradient(180deg, rgba(248,250,252,.72), rgba(255,255,255,.82));
  color:#111827;
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai-msg{
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai-msg.jdai-bot,
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai-bot{
  background:linear-gradient(180deg, #ffffff, #eff6ff) !important;
  border-color:rgba(147,197,253,.70) !important;
  color:#1e3a8a !important;
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai-msg.jdai-user,
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai-user{
  background:linear-gradient(180deg, #ffffff, #f5edff) !important;
  border-color:rgba(196,181,253,.76) !important;
  color:#581c87 !important;
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai-note,
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .tg-chat-welcome{
  color:#64748b !important;
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai-footer{
  background:linear-gradient(180deg, rgba(248,250,252,.96), rgba(241,245,249,.92)) !important;
  border-top-color:rgba(148,163,184,.30) !important;
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai-input textarea,
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat #jdaiInput{
  background:#ffffff !important;
  border-color:rgba(148,163,184,.38) !important;
  color:#111827 !important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.05), 0 0 0 1px rgba(255,255,255,.74);
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai-input textarea::placeholder,
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat #jdaiInput::placeholder{
  color:#7b8797;
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .jdai-send,
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat #jdaiSend{
  background:linear-gradient(135deg,#7c3aed 0%,#2563eb 58%,#0ea5e9 100%) !important;
  color:#ffffff !important;
  border:1px solid rgba(79,70,229,.34) !important;
  box-shadow:0 12px 26px rgba(79,70,229,.22) !important;
}