/* static/glassy-chat-suggestions.css — Glassy chat welcome + suggestions */
.tg-chat-welcome{
  align-self:center;
  background:transparent;
  border:0;
  color:var(--muted);
  font-size:.9rem;
  text-align:center;
}

.tg-suggest-box{
  box-sizing:border-box;
  border:1px solid var(--border);
  border-radius:12px;
  padding:10px 12px;
  margin-top:8px;
  background:#0c121a;
  align-self:flex-start;
}

.tg-suggest-box-title{
  font-size:.75rem;
  letter-spacing:.2px;
  color:var(--muted);
  text-transform:uppercase;
  margin-bottom:8px;
}

.tg-chat-suggestions{
  max-width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0 0;
  align-self:flex-start;
}

.tg-chat-suggest-btn{
  max-width:100%;
  border:1px solid var(--border);
  background:#0b1016;
  color:var(--text);
  border-radius:999px;
  padding:6px 12px;
  font-size:.85rem;
  line-height:1.2;
  cursor:pointer;
  transition:background .15s ease, border-color .15s ease, transform .15s ease;
}

.tg-chat-suggest-btn:hover{
  background:#111a24;
  border-color:rgba(124,58,237,.45);
}

.tg-chat-suggest-btn:focus-visible{
  outline:2px solid rgba(124,58,237,.6);
  outline-offset:2px;
}

.tg-chat-suggest-btn:active{
  transform:translateY(1px);
}

@media (max-width:640px){
  .tg-chat-suggest-btn{ font-size:.82rem; padding:6px 10px; }
}

/* Light Glass micro-polish for suggested questions inside Glassy chat. */
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .tg-suggest-box,
:root[data-theme="light"] body:not([data-embed-mode="1"]) .tg-ai-card .tg-suggest-box,
:root[data-theme="light"] body:not([data-embed-mode="1"]) .jdai .tg-suggest-box{
  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(241,245,249,.84));
  border-color:rgba(148,163,184,.32);
  box-shadow:0 10px 22px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.78);
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .tg-suggest-box-title,
:root[data-theme="light"] body:not([data-embed-mode="1"]) .tg-ai-card .tg-suggest-box-title,
:root[data-theme="light"] body:not([data-embed-mode="1"]) .jdai .tg-suggest-box-title{
  color:#64748b;
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .tg-chat-suggest-btn,
:root[data-theme="light"] body:not([data-embed-mode="1"]) .tg-ai-card .tg-chat-suggest-btn,
:root[data-theme="light"] body:not([data-embed-mode="1"]) .jdai .tg-chat-suggest-btn{
  background:linear-gradient(180deg,#ffffff,#eef3f9);
  border-color:rgba(148,163,184,.38);
  color:#1f2937;
  box-shadow:0 6px 14px rgba(15,23,42,.055);
}
:root[data-theme="light"] body:not([data-embed-mode="1"]) #ga-chat .tg-chat-suggest-btn:hover,
:root[data-theme="light"] body:not([data-embed-mode="1"]) .tg-ai-card .tg-chat-suggest-btn:hover,
:root[data-theme="light"] body:not([data-embed-mode="1"]) .jdai .tg-chat-suggest-btn:hover{
  background:linear-gradient(180deg,#ffffff,#e9eff8);
  border-color:rgba(124,58,237,.38);
  color:#312e81;
  box-shadow:0 10px 20px rgba(79,70,229,.12);
}