#brk-chat,#brk-chat *{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
#brk-chat{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:45}
#brk-chat .fab{width:3.75rem;height:3.75rem;border-radius:999px;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,#A67C0A,#E6B422);box-shadow:0 10px 28px rgba(166,124,10,.45);display:flex;align-items:center;justify-content:center;transition:transform .2s;position:relative}
#brk-chat .fab:hover{transform:scale(1.07)}
#brk-chat .fab svg{width:1.7rem;height:1.7rem}
#brk-chat .fab .ic-close{display:none}
#brk-chat.open .fab .ic-chat{display:none}
#brk-chat.open .fab .ic-close{display:block}
#brk-chat .dot{position:absolute;top:.2rem;right:.2rem;width:.8rem;height:.8rem;background:#22c55e;border:2px solid #fff;border-radius:999px}
#brk-chat.open .dot{display:none}
#brk-chat .teaser{position:absolute;right:4.5rem;bottom:.6rem;background:#fff;color:#111827;padding:.55rem .9rem;border-radius:.9rem;font-size:.85rem;box-shadow:0 6px 20px rgba(0,0,0,.15);white-space:nowrap;display:none}
#brk-chat.teasing:not(.open) .teaser{display:block}
@media(max-width:480px){#brk-chat .teaser{display:none!important}}
#brk-chat .panel{position:absolute;right:0;bottom:4.75rem;width:21.5rem;max-width:calc(100vw - 2rem);background:#fff;border-radius:1.1rem;box-shadow:0 20px 50px rgba(0,0,0,.25);overflow:hidden;display:none;flex-direction:column;max-height:min(34rem,calc(100vh - 7.5rem))}
#brk-chat.open .panel{display:flex;animation:brkpop .2s ease-out}
@keyframes brkpop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
#brk-chat .head{background:linear-gradient(135deg,#A67C0A,#E6B422);color:#fff;padding:1rem 1.1rem;display:flex;align-items:center;gap:.75rem}
#brk-chat .head .av{width:2.5rem;height:2.5rem;border-radius:.65rem;background:#000;display:flex;align-items:center;justify-content:center;flex:none}
#brk-chat .head .av img{width:2rem;height:2rem;object-fit:contain}
#brk-chat .head b{display:block;font-size:1rem}
#brk-chat .head small{opacity:.95;font-size:.78rem}
#brk-chat .body{padding:1rem;overflow:auto;background:#f8fafc;flex:1}
#brk-chat .bubble{background:#fff;border:1px solid #e5e7eb;border-radius:.9rem .9rem .9rem .2rem;padding:.7rem .9rem;font-size:.9rem;color:#1f2937;margin-bottom:.75rem}
#brk-chat .chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.9rem}
#brk-chat .chip{border:1px solid rgba(166,124,10,.45);background:#fff;color:#7a5a05;border-radius:999px;padding:.4rem .8rem;font-size:.8rem;cursor:pointer;font-weight:500}
#brk-chat .chip:hover,#brk-chat .chip.on{background:#A67C0A;color:#fff}
#brk-chat textarea{width:100%;min-height:4.2rem;resize:none;border:1px solid #d1d5db;border-radius:.7rem;padding:.6rem .75rem;font-size:.9rem;background:#fff;color:#111827}
#brk-chat textarea:focus{outline:2px solid rgba(230,180,34,.6);border-color:#E6B422}
#brk-chat .send{width:100%;margin-top:.6rem;border:0;cursor:pointer;background:#25D366;color:#fff;font-weight:600;font-size:.92rem;padding:.7rem;border-radius:.7rem;display:flex;gap:.5rem;align-items:center;justify-content:center;text-decoration:none}
#brk-chat .send:hover{filter:brightness(.95)}
#brk-chat .send svg{width:1.15rem;height:1.15rem}
#brk-chat .alt{display:flex;gap:.5rem;margin-top:.6rem}
#brk-chat .alt a{flex:1;text-align:center;font-size:.8rem;color:#374151;text-decoration:none;background:#fff;border:1px solid #e5e7eb;border-radius:.6rem;padding:.5rem .25rem}
#brk-chat .alt a:hover{border-color:#E6B422;color:#7a5a05}
@media(prefers-reduced-motion:reduce){#brk-chat.open .panel{animation:none}#brk-chat .fab{transition:none}}