#bbdc-chat-widget{position:fixed;right:20px;bottom:20px;z-index:99999;font-family:Inter,system-ui,Arial}
#bbdc-chat-button{background:var(--bbdc-color);color:#fff;border:none;padding:12px 16px;border-radius:28px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 8px 28px rgba(0,0,0,0.22);font-weight:600}
#bbdc-chat-button img.bbdc-btn-icon{width:20px;height:auto;border-radius:0px}
#bbdc-chat-panel{display:none;flex-direction:column;position:fixed;right:20px;bottom:70px;width:360px;max-width:calc(100vw - 40px);height:520px;background:#fff;border-radius:16px;box-shadow:0 20px 55px rgba(0,0,0,0.25);overflow:hidden;animation:bbdcFadeIn .2s ease}
@keyframes bbdcFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#bbdc-chat-header{display:flex;justify-content:space-between;align-items:center;background:var(--bbdc-color);padding:14px;color:#fff}
#bbdc-chat-header .bbdc-header-left{display:flex;align-items:center;gap:10px}
.bbdc-avatar{width: 26px; height: auto; border-radius: 0; background: transparent; display: flex; align-items: center; justify-content: center; font-weight: 700;}
#bbdc-chat-close{background:none;border:none;color:#fff;font-size:22px;font-weight:700;cursor:pointer;padding:4px 8px}
#bbdc-chat-body{overflow:scroll;overflow-x:hidden;height:270px;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f9fafb;scroll-behavior:smooth;padding-bottom: 30px;border-bottom: 1px solid #e6ebf1;}
.bbdc-msg-row{display:flex;align-items:flex-end;gap:8px;max-width:92%}
.bbdc-msg-row.agent{flex-direction:row}
.bbdc-msg-row.user{flex-direction:row-reverse;margin-left:auto}
.bbdc-avatar-sm{width: 30px; height: 30px; border-radius: 100px; background: #ffffff; color: #0b3a68; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; padding: 5px; border: 1px solid #ebebeb;}
.bbdc-avatar-sm.invisible{opacity:0}
.bbdc-avatar-sm img.bbdc-avatar-img{width:28px;height:auto;border-radius:0px;}
.bbdc-bubble{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.4;max-width:100%;position:relative}
.bbdc-bubble p{margin-bottom: 0px;padding-bottom: 0px;}
.bbdc-bubble.agent{background:#fff;border:1px solid #e6eef6;color:#0f1b32}
.bbdc-bubble.agent:after{content:"";position:absolute;left:-8px;top:10px;border:8px solid transparent;border-right-color:#fff}
.bbdc-bubble.user{background:var(--bbdc-color);color:#fff;border-radius:14px;border-top-right-radius:4px}
.bbdc-bubble.user:after{content:"";position:absolute;right:-8px;top:10px;border:8px solid transparent;border-left-color:var(--bbdc-color)}
.bbdc-h-meta .bbdc-h-sub,.bbdc-h-meta .bbdc-h-sub em{font-size: 12px;    line-height: 18px;}
#bbdc-typing{background: #f9fafb; border: 0; padding: 2px 2%; font-size: 12px; color: #5c6b7d; width: 96%; display: block; border-radius: 0px; position: absolute;padding-left: 14px;}
#bbdc-chat-footer{flex-shrink:0;background:#fff;padding:12px;display:flex;gap:10px;align-items:center;border-top:0;position:sticky;bottom:0;z-index:50;margin-top: 26px;padding-top: 0px;}
#bbdc-message{flex:1;padding:10px 12px;border-radius:0px;border:1px solid #dce3eb;font-size:14px;resize:none;max-height:90px;overflow-y:auto;min-height:40px}
#bbdc-message:focus{outline: none;border-color: #009fe3;}
#bbdc-send{background:var(--bbdc-color);color:#fff;border:none;padding:10px 16px;border-radius:100px;font-weight:600;cursor:pointer;white-space:nowrap}
@media(max-width:480px){#bbdc-chat-panel{right:10px;bottom:60px;width:92%;border-radius:14px}#bbdc-chat-body{padding:12px}}