/* chat-interface.html: page-specific styles */

@keyframes typing { 0%{opacity:.3}50%{opacity:1}100%{opacity:.3} }

.typing-dot { animation: typing 1.4s infinite; }

.typing-dot:nth-child(2) { animation-delay: .2s; }

.typing-dot:nth-child(3) { animation-delay: .4s; }

.msg-in { animation: fadeInUp .35s ease forwards; }

.aigeo-conversation-main > .aigeo-topbar > div:first-of-type { display:flex; align-items:center; gap:8px; flex:1 1 auto; min-width:0; }

.aigeo-conversation-main > .aigeo-topbar .aigeo-top-title { display:block; flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.aigeo-conversation-main > .aigeo-topbar .aigeo-top-subtitle { flex:0 0 auto; margin-left:0; white-space:nowrap; }

.aigeo-conversation-main > .aigeo-topbar .aigeo-top-actions { flex:0 0 auto; }

.aigeo-user-message-row { display:flex; align-items:flex-end; justify-content:flex-end; gap:12px; width:fit-content; max-width:min(78%, 940px); min-width:0; margin-left:auto; }

.aigeo-user-message-row--wide { width:calc(78% + 48px); max-width:100%; }

.aigeo-user-message-body { flex:0 1 auto; min-width:0; max-width:calc(100% - 48px); }

.aigeo-user-message-row--wide .aigeo-user-message-body { flex:1 1 0; }

.aigeo-user-message-bubble { display:block; width:fit-content; max-width:100%; padding:12px 16px; color:#1f2329; background:#fff0e9; border:1px solid rgba(255,107,53,.14); border-radius:18px 4px 18px 18px; box-shadow:0 1px 2px rgba(31,35,41,.04); overflow-wrap:anywhere; }

.aigeo-user-message-row--wide .aigeo-user-message-bubble { width:100%; }

.aigeo-user-message-text { font-size:14px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }

.aigeo-user-message-avatar { width:36px; height:36px; flex:0 0 36px; object-fit:cover; border-radius:50%; }

.share-btn { transition:all .2s; }

.share-btn:hover { background:var(--color-brand-50); color:var(--color-brand-500); }

.aigeo-conversation-composer { max-width:min(960px, calc(100vw - 320px)) !important; }

.aigeo-conversation-prompts { scrollbar-width:none; }

.aigeo-conversation-prompts::-webkit-scrollbar { display:none; }

.u-chat-interface-001 { background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236B7685%27 stroke-width=%272.5%27%3E%3Cpath d=%27M6 9l6 6 6-6%27/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 8px center; }
.u-chat-interface-002 { min-height:44px;max-height:120px; }
.u-chat-interface-003 { background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236B7685%27 stroke-width=%272.5%27%3E%3Cpath d=%27M6 9l6 6 6-6%27/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 5px center; }

@media (max-width:767px) {
  .aigeo-conversation-composer { max-width:none !important; }
  .aigeo-user-message-row { gap:8px; max-width:92%; }
  .aigeo-user-message-row--wide { width:calc(78% + 40px); max-width:100%; }
  .aigeo-user-message-body { max-width:calc(100% - 40px); }
  .aigeo-user-message-bubble { padding:10px 12px; border-radius:16px 4px 16px 16px; }
  .aigeo-user-message-avatar { width:32px; height:32px; flex-basis:32px; }
}