.wai-root{--wai-color:#2457d6;--wai-size:16px;position:fixed;bottom:16px;z-index:99999;font-family:var(--wai-font,inherit);font-size:var(--wai-size);line-height:1.45}
.wai-right{right:16px}.wai-left{left:16px}
.wai-root *{box-sizing:border-box;font-family:inherit}
.wai-root button,.wai-root input,.wai-root textarea{font-size:inherit}
.wai-toggle{width:56px;height:56px;border:0;border-radius:50%;background:var(--wai-color);color:#fff;font-size:26px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.wai-toggle:focus-visible,.wai-send:focus-visible,.wai-input:focus-visible,.wai-new:focus-visible,.wai-close:focus-visible{outline:3px solid #000;outline-offset:2px}
.wai-panel{position:absolute;bottom:68px;width:min(24em,calc(100vw - 32px));height:min(560px,calc(100vh - 100px));display:flex;flex-direction:column;background:#fff;color:#1a1d21;border:1px solid #d6dae0;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);overflow:hidden}
.wai-panel[hidden]{display:none}
.wai-right .wai-panel{right:0}.wai-left .wai-panel{left:0}
.wai-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--wai-color);color:#fff}
.wai-title{flex:1;display:flex;flex-direction:column;min-width:0}
.wai-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wai-badge{font-size:.72em;opacity:.9}
.wai-new{background:rgba(255,255,255,.2);color:#fff;border:0;border-radius:6px;padding:4px 8px;font-size:.78em;cursor:pointer}
.wai-close{background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.wai-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#f6f7f9}
.wai-msg{display:flex;flex-direction:column;max-width:88%}
.wai-user{align-self:flex-end;align-items:flex-end}.wai-assistant{align-self:flex-start}
.wai-bubble{padding:8px 12px;border-radius:12px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}
.wai-user .wai-bubble{background:var(--wai-color);color:#fff;border-bottom-right-radius:4px}
.wai-assistant .wai-bubble{background:#fff;border:1px solid #e1e4e8;border-bottom-left-radius:4px}
.wai-bubble a{color:inherit;text-decoration:underline}
.wai-fb{display:flex;gap:4px;margin-top:2px}
.wai-fbtn{border:0;background:none;cursor:pointer;opacity:.5;font-size:.9em;padding:2px 4px}
.wai-fbtn:hover,.wai-fbtn.wai-on{opacity:1}
.wai-form{display:flex;gap:8px;padding:10px;border-top:1px solid #e1e4e8;background:#fff}
.wai-input{flex:1;min-width:0;padding:9px 10px;border:1px solid #c7ccd3;border-radius:8px;font-size:max(16px,1em)}
.wai-send{padding:0 14px;border:0;border-radius:8px;background:var(--wai-color);color:#fff;cursor:pointer}
.wai-send:disabled{opacity:.6;cursor:default}
@media (max-width:480px){.wai-panel{position:fixed;inset:0;width:auto;height:auto;border-radius:0;bottom:0}.wai-right .wai-panel,.wai-left .wai-panel{left:0;right:0}}
@media (prefers-reduced-motion:no-preference){.wai-toggle{transition:transform .15s}.wai-toggle:hover{transform:scale(1.06)}}

.wai-contact-link{background:none;border:0;border-top:1px solid #e1e4e8;padding:6px 12px;text-align:left;font-size:.82em;color:var(--wai-color);cursor:pointer;text-decoration:underline}
.wai-offer{align-self:flex-start;margin-top:4px;padding:5px 10px;border:1px solid var(--wai-color);border-radius:14px;background:#fff;color:var(--wai-color);font-size:.82em;cursor:pointer}
.wai-contact{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#fff}
.wai-contact[hidden],.wai-messages[hidden],.wai-form[hidden],.wai-contact-link[hidden]{display:none}
.wai-lbl{display:flex;flex-direction:column;gap:3px;font-size:.82em}
.wai-lbl input,.wai-lbl textarea{padding:8px;border:1px solid #c7ccd3;border-radius:8px;font-size:max(16px,1em);font-family:inherit}
.wai-consent{font-size:.75em;line-height:1.4}
.wai-trap{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.wai-cerr{color:#b3261e;font-size:.82em;min-height:1em}
.wai-cbtns{display:flex;gap:8px}
.wai-cancel{background:#eef0f3;color:#1a1d21;padding:8px 12px;font-size:14px}

.wai-toggle{position:relative;padding:0;overflow:visible}
.wai-toggle-av{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.wai-dot{position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#d93025;border:2px solid #fff}
.wai-dot[hidden]{display:none}
.wai-head-av{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none;background:#fff}
.wai-mute{background:none;border:0;color:#fff;font-size:1.05em;cursor:pointer;padding:2px 4px}
.wai-mute:focus-visible{outline:3px solid #000;outline-offset:2px}
.wai-line{display:flex;align-items:flex-end;gap:6px}
.wai-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}

.wai-badge,.wai-new{white-space:nowrap}
.wai-head{flex-wrap:wrap;row-gap:4px}

.wai-cards{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.wai-card{display:flex;gap:8px;background:#fff;border:1px solid #e1e4e8;border-radius:10px;overflow:hidden;color:#1a1d21}
.wai-card-img{width:72px;height:72px;object-fit:cover;flex:none;background:#eef0f3}
.wai-card-body{padding:6px 8px;display:flex;flex-direction:column;gap:1px;min-width:0;font-size:.88em}
.wai-card-body strong{overflow:hidden;text-overflow:ellipsis}
.wai-card-price{font-weight:600}
.wai-in{color:#1e7a3c}.wai-out{color:#b3261e}
.wai-card-link{color:var(--wai-color);text-decoration:underline;font-size:.9em}
.wai-ointro,.wai-omsg{font-size:.85em;margin:4px 0}
.wai-oresult{background:#f6f7f9;border:1px solid #e1e4e8;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px}
.wai-oresult[hidden],.wai-ointro[hidden],.wai-lbl[hidden]{display:none}

/* Scroll: musfjädern/touch i rutan ska inte scrolla sidan */
.wai-messages,.wai-contact{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.wai-panel{overscroll-behavior:contain}
html.wai-lock,body.wai-lock{overflow:hidden!important;overscroll-behavior:none}
@media (max-width:480px){.wai-panel{height:100vh;height:100dvh}}

/* Markdown i assistentens svar */
.wai-bubble.wai-md{white-space:normal}
.wai-md p{margin:0}.wai-md p+p,.wai-md p+ul,.wai-md p+ol,.wai-md ul+p,.wai-md ol+p{margin-top:.5em}
.wai-md ul,.wai-md ol{margin:.3em 0 0;padding-left:1.4em}
.wai-md li{margin:.1em 0}
.wai-md strong{font-weight:700}

/* Snabbfrågor */
.wai-quick{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:4px 12px 12px;background:#f6f7f9;border:0}
.wai-quick[hidden]{display:none}
.wai-qbtn{border:1px solid rgba(0,0,0,.08);background:#fff;color:#2b2f36;border-radius:999px;padding:8px 15px;font-size:.84em;font-weight:500;line-height:1.2;cursor:pointer;text-align:left;max-width:100%;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.wai-qbtn:hover{border-color:var(--wai-color);color:var(--wai-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}
.wai-qbtn:active{transform:scale(.97)}
@media (prefers-reduced-motion:no-preference){.wai-qbtn{transition:border-color .15s,color .15s,box-shadow .15s,transform .1s}}
.wai-qbtn:focus-visible,.wai-offer:focus-visible,.wai-teaser:focus-visible,.wai-contact-link:focus-visible,.wai-fbtn:focus-visible,.wai-mute:focus-visible{outline:3px solid #000;outline-offset:2px}

/* Kontakterbjudande */
.wai-offer-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.wai-offer-row .wai-offer{margin-top:0}
.wai-offer-no{border-color:#c7ccd3;color:#1a1d21}

/* Hälsningsbubbla bredvid startknappen (56px knapp + 10px luft) */
.wai-teaser{position:absolute;bottom:8px;width:max-content;max-width:min(16em,calc(100vw - 112px));padding:9px 13px;border:1px solid #d6dae0;border-radius:14px;background:#fff;color:#1a1d21;font-size:.9em;line-height:1.35;text-align:left;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2);opacity:0}
.wai-right .wai-teaser{right:66px}.wai-left .wai-teaser{left:66px}
.wai-teaser[hidden]{display:none}
.wai-teaser.wai-in-view{opacity:1}
@media (prefers-reduced-motion:no-preference){
.wai-teaser{transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
.wai-teaser.wai-in-view{transform:none}
}/* Mobil: panelen täcker hela skärmen, så startknappen (som ligger sist i DOM) får inte ligga ovanpå skicka-knappen. Stäng görs med × i huvudet. */
@media (max-width:480px){.wai-toggle[aria-expanded="true"]{display:none}}