.realtimeAgent{display:grid;grid-gap:18px;gap:18px}.realtimeControls{display:grid;grid-gap:10px;gap:10px;padding:18px;background:#f5f8f6;border:1px solid var(--line);border-radius:14px}.conversationButton{min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;color:#14251e;background:#f4cf59;border:1px solid #c89f25;box-shadow:0 4px 0 #c89f25;font-size:18px}.conversationButton.active{color:#fff;background:#b42318;border-color:#8d241c;box-shadow:0 4px 0 #7d201a}.realtimeStatus{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 0;font-weight:800}.realtimeStatus i{width:11px;height:11px;border-radius:50%;background:#87918c}.realtimeStatus i.active{background:#1f7a4f;box-shadow:0 0 0 5px #d8eee2;animation:agentPulse 1.5s infinite}@keyframes agentPulse{50%{transform:scale(.75);opacity:.65}}.realtimeHint{margin:0;color:var(--muted);text-align:center;line-height:1.45}.chatThread{display:grid;grid-gap:12px;gap:12px;max-height:58vh;overflow-y:auto;padding:4px}.chatBubble{max-width:86%;padding:13px 15px;border-radius:16px}.chatBubble.user{justify-self:end;color:#fff;background:var(--green);border-bottom-right-radius:5px}.chatBubble.assistant{justify-self:start;background:#f1f5f2;border:1px solid var(--line);border-bottom-left-radius:5px}.chatBubble p{margin:7px 0 0;white-space:pre-wrap;line-height:1.55}.chatBubble small{display:block;margin-top:9px;color:var(--muted);line-height:1.4}.chatMeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}.sourceBadge{padding:4px 7px;border-radius:999px;font-size:11px;font-weight:800}.sourceBadge.taksi{color:#145c3a;background:#d8eee2}.sourceBadge.yleinen{color:#485851;background:#e2e7e4}.chatComposer{display:grid;grid-gap:8px;gap:8px;padding-top:16px;border-top:1px solid var(--line)}.chatComposer label{font-weight:800}.chatComposer>div{display:grid;grid-template-columns:1fr auto;grid-gap:9px;gap:9px;align-items:end}.chatComposer textarea{min-height:58px;resize:vertical;padding:13px;color:var(--text);background:#fff;border:1px solid #bdc9c2;border-radius:11px;font:inherit;line-height:1.4}.chatComposer textarea:focus{outline:3px solid #c6e4d4;border-color:var(--green)}.chatComposer button{min-height:58px}.sourceLegend{display:grid;grid-gap:7px;gap:7px;padding:13px;color:var(--muted);background:#f8faf9;border-radius:11px;font-size:13px;line-height:1.4}.sourceLegend span{display:flex;align-items:flex-start;gap:8px}.sourceLegend i{width:10px;height:10px;flex:0 0 10px;margin-top:4px;border-radius:50%}.sourceLegend i.taksi{background:var(--green)}.sourceLegend i.yleinen{background:#87918c}@media (max-width:560px){.agentCard,.realtimeControls{padding:14px}.conversationButton{width:100%;min-height:62px;font-size:18px}.chatThread{max-height:52vh}.chatBubble{max-width:92%;font-size:16px}.chatComposer>div{grid-template-columns:1fr}.chatComposer button{width:100%}}