html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; }
.ui-store-chat-document { display: flex; flex-direction: column; font: 14px/1.45 Arial, sans-serif; background: #fff; color: #102746; }
.ui-store-chat-document * { box-sizing: border-box; }
.ui-store-chat-document #chatbot { position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0; max-height: none !important; flex: 1; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
.ui-store-chat-document #chatbotTitle { background: #102746; border-radius: 0; padding: 14px 16px; }
.ui-store-chat-document #openButton, .ui-store-chat-document #sizeButton { display: none !important; }
.ui-store-chat-document #chatbotContent { min-height: 0; }
.ui-store-chat-document #chatbotActions { flex-shrink: 0; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
.ui-store-chat-document #chatbot input[type="text"] { font-size: 16px; }
.ui-store-chat-document #buttonContainer { gap: 8px; }
.ui-store-chat-document #chatbot button { min-height: 40px; }
.ui-store-chat-context { display: flex; gap: 8px; align-items: center; padding: 9px 12px; border-bottom: 1px solid #dce5ee; background: #f2f8fa; }
.ui-store-chat-context[hidden] { display: none; }
#uiStoreChatContextTitle { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
#uiStoreChatAskContext { border: 1px solid #b4d6d9; border-radius: 7px; background: #fff; color: #006c72; font: inherit; font-size: 12px; min-height: 36px; padding: 6px 8px; cursor: pointer; }
#uiStoreChatAskContext:focus-visible { outline: 2px solid #17639d; outline-offset: 2px; }
