.broks-live-chat{--broks-chat-bottom:24px;--broks-chat-height:620px;--broks-chat-motion:400ms;position:fixed;z-index:70;bottom:calc(var(--broks-chat-bottom) + env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right));width:64px;font-family:'DM Sans',Arial,sans-serif;color:#173a47;line-height:1.45;opacity:0;transform:translateX(430px);transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .35s;pointer-events:none}
.broks-live-chat[hidden],.broks-live-chat [hidden]{display:none!important}
.broks-live-chat[data-side=left]{right:auto;left:max(24px,env(safe-area-inset-left));transform:translateX(-430px)}
.broks-live-chat.is-visible{transform:translateX(0);opacity:1;pointer-events:auto}
.broks-live-chat button,.broks-live-chat textarea{font:inherit}
.broks-live-chat button{cursor:pointer}
.broks-live-chat button:disabled{opacity:.6;cursor:wait}
.broks-live-chat button:focus-visible,.broks-live-chat a:focus-visible,.broks-live-chat summary:focus-visible{outline:3px solid #e2ac41;outline-offset:4px}
.broks-live-chat svg{width:24px;height:24px;flex:none}
.broks-chat-launcher{position:relative;display:grid;place-items:center;width:64px;height:64px;border:1px solid #59b7b5;border-radius:50%;background:linear-gradient(135deg,#168d8d,#065a63);color:white;box-shadow:0 8px 28px #07495335,0 2px 6px #07495324;transition:transform .2s,box-shadow .2s}
.broks-chat-launcher>svg{width:29px;height:29px}
.broks-chat-unread{position:absolute;right:-2px;top:-3px;min-width:23px;height:23px;padding:2px 5px;border:2px solid white;border-radius:20px;background:#b75034;color:white;font-size:11px;font-weight:800;text-align:center}
.broks-chat-teaser{position:absolute;right:77px;bottom:3px;width:286px;min-height:104px;border:1px solid #c5e3df;border-radius:18px 18px 4px 18px;background:#fff;box-shadow:0 8px 32px #163b4b20;transform-origin:bottom right;transform:translateX(22px) scale(.85);opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--broks-chat-motion) cubic-bezier(.2,.75,.2,1),opacity var(--broks-chat-motion),visibility var(--broks-chat-motion);overflow:hidden}
.broks-live-chat[data-side=left] .broks-chat-teaser{right:auto;left:77px;transform-origin:bottom left;border-radius:18px 18px 18px 4px;transform:translateX(-22px) scale(.85)}
.broks-live-chat.has-teaser .broks-chat-teaser{opacity:1;visibility:visible;transform:translateX(0) scale(1);pointer-events:auto}
.broks-chat-teaser-open{width:100%;padding:19px 32px 18px 20px;border:0;background:transparent;text-align:left;color:#183d49}
.broks-chat-mini-brand{display:block;font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;color:#087d80;margin-bottom:8px}
.broks-chat-teaser strong{display:block;font-size:15px;font-weight:600;line-height:1.4}
.broks-chat-teaser-action{display:flex;gap:8px;align-items:center;color:#087d80;font-size:12px;font-weight:700;margin-top:10px}
.broks-chat-teaser-action svg{width:16px;height:16px}
.broks-chat-teaser-dismiss{position:absolute;top:7px;right:6px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#607d84;padding:0}
.broks-chat-teaser-dismiss svg{width:16px;height:16px}
.broks-chat-panel{position:absolute;right:0;bottom:78px;display:flex;flex-direction:column;width:390px;max-width:calc(100vw - 36px);height:620px;max-height:var(--broks-chat-height);background:#fff;border:1px solid #d7e6e8;border-radius:20px;box-shadow:0 18px 60px #0b33472b,0 2px 8px #0b334712;overflow:auto;overscroll-behavior:contain;animation:broks-chat-open .22s cubic-bezier(.2,.65,.3,1)}
.broks-live-chat[data-side=left] .broks-chat-panel{left:0;right:auto}
.broks-chat-header{position:static;z-index:auto;display:flex;align-items:center;gap:12px;padding:19px 18px 16px;background:#075e65;backdrop-filter:none;border:0;color:#fff;flex:none}
.broks-chat-team-avatar{width:40px;height:40px;border:1px solid #ffffff75;border-radius:13px;display:grid;place-items:center;background:#ffffff12;font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:800;flex:none}
.broks-chat-header>div:nth-child(2){flex:1;min-width:0}
.broks-chat-header h2{font-family:Manrope,Arial,sans-serif;font-size:17px;letter-spacing:-.02em;line-height:1.3;color:#fff;margin:0;overflow-wrap:anywhere}
.broks-chat-header p{font-size:11px;color:#c5e6e5;margin:4px 0 0;letter-spacing:.02em}
.broks-chat-close{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #ffffff25;border-radius:50%;padding:0;background:#ffffff0a;color:white}
.broks-chat-close svg{width:20px;height:20px}
.broks-chat-availability{padding:10px 18px 6px;color:#5d737c;font-size:11px;line-height:1.5;flex:none}
.broks-chat-topics{display:flex;gap:6px;padding:7px 16px 12px;border-bottom:1px solid #e6eff0;flex:none}
.broks-chat-topics button{flex:1;padding:9px 7px;min-height:38px;line-height:1.25;color:#425d68;border:1px solid #d4e5e5;border-radius:8px;background:#fff;font-size:11px;font-weight:600}
.broks-chat-topics button[aria-pressed=true]{background:#e7f5f1;color:#065e64;border-color:#81c0b8}
.broks-chat-messages{flex:1;min-height:95px;padding:18px 16px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(155deg,#f4f9f9,#fcfdfd)}
.broks-chat-messages:focus-visible{outline:2px solid #38a9a2;outline-offset:-3px}
.broks-chat-welcome{border:1px solid #deebeb;background:#fff;padding:17px 18px;border-radius:3px 14px 14px 14px;max-width:94%;margin-bottom:16px}
.broks-chat-welcome p{font-size:14px;line-height:1.55;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.broks-chat-visit-label{text-align:center;font-size:10px;color:#6c858c;margin:9px 0 18px}
.broks-chat-message{width:fit-content;max-width:89%;padding:10px 13px;margin:0 auto 12px 0;border:1px solid #dce9e9;border-radius:4px 14px 14px 14px;background:#fff;color:#173a47;overflow-wrap:anywhere}
.broks-chat-message.from-visitor{margin-right:0;margin-left:auto;background:#087b80;border-color:#087b80;color:#fff;border-radius:14px 4px 14px 14px}
.broks-chat-message-name{display:block;font-size:10px;font-weight:700;margin-bottom:5px;color:#527079}
.broks-chat-message.from-visitor .broks-chat-message-name{color:#d5f0ed}
.broks-chat-message p{font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word;margin:0}
.broks-chat-message-meta{display:block;text-align:right;font-size:9px;color:#627e88;margin-top:6px}
.broks-chat-message.from-visitor .broks-chat-message-meta{color:#d0eeeb}
.broks-chat-status{display:flex;gap:8px;justify-content:space-between;align-items:center;flex:none;border-top:1px solid #e4eeee;padding:9px 15px;background:#f5faf8;color:#2d665e;font-size:11px;line-height:1.4}
.broks-chat-status.is-error{color:#8b4236;background:#fff6ef}
.broks-chat-status button{padding:5px 7px;flex:none;max-width:42%;border:1px solid currentColor;border-radius:5px;color:inherit;background:transparent;font-size:11px;font-weight:600}
.broks-chat-compose{padding:12px 14px 8px;border-top:1px solid #e1ecec;flex:none;background:#fff}
.broks-chat-compose textarea{display:block;min-height:60px;height:60px;max-height:130px;width:100%;resize:vertical;border:0;border-radius:6px;padding:8px 9px;color:#193d49;background:#f5f8f8;font-size:14px;line-height:1.5;box-shadow:none}
.broks-chat-compose textarea::placeholder{font-size:14px;color:#70858b}
.broks-chat-compose textarea:focus{outline:2px solid #087d80;outline-offset:1px}
.broks-chat-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}
.broks-chat-compose-bottom>span{font-size:10px;color:#789097}
.broks-chat-compose-bottom button{display:flex;align-items:center;gap:9px;min-height:36px;padding:8px 12px;background:#087d80;border:1px solid #087d80;border-radius:7px;color:white;font-size:12px;font-weight:700}
.broks-chat-compose-bottom svg{width:16px;height:16px}
.broks-chat-preferences{padding:2px 17px 8px;color:#607b82;font-size:11px;flex:none}
.broks-chat-preferences summary{cursor:pointer;width:fit-content;padding:5px 0;text-decoration:underline;text-underline-offset:3px}
.broks-chat-preferences label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin:7px 0;color:#234e58}
.broks-chat-preferences input{width:18px;height:18px;min-height:18px;flex:none;padding:0;margin:0;accent-color:#087d80}
.broks-chat-preferences p{margin:5px 0 7px;font-size:11px;line-height:1.55}
.broks-chat-preferences a{text-decoration:underline}
.broks-chat-contact{display:flex;align-items:center;justify-content:center;gap:10px;flex:none;padding:9px 12px 11px;border-top:1px solid #edf2f2;font-size:10px;color:#506c75}
.broks-chat-contact a:hover{text-decoration:underline}
.broks-chat-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.broks-chat-visible .mobile-cta{display:none}
@media(hover:hover) and (pointer:fine){.broks-chat-launcher:hover{transform:translateY(-2px);box-shadow:0 10px 30px #087d8050,0 0 0 5px #30aeab15}.broks-chat-close:hover{background:#ffffff20}.broks-chat-teaser-open:hover{background:#f6fbfa}.broks-chat-compose-bottom button:hover{background:#06666a}.broks-chat-topics button:hover{background:#f0f9f7}}
@media(max-width:600px){.broks-live-chat{right:max(16px,env(safe-area-inset-right));width:54px}.broks-live-chat[data-side=left]{left:max(16px,env(safe-area-inset-left))}.broks-chat-launcher{width:54px;height:54px}.broks-chat-launcher>svg{width:25px;height:25px}.broks-chat-panel{bottom:66px;width:min(376px,calc(100vw - 32px));max-width:calc(100vw - 32px);border-radius:16px}.broks-chat-teaser{right:64px;bottom:0;width:min(203px,calc(100vw - 105px));min-height:0;border-radius:13px 13px 3px 13px}.broks-live-chat[data-side=left] .broks-chat-teaser{left:64px;border-radius:13px 13px 13px 3px}.broks-chat-teaser-open{padding:12px 23px 12px 13px}.broks-chat-teaser strong{font-size:12px;line-height:1.4}.broks-chat-teaser .broks-chat-mini-brand{font-size:8px;margin-bottom:5px}.broks-chat-teaser-action{display:none}.broks-chat-teaser-dismiss{width:24px;height:24px;top:3px;right:2px}.broks-chat-header{padding:15px}.broks-chat-header h2{font-size:16px}.broks-chat-availability{padding-top:8px;font-size:10px}.broks-chat-topics{padding-bottom:10px}.broks-chat-compose textarea,.broks-chat-compose textarea::placeholder{font-size:16px}.broks-chat-contact{font-size:11px}.broks-chat-topics button{min-height:41px;font-size:11px}body.broks-chat-visible footer{padding-bottom:84px}body.broks-chat-visible .analytics-choice{bottom:12px}}
@media(max-height:680px){.broks-chat-header{padding-top:11px;padding-bottom:11px}.broks-chat-availability{padding-top:6px}.broks-chat-topics{padding-top:5px;padding-bottom:7px}.broks-chat-welcome{padding:12px}.broks-live-chat.has-messages .broks-chat-welcome{display:none}.broks-chat-compose textarea{min-height:45px;height:45px}.broks-chat-compose{padding-top:8px}.broks-chat-contact{padding-top:6px;padding-bottom:7px}}
@keyframes broks-chat-open{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.broks-live-chat,.broks-chat-teaser,.broks-chat-launcher{transition:none}.broks-chat-panel{animation:none}.broks-chat-launcher:hover{transform:none}}

/* Resting edge tab: three quarters hidden, with a larger invisible touch target. */
.broks-live-chat{--broks-dock-width:64px}
.broks-live-chat.is-visible:not(.has-teaser):not(.is-open){right:calc(var(--broks-dock-width) * -.75);left:auto}
.broks-live-chat.is-visible[data-side=left]:not(.has-teaser):not(.is-open){left:calc(var(--broks-dock-width) * -.75);right:auto}
.broks-live-chat:not(.has-teaser):not(.is-open) .broks-chat-launcher{border-radius:12px;box-shadow:0 2px 9px #07495324;height:64px}
.broks-live-chat:not(.has-teaser):not(.is-open) .broks-chat-launcher>svg{visibility:hidden}
.broks-live-chat:not(.has-teaser):not(.is-open) .broks-chat-launcher:before{content:'';position:absolute;inset:0 0 0 -20px}
.broks-live-chat[data-side=left]:not(.has-teaser):not(.is-open) .broks-chat-launcher:before{inset:0 -20px 0 0}
.broks-live-chat:not(.has-teaser):not(.is-open) .broks-chat-launcher:after{content:'';position:absolute;left:7px;top:22px;width:3px;height:20px;background:#fff9;border-radius:3px}
.broks-live-chat[data-side=left]:not(.has-teaser):not(.is-open) .broks-chat-launcher:after{left:auto;right:7px}
.broks-live-chat:not(.has-teaser):not(.is-open) .broks-chat-unread{right:auto;left:-7px;top:-6px}
.broks-live-chat[data-side=left]:not(.has-teaser):not(.is-open) .broks-chat-unread{left:auto;right:-7px}
@media(max-width:600px){
 .broks-live-chat{--broks-dock-width:54px}
 .broks-live-chat.is-visible.is-open,.broks-live-chat.is-visible.is-open[data-side=left]{position:fixed;left:0;right:0;top:var(--broks-chat-viewport-top,0px);bottom:auto;width:100%;height:var(--broks-chat-viewport-height,100dvh);transform:none;transition:none;z-index:1000}
 .broks-live-chat.is-open .broks-chat-panel,.broks-live-chat.is-open[data-side=left] .broks-chat-panel{position:absolute;inset:0;width:100%;max-width:none;height:100%;max-height:none;border:0;border-radius:0;animation:none;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);box-shadow:none}
 .broks-live-chat.is-open .broks-chat-launcher{display:none}
 .broks-live-chat.is-open .broks-chat-header{padding-top:max(12px,env(safe-area-inset-top))}
 .broks-live-chat.is-open .broks-chat-close{width:44px;height:44px}
 .broks-live-chat.is-open .broks-chat-messages{min-height:0;flex:1 1 0;overflow-y:auto;-webkit-overflow-scrolling:touch}
 .broks-live-chat.is-open .broks-chat-compose,.broks-live-chat.is-open .broks-chat-preferences,.broks-live-chat.is-open .broks-chat-contact{flex-shrink:0}
 .broks-live-chat.is-open .broks-chat-preferences[open]{max-height:28%;overflow:auto}
 .broks-live-chat.is-open .broks-chat-contact{display:none}
 .broks-live-chat.is-open .broks-chat-availability{display:none}
 .broks-live-chat.is-open .broks-chat-compose textarea{min-height:40px;height:40px}
}
