.bbai{--bbai-teal:#007f91;--bbai-ink:#032c37;position:fixed;right:24px;bottom:24px;z-index:99990;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.bbai-launcher{border:0;border-radius:999px;background:linear-gradient(135deg,#006e7f,#03414e);color:#fff;padding:10px 18px 10px 10px;display:flex;align-items:center;gap:11px;box-shadow:0 15px 42px rgba(0,34,43,.3);cursor:pointer;text-align:left}
.bbai-launcher-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--bbai-teal);font-size:22px}
.bbai-launcher span:last-child{display:grid}.bbai-launcher b{font-size:.87rem}.bbai-launcher small{opacity:.8;font-size:.72rem;margin-top:2px}
.bbai-dialog{position:absolute;right:0;bottom:74px;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 120px));background:#fff;border:1px solid rgba(3,44,55,.14);border-radius:20px;box-shadow:0 26px 80px rgba(0,27,35,.3);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto auto;opacity:0;visibility:hidden;transform:translateY(14px) scale(.97);transform-origin:bottom right;transition:.2s ease}
.bbai-open .bbai-dialog{opacity:1;visibility:visible;transform:none}
.bbai-dialog>header{display:flex;align-items:center;gap:11px;padding:17px 18px;background:linear-gradient(135deg,#032c37,#006b7b);color:#fff}
.bbai-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#fff,#dff3f5);color:#005f70;font-family:Georgia,serif;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff80}.bbai-mark>b{font:800 15px Georgia,serif}
.bbai-dialog>header div{display:grid;flex:1;min-width:0}.bbai-dialog>header b{font-size:.92rem}.bbai-dialog>header small{opacity:.9;margin-top:3px;font-size:.72rem;line-height:1.4}
.bbai-dialog>header button{border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:10px;font-size:24px;cursor:pointer}
.bbai-messages{overflow:auto;padding:19px 17px;display:flex;flex-direction:column;gap:11px;background:#f4f7f7}
.bbai-message{max-width:88%;padding:11px 13px;border-radius:14px;font-size:.86rem;line-height:1.5;white-space:pre-wrap}
.bbai-guide{align-self:flex-start;background:#fff;color:#173e46;border:1px solid #dce8e9;border-bottom-left-radius:4px}.bbai-visitor{align-self:flex-end;background:var(--bbai-teal);color:#fff;border-bottom-right-radius:4px}.bbai-status{align-self:flex-start;color:#65797d;background:transparent;padding-left:2px}
.bbai-quick{display:flex;flex-wrap:wrap;gap:7px;padding:10px 14px;background:#fff;border-top:1px solid #e4ecec}.bbai-quick button{flex:0 0 auto;border:1px solid #bad6da;background:#eff8f8;color:#075566;border-radius:999px;padding:7px 10px;font-size:.7rem;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.bbai-quick button:hover{border-color:#75b9c2;background:#e0f2f3;transform:translateY(-1px)}
.bbai-dialog form{display:grid;grid-template-columns:1fr auto;gap:9px;padding:12px 13px;border-top:1px solid #e4ecec;background:#fff;align-items:end}.bbai-dialog textarea{border:1px solid #bfd0d2;border-radius:12px;padding:11px 12px;resize:none;max-height:112px;font:inherit;font-size:.85rem;line-height:1.4;outline:none}.bbai-dialog textarea:focus{border-color:var(--bbai-teal);box-shadow:0 0 0 3px rgba(0,127,145,.1)}.bbai-dialog form button{border:0;width:42px;height:42px;border-radius:12px;background:var(--bbai-teal);color:#fff;font-size:19px;cursor:pointer}.bbai-dialog>footer{padding:7px 14px 11px;background:#fff;color:#6a7e82;font-size:.64rem}.bbai-dialog>footer a{color:#006b7b;font-weight:700}
@media(max-width:600px){.bbai{right:14px;bottom:14px}.bbai-launcher span:last-child{display:none}.bbai-launcher{padding:8px}.bbai-dialog{position:fixed;inset:12px;width:auto;height:auto;bottom:12px;border-radius:17px}.bbai-open .bbai-launcher{opacity:0;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.bbai-dialog{transition:none}}

/* Automated FAQ status and usable phone controls. */
.bbai button,.bbai a,.bbai textarea{box-sizing:border-box}.bbai button{min-height:44px;min-width:44px}.bbai button:disabled{opacity:.55;cursor:wait}.bbai button:focus-visible,.bbai a:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}.bbai [hidden]{display:none!important}
.bbai-dialog{width:min(420px,calc(100vw - 28px));height:min(660px,calc(100vh - 120px));height:min(660px,calc(100dvh - 120px));grid-template-rows:auto minmax(0,1fr) auto auto auto auto}
.bbai-dialog>header{padding:12px 14px;gap:10px}.bbai-mark{flex-shrink:0}.bbai-dialog>header button{width:44px;height:44px;flex-shrink:0}.bbai-messages{min-height:70px;overscroll-behavior:contain}.bbai-message{max-width:94%;overflow-wrap:anywhere}
.bbai-answer-links{display:grid;gap:3px;margin-top:8px;white-space:normal}.bbai-answer-links a{color:#005d70;font-size:.82rem;min-height:44px;display:flex;align-items:center;text-decoration:underline}
.bbai-quick{gap:6px;padding:7px 12px}.bbai-quick button{border-radius:14px;padding:8px 10px;font-size:.75rem}.bbai-dialog form{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}.bbai-dialog textarea{width:100%;min-height:44px;font-size:16px}.bbai-dialog form button{width:44px;height:44px}
.bbai-request-status{display:flex;align-items:center;gap:6px;padding:0 12px;color:#3c6269;background:#fff;font-size:.75rem;line-height:1.4}.bbai-request-status span{flex:1}.bbai-request-status button{border:1px solid #bfd0d2;border-radius:8px;background:#f4f7f7;color:#173e46;padding:7px;font-size:.75rem}
.bbai-dialog>footer{padding:8px 12px;font-size:.72rem;line-height:1.4;color:#526a70}.bbai-dialog>footer a{display:inline-flex;align-items:center;min-height:44px;margin-right:8px}
@media(max-width:600px){.bbai{bottom:calc(14px + env(safe-area-inset-bottom,0px))}.bbai-dialog{inset:8px 8px auto;width:auto;height:calc(100vh - 16px);height:calc(100dvh - 16px - env(safe-area-inset-bottom,0px))}.bbai-quick{flex-wrap:nowrap;overflow-x:auto}.bbai-quick button{flex:0 0 auto}.bbai-dialog>footer{font-size:.7rem}}
@media(max-height:500px){.bbai-dialog>footer{max-height:76px;overflow:auto}.bbai-dialog>header{padding:5px 10px}.bbai-quick{padding:3px 10px}.bbai-messages{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.bbai-dialog{transform:none}.bbai-quick button{transition:none}}
/* On the embedded mobile Studio, a fixed chat launcher covers the camera and step controls. */
/* A calm conversation frame with honest AI identity and an explicit team handoff. */
body:has([data-bbai]) .premium-site-footer .footer-bottom{padding-bottom:88px}@media(max-width:600px){body:has([data-bbai]) .premium-site-footer .footer-bottom{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}
.bbai-dialog{grid-template-rows:auto minmax(0,1fr) auto auto auto auto auto}.bbai-dialog>header{background:linear-gradient(135deg,#062f3d,#007589)}.bbai-messages{background:linear-gradient(180deg,#f1f8fa,#f9fcfd);gap:16px}.bbai-message{box-shadow:0 3px 10px #06334106;line-height:1.6}.bbai-guide::before,.bbai-visitor::before{display:block;font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.5px;margin-bottom:5px;opacity:.75}.bbai-guide::before{content:"BONTRAGER AI GUIDE"}.bbai-visitor::before{content:"YOU"}.bbai-answer-links a{min-height:32px;font-size:.75rem;text-decoration:none;border-bottom:1px solid #deebef}.bbai-answer-links a:hover{text-decoration:underline}.bbai-team-handoff{padding:6px 12px;background:#fff;border-top:1px solid #e4ecec}.bbai-team-handoff>button{width:100%;border:1px solid #9ec5ce;border-radius:9px;background:#f1fafb;color:#006b7b;font-weight:600;font-size:.79rem;padding:8px 12px}.bbai-dialog .bbai-team-handoff form{display:flex;flex-direction:column;gap:10px;border:0;padding:0;background:transparent;align-items:stretch}.bbai-team-handoff h3{margin:4px 0;color:#032c37;font-size:1.05rem}.bbai-team-handoff p{margin:0;font-size:.79rem;line-height:1.55}.bbai-team-handoff label{font-size:.78rem;font-weight:600;color:#214b59;display:grid;gap:4px}.bbai-team-handoff input,.bbai-team-handoff textarea{border:1px solid #bfd0d2;border-radius:8px;padding:10px;width:100%;font:inherit;font-size:16px;box-sizing:border-box}.bbai-team-handoff textarea{max-height:none;resize:vertical}.bbai-team-handoff .bbai-handoff-consent{display:flex;align-items:flex-start;gap:8px;font-weight:400;line-height:1.5}.bbai-handoff-consent input{width:18px;height:18px;margin-top:2px;flex:0 0 18px}.bbai-dialog .bbai-team-handoff form button{width:auto;height:auto;font-size:.8rem;padding:10px 12px}.bbai-dialog .bbai-team-handoff form [data-bbai-handoff-cancel]{background:#eff6f8;color:#005d70;border:1px solid #bdd4dd}.bbai-honeypot{position:absolute!important;left:-10000px!important}.bbai-handoff-open .bbai-messages,.bbai-handoff-open .bbai-quick,.bbai-handoff-open [data-bbai-form],.bbai-handoff-open .bbai-request-status,.bbai-handoff-open .bbai-team-handoff>button,.bbai-handoff-open .bbai-dialog>footer{display:none}.bbai-handoff-open .bbai-team-handoff{grid-row:2 / -1;overflow:auto;padding:15px;min-height:0}.bbai-dialog:has([data-bbai-form][aria-busy=true]) [data-bbai-status]::after{content:" ···";animation:bbai-working 1s ease-in-out infinite}@keyframes bbai-working{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.bbai-dialog:has([data-bbai-form][aria-busy=true]) [data-bbai-status]::after{animation:none}}
@media(max-width:600px){body:has(.bbds-embed iframe) .bbai{position:relative;inset:auto;z-index:1;display:flex;justify-content:flex-end;width:auto;margin:0;padding:16px 14px 24px;background:#032c37}body:has(.bbds-embed iframe) .bbai-launcher{width:auto;padding:8px 14px 8px 8px}body:has(.bbds-embed iframe) .bbai-launcher span:last-child{display:grid}}

/* Conversation layout: reserve the most room for answers and keep the disclosure legible. */
.bbai{--bbai-teal:#006f80}
.bbai-launcher:hover{box-shadow:0 18px 46px rgba(0,34,43,.36)}
.bbai-dialog{
    height:min(610px,calc(100vh - 116px));
    height:min(610px,calc(100dvh - 116px));
    border-radius:22px;
    box-shadow:0 28px 78px rgba(0,27,35,.28);
}
.bbai-dialog>header{padding:14px 16px}
.bbai-dialog>header b{font-size:.96rem;line-height:1.25}
.bbai-dialog>header small{font-size:.75rem;line-height:1.35}
.bbai-dialog>header button:hover{background:rgba(255,255,255,.22)}
.bbai-messages{padding:17px 16px;gap:13px}
.bbai-message{max-width:92%;padding:12px 14px;font-size:.875rem;line-height:1.55}
.bbai-guide::before,.bbai-visitor::before{font-size:.66rem;line-height:1.3;letter-spacing:.06em}
.bbai-guide::before{color:#37646c;opacity:1}
.bbai-answer-links{gap:0;margin-top:9px;padding-top:3px;border-top:1px solid #e4eef0}
.bbai-answer-links a{min-height:32px;padding:7px 0;font-size:.8rem;line-height:1.4;text-decoration:underline;text-underline-offset:2px}
.bbai-quick{flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:8px 13px;scrollbar-width:none}
.bbai-quick::-webkit-scrollbar{display:none}
.bbai-quick button{border-radius:999px;padding:9px 12px;font-size:.77rem;line-height:1.2;white-space:nowrap}
.bbai-dialog form[data-bbai-form]{padding:10px 12px;gap:8px}
.bbai-dialog textarea{color:#173e46;background:#fff}
.bbai-dialog form[data-bbai-form] button:hover{background:#005a6a}
.bbai-request-status:has([data-bbai-status]:not(:empty)){padding:6px 12px;border-top:1px solid #edf2f3}
.bbai-request-status span{font-size:.77rem}
.bbai-team-handoff{padding:7px 12px}
.bbai-team-handoff>button{border-radius:10px;font-size:.8rem;font-weight:700;padding:10px 12px}
.bbai-team-handoff>button:hover{border-color:#67aeb9;background:#e3f4f6}
.bbai-handoff-fallback a{display:inline-block;color:#006477;font-weight:700;text-decoration:underline;text-underline-offset:2px;margin-right:8px}
.bbai-dialog>footer{padding:10px 13px 12px;border-top:1px solid #e7eef0;background:#fbfdfd;color:#455f67;font-size:.75rem;line-height:1.48}
.bbai-dialog>footer a{display:inline-block;min-height:0;margin-right:11px;padding:5px 0;color:#006477;font-size:inherit;font-weight:700;line-height:1.35;text-decoration:underline;text-underline-offset:2px}
.bbai-team-handoff form>div{display:flex;flex-wrap:wrap;gap:8px}
.bbai-dialog .bbai-team-handoff form>div button{flex:1 1 140px;min-height:44px}

@media(max-width:600px){
    .bbai-dialog{inset:calc(8px + env(safe-area-inset-top,0px)) 8px calc(8px + env(safe-area-inset-bottom,0px)) 8px;width:auto;height:auto;max-height:none;border-radius:16px}
    .bbai-dialog>header{padding:11px 13px}
    .bbai-messages{padding:14px 12px;gap:12px}
    .bbai-message{max-width:96%;font-size:.9375rem}
    .bbai-quick{padding:8px 11px}
    .bbai-dialog>footer{padding:9px 12px 11px;font-size:.75rem}
}
