/* ===== BB maskot v hlavičce ===== */
.brand-mascot{width:30px;height:30px;flex:0 0 auto;display:inline-block;vertical-align:middle}
.role-mascot{width:96px;height:96px;margin:0 auto 4px;display:block}

/* ===== Plovoucí spouštěč chatu ===== */
.bb-launcher{position:fixed;right:18px;bottom:18px;z-index:1200;border:none;background:transparent;cursor:pointer;
  padding:0;width:66px;height:66px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.28));transition:transform .15s}
.bb-launcher:hover{transform:translateY(-3px) scale(1.04)}
.bb-launcher:active{transform:scale(.97)}
.bb-launcher .bb-dot{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;
  background:#ff3b30;border:2px solid #fff}
.bb-launcher.is-open{display:none}
@media(max-width:700px){.bb-launcher{right:12px;bottom:78px;width:58px;height:58px}}

/* ===== Chat panel ===== */
.bb-chat{position:fixed;right:18px;bottom:18px;z-index:1300;width:360px;max-width:calc(100vw - 24px);
  height:520px;max-height:calc(100vh - 40px);background:var(--surface,#fff);border-radius:20px;
  box-shadow:0 18px 50px rgba(0,0,0,.28);display:none;flex-direction:column;overflow:hidden}
.bb-chat.is-open{display:flex}
@media(max-width:700px){.bb-chat{right:0;bottom:0;width:100%;max-width:100%;height:88vh;border-radius:20px 20px 0 0}}

.bb-head{background:#0071e3;color:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px}
.bb-head .bb-head-mascot{width:38px;height:38px;flex:0 0 auto}
.bb-head-txt{flex:1;line-height:1.2}
.bb-head-txt strong{font-size:1rem;font-weight:700}
.bb-head-txt span{font-size:.78rem;opacity:.9}
.bb-head-actions{display:flex;gap:4px}
.bb-lang{background:rgba(255,255,255,.2);border:none;color:#fff;font-weight:700;font-size:.75rem;
  border-radius:8px;padding:5px 8px;cursor:pointer}
.bb-lang:hover{background:rgba(255,255,255,.32)}
.bb-close{background:rgba(255,255,255,.2);border:none;color:#fff;width:30px;height:30px;border-radius:8px;
  font-size:1.1rem;cursor:pointer;line-height:1}
.bb-close:hover{background:rgba(255,255,255,.32)}

.bb-body{flex:1;overflow-y:auto;padding:14px;background:#f5f5f7;display:flex;flex-direction:column;gap:10px}
.bb-msg{max-width:82%;padding:10px 13px;border-radius:16px;font-size:.92rem;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.bb-msg.bot{align-self:flex-start;background:#fff;color:#1d1d1f;border-bottom-left-radius:5px}
.bb-msg.user{align-self:flex-end;background:#0071e3;color:#fff;border-bottom-right-radius:5px}
.bb-typing{align-self:flex-start;background:#fff;border-radius:16px;padding:12px 15px;display:flex;gap:4px}
.bb-typing span{width:7px;height:7px;border-radius:50%;background:#b0b3b8;animation:bbblink 1.2s infinite}
.bb-typing span:nth-child(2){animation-delay:.2s}
.bb-typing span:nth-child(3){animation-delay:.4s}
@keyframes bbblink{0%,60%,100%{opacity:.3}30%{opacity:1}}

.bb-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 8px;background:#f5f5f7}
.bb-chip{background:#fff;border:1px solid #e0e0e5;border-radius:16px;padding:7px 12px;font-size:.82rem;
  color:#0071e3;cursor:pointer;font-weight:600}
.bb-chip:hover{background:#eef4fb}

.bb-input{display:flex;gap:8px;padding:12px;border-top:1px solid #e8e8ed;background:var(--surface,#fff)}
.bb-input input{flex:1;border:1px solid #d8d8de;border-radius:14px;padding:11px 14px;font-size:.95rem;
  font-family:inherit;outline:none;background:#f5f5f7}
.bb-input input:focus{border-color:#0071e3}
.bb-send{background:#0071e3;border:none;color:#fff;width:44px;height:44px;border-radius:14px;cursor:pointer;
  font-size:1.1rem;flex:0 0 auto}
.bb-send:hover{background:#0060c0}
.bb-send:disabled{opacity:.5;cursor:default}

@media(prefers-reduced-motion:reduce){.bb-launcher,.bb-typing span{transition:none;animation:none}}