.bistoon-ai[hidden], .bistoon-ai [hidden] { display: none !important; }
.bistoon-ai { position: fixed; bottom: 22px; right: 22px; z-index: 99999; direction: rtl; font: 14px/1.6 Tahoma, Arial, sans-serif; color: #202927; }
.bistoon-ai--left { right: auto; left: 22px; }
.bistoon-ai * { box-sizing: border-box; }
.bistoon-ai button, .bistoon-ai input, .bistoon-ai textarea { font: inherit; }
.bistoon-ai button { cursor: pointer; }
.bai-launcher { width: 58px; height: 58px; border: 0; border-radius: 50%; color: #fff; background: var(--bai-accent); display: grid; place-items: center; box-shadow: 0 8px 28px #0003; margin-right: auto; }
.bistoon-ai--left .bai-launcher { margin-left: auto; margin-right: 0; }
.bai-launcher svg { width: 29px; height: 29px; }
.bai-panel { width: min(var(--bai-width), calc(100vw - 28px)); max-height: min(680px, calc(100dvh - 95px)); display: flex; flex-direction: column; background: #fff; border: 1px solid #e2e7e4; border-radius: 18px; box-shadow: 0 20px 65px #10211a35; overflow: hidden; margin-bottom: 12px; }
.bai-header { display: flex; align-items: center; gap: 11px; background: var(--bai-accent); color: #fff; padding: 14px 16px; }
.bai-header img { object-fit: contain; border-radius: 8px; background: #fff; }
.bai-header div { display: flex; flex-direction: column; min-width: 0; }
.bai-header strong { font-size: 16px; }
.bai-header small { opacity: .85; font-size: 11px; }
.bai-close { margin-right: auto; color: #fff; border: 0; background: transparent; font-size: 25px !important; line-height: 1; padding: 2px 5px; }
.bai-messages { min-height: 200px; flex: 1 1 auto; overflow-y: auto; padding: 18px 14px; background: #f8faf9; display: flex; flex-direction: column; gap: 10px; }
.bai-message { max-width: 90%; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; padding: 10px 13px; border-radius: 14px; }
.bai-message--assistant { align-self: flex-start; background: #fff; border: 1px solid #e2e7e4; }
.bai-message--user { align-self: flex-end; background: #e5efea; }
.bai-product { display: flex; align-items: center; gap: 10px; padding: 9px; border: 1px solid #dbe5df; border-radius: 11px; background: #fff; color: #263f3b !important; text-decoration: none !important; }
.bai-product:hover, .bai-product:focus-visible { border-color: var(--bai-accent); }
.bai-product img { width: 54px; height: 54px; object-fit: cover; border-radius: 7px; }
.bai-product span { display: flex; flex-direction: column; }
.bai-product small { opacity: .8; }
.bai-status { min-height: 22px; padding: 0 15px; color: #5f6f66; font-size: 12px; background: #fff; }
.bai-chat-form { display: flex; gap: 8px; padding: 9px 12px; border-top: 1px solid #e8ece9; }
.bai-chat-form textarea { flex: 1; min-width: 0; max-height: 100px; resize: vertical; padding: 9px; border: 1px solid #d4ddd8; border-radius: 10px; background: #fff; color: #202927; }
.bai-chat-form button, .bai-lead-form button[type=submit] { color: #fff; background: var(--bai-accent); border: 0; border-radius: 9px; padding: 8px 13px; }
.bai-chat-form button:disabled, .bai-lead-form button:disabled { opacity: .5; cursor: wait; }
.bai-privacy-note { margin: 0; padding: 0 14px 7px; color: #65736c; font-size: 10px; }
.bai-privacy-note a { color: var(--bai-accent); text-decoration: underline; }
.bai-consent { display: flex; align-items: flex-start; gap: 6px; padding: 0 14px 8px; font-size: 11px; color: #52625a; }
.bai-consent input { margin: 3px 0 0; }
.bai-lead-toggle { border: 0; border-top: 1px solid #edf0ee; background: #fff; color: var(--bai-accent); padding: 9px; text-align: center; font-weight: 700 !important; }
.bai-lead-highlight { background: #edf5f0; }
.bai-lead-form { overflow-y: auto; display: grid; gap: 8px; padding: 12px 14px; max-height: 310px; border-top: 1px solid #e8ece9; background: #fff; }
.bai-lead-form p { margin: 0; font-size: 12px; }
.bai-lead-form label:not(.bai-consent) { display: grid; gap: 3px; font-size: 12px; }
.bai-lead-form input:not([type=checkbox]), .bai-lead-form textarea { width: 100%; border: 1px solid #d4ddd8; border-radius: 7px; padding: 7px; color: #202927; }
.bai-lead-form .bai-consent { padding: 0; }
.bai-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.bistoon-ai :focus-visible { outline: 3px solid #b28b52; outline-offset: 2px; }
@media (max-width: 640px) { .bistoon-ai, .bistoon-ai--left { right: 10px; left: 10px; bottom: 10px; } .bai-panel { width: 100%; max-height: calc(100dvh - 88px); } .bai-launcher, .bistoon-ai--left .bai-launcher { margin-right: 0; margin-left: auto; } }
@media (prefers-reduced-motion: reduce) { .bistoon-ai * { scroll-behavior: auto !important; transition: none !important; } }