.bbl,[data-team-inbox]{--bbl-ink:#123238;--bbl-teal:#006b71;--bbl-line:#d4e0df;--bbl-mute:#476468;font-family:system-ui,sans-serif}.bbl *,.bbl *::before,.bbl *::after{box-sizing:border-box}.bbl [hidden],[data-team-inbox] [hidden]{display:none!important}.bbl{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));z-index:99990;color:var(--bbl-ink);font-size:15px;line-height:1.45}.bbl button,.bbl input,.bbl textarea{font:inherit}.bbl button{cursor:pointer}.bbl button:focus-visible,.bbl a:focus-visible{outline:3px solid #3ebfc1;outline-offset:2px}.bbl-launch,.bbl-send button,.bbl-follow button:first-child{border:0;border-radius:9px;background:var(--bbl-teal);color:white;padding:10px 16px;font-weight:650}.bbl-launch{padding:13px 21px;box-shadow:0 5px 20px #14383a45;border-radius:24px}.bbl section{width:min(425px,calc(100vw - 32px));height:min(650px,calc(100dvh - 65px));display:flex;flex-direction:column;border:1px solid var(--bbl-line);border-radius:18px;box-shadow:0 12px 60px #082e3938;overflow:auto;background:#fff}.bbl header{position:static;display:flex;align-items:center;gap:9px;padding:15px 17px;background:#133c44;color:#fff}.bbl header div{flex:1}.bbl header b,.bbl header small{display:block;color:#fff}.bbl header b{font-size:19px}.bbl header button{border:1px solid #7aa0a1;border-radius:7px;background:transparent;color:white;padding:5px 9px}.bbl header button:last-child{font-size:21px;line-height:1.1}.bbl-log{min-height:105px;flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:9px}.bbl-line{padding:10px 13px;align-self:flex-start;max-width:90%;border-radius:12px;background:#eff5f4;overflow-wrap:anywhere;color:#15363b}.bbl-line b{font-size:12px;color:#355b61}.bbl-line p{white-space:pre-wrap;margin:3px 0 0;line-height:1.48}.bbl-line.visitor{align-self:flex-end;background:#d9eded}.bbl-line.notice{align-self:center;background:transparent;font-size:.88em}.bbl .bbl-disclosure,.bbl .bbl-status{margin:0;padding:4px 16px;color:#496065;font-size:12px}.bbl-status:empty{display:none}.bbl .bbl-send{display:flex;gap:8px;padding:10px 15px;margin:0}.bbl .bbl-send input,.bbl-follow input:not([type=checkbox]),.bbl-follow textarea{min-width:0;flex:1;border:1px solid #9cafb1;border-radius:7px;background:white;color:#143339;padding:9px 10px}.bbl-actions{display:flex;flex-wrap:wrap;gap:8px}.bbl .bbl-actions{padding:0 15px 10px}.bbl-actions button{border:1px solid #bed1d1;background:#fff;color:#116065;border-radius:7px;padding:6px 9px}.bbl button:disabled{opacity:.55;cursor:default}.bbl .bbl-follow{display:grid;margin:0 15px 10px;padding:12px;gap:7px;border:1px solid var(--bbl-line);border-radius:8px}.bbl-follow label{font-size:13px}.bbl-follow input:not([type=checkbox]),.bbl-follow textarea{display:block;width:100%}.bbl footer{position:static;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 15px;border-top:1px solid var(--bbl-line);background:#f6f9f9}.bbl footer a{font-size:13px;color:#10575b;text-decoration:underline}.bbl.expanded{inset:0}.bbl.expanded section{width:100%;height:100dvh;max-height:none;border-radius:0}.bbl.expanded .bbl-log,.bbl.expanded .bbl-send,.bbl.expanded .bbl-actions,.bbl.expanded .bbl-status,.bbl.expanded .bbl-disclosure{width:min(100%,900px);align-self:center}.bbl-full{overflow:hidden}.bbl-inbox{display:grid;grid-template-columns:minmax(210px,32%) 1fr;gap:16px}.bbl-inbox nav,.bbl-inbox section{min-width:0;border:1px solid var(--bbl-line);border-radius:10px;background:white;padding:16px}.bbl-inbox nav .button{display:block;white-space:normal;text-align:left;margin:0 0 9px;width:100%}.bbl-inbox nav [aria-current=true]{background:#e4f3f1}.bbl-inbox .bbl-log{height:42vh;display:flex;margin:10px 0;background:#fafcfc}.bbl-inbox textarea{width:100%;margin:8px 0}.bbl-inbox form{margin-top:10px}@media(max-width:620px){.bbl{bottom:12px;right:12px}.bbl section{width:calc(100vw - 24px);height:min(620px,calc(100dvh - 26px))}.bbl-inbox{grid-template-columns:1fr}}