.bla-chat{--gold:#bfa15e;--ink:#171717;box-sizing:border-box;max-width:560px;margin:24px auto;background:#fcfaf5;border:1px solid #dacda9;border-radius:20px;overflow:hidden;font:16px/1.55 system-ui,sans-serif;color:var(--ink);box-shadow:0 12px 45px #17171712}.bla-chat *{box-sizing:border-box}.bla-chat header{display:flex;gap:15px;align-items:center;background:var(--ink);color:#fff;padding:22px}.bla-chat header strong{font-size:23px;letter-spacing:1px}.bla-chat header small{font-size:11px;color:#e2cc99}.bla-chat header span:not(.bla-mark){font-size:12px;color:#e0d9ca}.bla-mark{display:grid;place-items:center;color:var(--gold);border:1px solid var(--gold);width:46px;height:46px;border-radius:50%;font:30px Georgia,serif}.bla-log{padding:22px;max-height:480px;overflow:auto;scroll-behavior:smooth;min-height:100px}.bla-bubble{white-space:pre-wrap;padding:16px 18px;border-radius:16px 16px 16px 3px;background:white;border:1px solid #e8e0d0;margin-bottom:14px;max-width:94%;overflow-wrap:anywhere}.bla-user{margin-left:auto;background:#ece2c9;border-radius:16px 16px 3px 16px}.bla-controls{padding:0 22px 18px;display:flex;flex-wrap:wrap;gap:8px}.bla-chat button,.bla-wa{font:inherit;cursor:pointer;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:10px;padding:11px 15px;text-decoration:none}.bla-chat button:hover{background:#493a1e}.bla-chat button:disabled{opacity:.5;cursor:wait}.bla-chat button:focus-visible,.bla-chat input:focus-visible,.bla-chat a:focus-visible{outline:3px solid #927022;outline-offset:3px}.bla-chat form{width:100%;display:grid;gap:14px}.bla-chat label{display:block;font-size:14px}.bla-chat input:not([type=checkbox]){display:block;width:100%;padding:11px;border:1px solid #a69775;border-radius:8px;background:white;color:#171717}.bla-chat input[type=checkbox]{width:18px;height:18px;vertical-align:middle}.bla-chat a:not(.bla-wa){color:#69501a;text-decoration:underline}.bla-chat .bla-trap{position:absolute;left:-10000px}.bla-chat footer{padding:13px;text-align:center;border-top:1px solid #e5ddcc;font-size:12px;color:#655c4b}.bla-status{padding:0 22px;color:#8b251a}.bla-product{padding:15px;border-left:3px solid var(--gold);margin:0 0 15px;background:#fff}.bla-product p{margin:6px 0;font-size:14px}.bla-wa{background:#245c3c;color:#fff;display:block}@media(max-width:480px){.bla-chat{margin:12px 0;border-radius:12px}.bla-chat header,.bla-log{padding:16px}.bla-controls{padding:0 16px 16px}.bla-controls>button{width:100%;text-align:left}}@media(prefers-reduced-motion:reduce){.bla-log{scroll-behavior:auto}}
.bla-floating{position:fixed;left:18px;bottom:18px;z-index:99999;max-width:calc(100vw - 36px);font-family:system-ui,sans-serif}.bla-floating summary{cursor:pointer;list-style:none;background:#171717;color:#ead9af;border:1px solid #bfa15e;border-radius:40px;padding:12px 19px;font-size:14px;font-weight:600;box-shadow:0 4px 18px #0003}.bla-floating summary::-webkit-details-marker{display:none}.bla-floating summary span{margin-left:12px}.bla-floating details[open] summary{margin-bottom:8px}.bla-floating .bla-chat{width:420px;max-width:calc(100vw - 36px);margin:0;max-height:calc(100dvh - 105px);overflow-y:auto}.bla-floating .bla-log{max-height:36dvh;min-height:0}.bla-floating .bla-chat header{padding:15px}.bla-floating .bla-chat header strong{font-size:19px}.bla-floating .bla-controls>button{padding:9px 12px;font-size:14px}.bla-floating .bla-chat footer{padding:8px}@media(max-width:480px){.bla-floating{left:10px;bottom:10px;max-width:calc(100vw - 20px)}.bla-floating .bla-chat{max-width:calc(100vw - 20px)}.bla-floating .bla-log{max-height:32dvh}.bla-floating summary{font-size:13px;padding:10px 16px}}
