/* MRB Command live chat (12.3.0). Self-contained; follows the site's light and dark mode. */
.mrb-chat { --mrb-chat-bg: #ffffff; --mrb-chat-fg: #16202a; --mrb-chat-muted: #5f6b76; --mrb-chat-line: #e3e8ec; --mrb-chat-accent: #0e4560; --mrb-chat-accent-2: #13566e; --mrb-chat-accent-fg: #ffffff; --mrb-chat-link: #13566e; --mrb-chat-link-fg: #ffffff; --mrb-chat-live: #22c55e; --mrb-chat-visitor: #0e4560; --mrb-chat-visitor-fg: #ffffff; --mrb-chat-assistant: #f1f4f7; --mrb-chat-staff: #e7f5ec; --mrb-chat-shadow: 0 18px 50px rgba(8, 24, 36, .22); --mrb-chat-radius: 18px; position: fixed; right: 20px; bottom: 20px; z-index: 9990; font: 15px/1.45 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--mrb-chat-fg); }
/* Dark only when the site itself is in night mode (the header switch sets data-theme="night"; light removes it). */
html[data-theme="dark"] .mrb-chat, html[data-theme="night"] .mrb-chat { --mrb-chat-bg: #141d26; --mrb-chat-fg: #eef2f5; --mrb-chat-muted: #a3aeb8; --mrb-chat-line: #27343f; --mrb-chat-visitor: #1f6f8f; --mrb-chat-assistant: #1d2834; --mrb-chat-staff: #1f3a2a; --mrb-chat-link: #8fd3ee; --mrb-chat-link-fg: #0b1a24; }
/* The hidden attribute must win over every display rule below. */
.mrb-chat [hidden], .mrb-chat__panel[hidden] { display: none !important; }
.mrb-chat *, .mrb-chat *::before, .mrb-chat *::after { box-sizing: border-box; }

/* Launcher: a pill with a live pulse. */
.mrb-chat__launcher { position: relative; display: inline-flex; align-items: center; gap: 10px; border: 0; border-radius: 999px; padding: 13px 20px 13px 16px; background: linear-gradient(135deg, var(--mrb-chat-accent-2), var(--mrb-chat-accent)); color: var(--mrb-chat-accent-fg); font: inherit; font-size: 15px; font-weight: 700; letter-spacing: .01em; cursor: pointer; box-shadow: 0 10px 28px rgba(14, 69, 96, .35); transition: transform .15s ease, box-shadow .15s ease; }
.mrb-chat__launcher:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(14, 69, 96, .4); }
.mrb-chat__launcher:focus-visible { outline: 3px solid #9ecbff; outline-offset: 3px; }
.mrb-chat__launcher svg { opacity: .9; }
.mrb-chat__live { position: relative; width: 10px; height: 10px; border-radius: 50%; background: var(--mrb-chat-live); box-shadow: 0 0 0 2px rgba(255, 255, 255, .55); flex: none; }
.mrb-chat__live::after { content: ''; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid var(--mrb-chat-live); opacity: 0; }
.mrb-chat__badge { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #ef4444; color: #fff; font-size: 12px; line-height: 20px; text-align: center; box-shadow: 0 0 0 2px var(--mrb-chat-accent); }
.mrb-chat__launcher.has-unread { animation: none; }

/* Panel. */
.mrb-chat__panel { position: absolute; right: 0; bottom: 68px; width: min(390px, calc(100vw - 32px)); height: min(600px, calc(100vh - 110px)); display: flex; flex-direction: column; background: var(--mrb-chat-bg); border: 1px solid var(--mrb-chat-line); border-radius: var(--mrb-chat-radius); box-shadow: var(--mrb-chat-shadow); overflow: hidden; }
.mrb-chat__header { display: flex; align-items: center; gap: 12px; padding: 14px 14px 14px 16px; background: linear-gradient(135deg, var(--mrb-chat-accent-2), var(--mrb-chat-accent)); color: var(--mrb-chat-accent-fg); }
.mrb-chat__avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .35); font-size: 12px; font-weight: 800; letter-spacing: .06em; flex: none; }
.mrb-chat__titles { flex: 1; min-width: 0; }
.mrb-chat__title { font-weight: 700; font-size: 15px; line-height: 1.2; }
.mrb-chat__status { display: flex; align-items: center; gap: 6px; margin-top: 3px; font-size: 12px; opacity: .92; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mrb-chat__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--mrb-chat-live); box-shadow: 0 0 0 3px rgba(34, 197, 94, .25); flex: none; }
.mrb-chat__dot.is-off { background: #9aa6b2; box-shadow: none; }
.mrb-chat__close { display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .12); color: inherit; cursor: pointer; flex: none; transition: background .15s; }
.mrb-chat__close:hover { background: rgba(255, 255, 255, .24); }

/* Messages. */
.mrb-chat__messages { flex: 1; overflow-y: auto; padding: 16px 14px 8px; display: flex; flex-direction: column; gap: 10px; scroll-behavior: smooth; background: radial-gradient(1200px 400px at 50% -200px, rgba(14, 69, 96, .06), transparent 60%); }
.mrb-chat__msg { position: relative; max-width: 86%; padding: 10px 14px 20px; border-radius: 16px 16px 16px 4px; background: var(--mrb-chat-assistant); white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14.5px; line-height: 1.5; }
.mrb-chat__msg--visitor { align-self: flex-end; border-radius: 16px 16px 4px 16px; background: var(--mrb-chat-visitor); color: var(--mrb-chat-visitor-fg); }
.mrb-chat__msg--staff { background: var(--mrb-chat-staff); }
.mrb-chat__msg--system { align-self: center; max-width: 100%; padding: 2px 10px; border-radius: 999px; background: transparent; color: var(--mrb-chat-muted); font-size: 12px; text-align: center; }
.mrb-chat__msg--pending { opacity: .7; }
.mrb-chat__who { display: block; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mrb-chat-muted); margin-bottom: 3px; }
.mrb-chat__time { position: absolute; right: 12px; bottom: 5px; font-size: 10.5px; opacity: .6; }
.mrb-chat__link { display: inline-block; margin-top: 4px; color: var(--mrb-chat-link); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.mrb-chat__msg--visitor .mrb-chat__link { color: inherit; }
.mrb-chat__typing { align-self: flex-start; display: inline-flex; gap: 5px; padding: 12px 14px; border-radius: 16px 16px 16px 4px; background: var(--mrb-chat-assistant); }
.mrb-chat__typing span { width: 7px; height: 7px; border-radius: 50%; background: var(--mrb-chat-muted); opacity: .5; }

/* Quick replies, notices, handoff. */
.mrb-chat__quick { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 14px 10px; }
.mrb-chat__chip { border: 1px solid var(--mrb-chat-link); border-radius: 999px; padding: 6px 12px; background: transparent; color: var(--mrb-chat-link); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: background .15s, color .15s; }
.mrb-chat__chip:hover { background: var(--mrb-chat-link); color: var(--mrb-chat-link-fg); }
.mrb-chat__notice { margin: 0 14px 8px; padding: 8px 12px; border-radius: 10px; background: var(--mrb-chat-assistant); font-size: 13px; color: var(--mrb-chat-muted); }
.mrb-chat__email { margin: 0 14px 10px; padding: 12px; border: 1px dashed var(--mrb-chat-line); border-radius: 12px; display: grid; gap: 8px; }
.mrb-chat__email-label { font-size: 13px; color: var(--mrb-chat-muted); }
.mrb-chat__email-row { display: flex; gap: 6px; }
.mrb-chat__email-input { flex: 1; min-width: 0; padding: 9px 12px; border: 1px solid var(--mrb-chat-line); border-radius: 10px; background: transparent; color: inherit; font: inherit; font-size: 14px; }
.mrb-chat__email-send { border: 0; border-radius: 10px; padding: 0 14px; background: var(--mrb-chat-accent); color: var(--mrb-chat-accent-fg); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.mrb-chat__email-skip { justify-self: start; border: 0; background: transparent; color: var(--mrb-chat-muted); font: inherit; font-size: 12.5px; text-decoration: underline; cursor: pointer; padding: 0; }

/* Composer and footer. */
.mrb-chat__form { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--mrb-chat-line); background: var(--mrb-chat-bg); }
.mrb-chat__input { flex: 1; resize: none; min-height: 44px; max-height: 120px; padding: 11px 14px; border: 1px solid var(--mrb-chat-line); border-radius: 22px; background: transparent; color: inherit; font: inherit; font-size: 14.5px; line-height: 1.4; transition: border-color .15s, box-shadow .15s; }
.mrb-chat__input:focus { outline: 0; border-color: var(--mrb-chat-link); box-shadow: 0 0 0 3px rgba(19, 86, 110, .15); }
.mrb-chat__send { display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--mrb-chat-accent); color: var(--mrb-chat-accent-fg); cursor: pointer; flex: none; transition: transform .12s, opacity .15s; }
.mrb-chat__send:hover { transform: scale(1.05); }
.mrb-chat__send:disabled { opacity: .5; cursor: default; transform: none; }
.mrb-chat__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; padding: 0 14px 10px; }
.mrb-chat__human { border: 0; background: transparent; color: var(--mrb-chat-link); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; padding: 0; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.mrb-chat__privacy { flex: 1 1 100%; font-size: 10.5px; color: var(--mrb-chat-muted); }

/* Motion (none for people who asked for less). */
@media (prefers-reduced-motion: no-preference) {
  .mrb-chat__panel { animation: mrb-chat-in .22s cubic-bezier(.2, .8, .2, 1); }
  .mrb-chat__live::after { animation: mrb-chat-pulse 2.2s ease-out infinite; }
  .mrb-chat__dot { animation: mrb-chat-glow 2.2s ease-in-out infinite; }
  .mrb-chat__typing span { animation: mrb-chat-blink 1.2s infinite ease-in-out; }
  .mrb-chat__typing span:nth-child(2) { animation-delay: .2s; }
  .mrb-chat__typing span:nth-child(3) { animation-delay: .4s; }
  .mrb-chat__launcher.is-nudging { animation: mrb-chat-nudge 1.1s ease-in-out 2; }
  .mrb-chat__msg { animation: mrb-chat-in .18s ease-out; }
}
@keyframes mrb-chat-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes mrb-chat-pulse { 0% { transform: scale(.6); opacity: .9; } 70% { transform: scale(1.6); opacity: 0; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes mrb-chat-glow { 0%, 100% { box-shadow: 0 0 0 3px rgba(34, 197, 94, .25); } 50% { box-shadow: 0 0 0 6px rgba(34, 197, 94, .12); } }
@keyframes mrb-chat-blink { 0%, 80%, 100% { opacity: .35; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
@keyframes mrb-chat-nudge { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(-6px); } 50% { transform: translateY(0); } 75% { transform: translateY(-3px); } }

/* Phones: a compact round launcher that covers little, above the safe area; the panel fills the width. */
@media (max-width: 600px) {
  .mrb-chat { right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }
  .mrb-chat__panel { position: fixed; inset: auto 12px calc(72px + env(safe-area-inset-bottom, 0px)) 12px; width: auto; height: min(72vh, 600px); }
  .mrb-chat__launcher { width: 54px; height: 54px; padding: 0; justify-content: center; gap: 0; }
  .mrb-chat__launcher-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .mrb-chat__live { position: absolute; top: 6px; right: 6px; width: 9px; height: 9px; }
  .mrb-chat__badge { position: absolute; top: -4px; left: -4px; }
}

/* 12.3.1: footer actions, "WhatsApp us", the details card, thin scrollbars, taller panel on phones. */
.mrb-chat__messages { scrollbar-width: thin; scrollbar-color: var(--mrb-chat-line) transparent; }
.mrb-chat__messages::-webkit-scrollbar { width: 6px; }
.mrb-chat__messages::-webkit-scrollbar-thumb { background: var(--mrb-chat-line); border-radius: 3px; }
.mrb-chat__footer { display: grid; gap: 6px; padding: 0 12px 10px; }
.mrb-chat__actions { display: flex; flex-wrap: wrap; gap: 6px; }
.mrb-chat__action { border: 1px solid var(--mrb-chat-line); border-radius: 999px; padding: 6px 12px; background: transparent; color: var(--mrb-chat-fg); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; text-decoration: none; transition: border-color .15s, background .15s; }
.mrb-chat__action:hover { border-color: var(--mrb-chat-link); background: rgba(19, 86, 110, .06); }
.mrb-chat__wa { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 6px 12px 6px 10px; background: #25d366; color: #fff; font: inherit; font-size: 12.5px; font-weight: 700; text-decoration: none; transition: filter .15s; }
.mrb-chat__wa:hover { filter: brightness(1.06); color: #fff; }
.mrb-chat__wa-hint { font-size: 12.5px; color: var(--mrb-chat-muted); margin-top: 2px; }
.mrb-chat__email .mrb-chat__wa { justify-self: start; }
.mrb-chat__privacy { text-align: left; }
.mrb-chat__details { margin: 0 14px 10px; padding: 12px; border: 1px solid var(--mrb-chat-line); border-radius: 12px; display: grid; gap: 8px; background: var(--mrb-chat-assistant); }
.mrb-chat__details-title { font-weight: 700; font-size: 13.5px; }
.mrb-chat__details-hint { font-size: 12.5px; color: var(--mrb-chat-muted); }
.mrb-chat__field { width: 100%; padding: 9px 12px; border: 1px solid var(--mrb-chat-line); border-radius: 10px; background: var(--mrb-chat-bg); color: inherit; font: inherit; font-size: 14px; }
.mrb-chat__field:focus { outline: 0; border-color: var(--mrb-chat-link); box-shadow: 0 0 0 3px rgba(19, 86, 110, .15); }
.mrb-chat__details-row { display: flex; align-items: center; gap: 12px; }
.mrb-chat__details-save { border: 0; border-radius: 10px; padding: 9px 16px; background: var(--mrb-chat-accent); color: var(--mrb-chat-accent-fg); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.mrb-chat__details-save:disabled { opacity: .5; }
@media (max-width: 600px) { .mrb-chat__panel { height: min(78dvh, 640px); } }

/* 12.4.0 polish: a slimmer widget (owner: it covered too much of the page). */
.mrb-chat { font-size: 14px; }
.mrb-chat__launcher { padding: 10px 16px 10px 13px; font-size: 14px; gap: 8px; }
.mrb-chat__launcher svg { width: 18px; height: 18px; }
.mrb-chat__panel { width: min(340px, calc(100vw - 24px)); height: min(520px, calc(100vh - 100px)); bottom: 60px; border-radius: 16px; }
.mrb-chat__header { gap: 10px; padding: 10px 10px 10px 12px; }
.mrb-chat__avatar { width: 34px; height: 34px; font-size: 11px; }
.mrb-chat__title { font-size: 14px; }
.mrb-chat__status { font-size: 11.5px; margin-top: 2px; }
.mrb-chat__close { width: 32px; height: 32px; }
.mrb-chat__close svg { width: 18px; height: 18px; }
.mrb-chat__messages { padding: 12px 10px 6px; gap: 8px; }
.mrb-chat__msg { max-width: 90%; padding: 8px 11px 17px; font-size: 13.5px; line-height: 1.45; border-radius: 14px 14px 14px 4px; }
.mrb-chat__msg--visitor { border-radius: 14px 14px 4px 14px; }
.mrb-chat__who { font-size: 10px; margin-bottom: 2px; }
.mrb-chat__time { font-size: 10px; right: 10px; bottom: 4px; }
.mrb-chat__typing { padding: 10px 12px; }
.mrb-chat__quick { padding: 2px 10px 8px; gap: 5px; }
.mrb-chat__chip { padding: 5px 10px; font-size: 12px; }
.mrb-chat__notice { margin: 0 10px 6px; padding: 6px 10px; font-size: 12px; }
.mrb-chat__details, .mrb-chat__email { margin: 0 10px 8px; padding: 10px; gap: 6px; }
.mrb-chat__field, .mrb-chat__email-input { padding: 8px 10px; font-size: 13px; }
.mrb-chat__form { gap: 6px; padding: 8px 10px; }
.mrb-chat__input { min-height: 38px; max-height: 100px; padding: 9px 12px; font-size: 13.5px; border-radius: 19px; }
.mrb-chat__send { width: 38px; height: 38px; }
.mrb-chat__send svg { width: 17px; height: 17px; }
.mrb-chat__footer { gap: 4px; padding: 0 10px 8px; }
.mrb-chat__actions { flex-wrap: nowrap; gap: 5px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.mrb-chat__actions::-webkit-scrollbar { display: none; }
.mrb-chat__action, .mrb-chat__wa { flex: none; padding: 5px 10px; font-size: 11.5px; }
.mrb-chat__wa { padding: 5px 10px 5px 8px; }
.mrb-chat__wa svg { width: 15px; height: 15px; }
.mrb-chat__privacy { font-size: 10px; opacity: .85; }
@media (max-width: 600px) { .mrb-chat__panel { height: min(68dvh, 560px); inset: auto 10px calc(66px + env(safe-area-inset-bottom, 0px)) 10px; } .mrb-chat__launcher { width: 50px; height: 50px; } .mrb-chat__privacy { display: none; } }
.mrb-chat__actions { flex-wrap: wrap; overflow: visible; }
.mrb-chat__wa--icon { width: 30px; height: 30px; padding: 0; justify-content: center; border-radius: 50%; }
.mrb-chat__wa--icon span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.mrb-chat__wa--icon svg { width: 17px; height: 17px; }

/* 12.4.0: actions in the header; the footer keeps only the privacy line. */
.mrb-chat__hdr-actions { display: flex; align-items: center; gap: 4px; flex: none; }
.mrb-chat__hdr-btn { display: grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .12); color: #fff; cursor: pointer; padding: 0; transition: background .15s; }
.mrb-chat__hdr-btn:hover { background: rgba(255, 255, 255, .26); }
.mrb-chat__hdr-btn.mrb-chat__wa--icon { background: #25d366; }
.mrb-chat__hdr-btn.mrb-chat__wa--icon:hover { background: #1fb858; }
.mrb-chat__hdr-btn.mrb-chat__wa--icon svg { width: 18px; height: 18px; }
.mrb-chat__close { background: transparent; }
.mrb-chat__status { max-width: 150px; }
.mrb-chat__footer { padding: 0 12px 6px; }
.mrb-chat__privacy { display: block; font-size: 10px; }
.mrb-chat__form { padding: 6px 10px 4px; }
.mrb-chat__panel { height: min(540px, calc(100vh - 100px)); }
@media (max-width: 600px) { .mrb-chat__panel { height: min(72dvh, 600px); } .mrb-chat__status { max-width: 120px; } }

/* 12.6.0: smooth open/close, message entrances, product cards, sound toggle, even header icons (owner request). */
.mrb-chat__panel { transform-origin: 100% 100%; }
@media (prefers-reduced-motion: no-preference) {
  .mrb-chat__panel { animation: none; opacity: 0; transform: translateY(14px) scale(.96); transition: opacity .22s ease, transform .3s cubic-bezier(.2, .85, .25, 1.05); will-change: opacity, transform; }
  .mrb-chat__panel.is-open { opacity: 1; transform: none; }
  .mrb-chat__msg { animation: none; }
  .mrb-chat__msg.is-new { animation: mrb-chat-msg-in .34s cubic-bezier(.2, .9, .3, 1.15) both; }
  .mrb-chat__msg--visitor.is-new { animation-name: mrb-chat-msg-out; }
  .mrb-chat__typing { animation: mrb-chat-msg-in .3s cubic-bezier(.2, .9, .3, 1.15) both; }
  .mrb-chat__send.is-sent { animation: mrb-chat-sent .32s ease-out; }
  .mrb-chat__launcher { transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; }
  .mrb-chat.is-open .mrb-chat__launcher { transform: translateY(0) scale(.96); opacity: .92; }
  .mrb-chat__product { transition: transform .15s ease, box-shadow .15s ease; }
  .mrb-chat__product:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(8, 24, 36, .14); }
}
@keyframes mrb-chat-msg-in { from { opacity: 0; transform: translate(-8px, 10px) scale(.94); } 70% { opacity: 1; transform: translate(0, -2px) scale(1.01); } to { opacity: 1; transform: none; } }
@keyframes mrb-chat-msg-out { from { opacity: 0; transform: translate(8px, 10px) scale(.94); } 70% { opacity: 1; transform: translate(0, -2px) scale(1.01); } to { opacity: 1; transform: none; } }
@keyframes mrb-chat-sent { 0% { transform: scale(1); } 35% { transform: scale(1.18) rotate(-12deg); } 100% { transform: scale(1); } }

/* Header: every action is the same quiet circle; WhatsApp keeps its green; the close button matches. */
.mrb-chat__header { gap: 8px; padding: 10px 8px 10px 12px; }
.mrb-chat__hdr-actions { gap: 5px; margin-left: 2px; }
.mrb-chat__hdr-btn, .mrb-chat__close, .mrb-chat__hdr-actions .mrb-chat__wa { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; margin: 0; border: 1px solid rgba(255, 255, 255, .28); border-radius: 50%; background: rgba(255, 255, 255, .10); color: #fff; line-height: 0; box-shadow: none; filter: none; text-decoration: none; transition: background .15s, border-color .15s, transform .12s; }
.mrb-chat__hdr-btn svg, .mrb-chat__close svg, .mrb-chat__hdr-actions .mrb-chat__wa svg { width: 16px; height: 16px; display: block; }
.mrb-chat__hdr-btn:hover, .mrb-chat__close:hover, .mrb-chat__hdr-actions .mrb-chat__wa:hover { background: rgba(255, 255, 255, .22); border-color: rgba(255, 255, 255, .5); transform: translateY(-1px); }
.mrb-chat__hdr-btn:focus-visible, .mrb-chat__close:focus-visible, .mrb-chat__hdr-actions .mrb-chat__wa:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.mrb-chat__hdr-actions .mrb-chat__wa, .mrb-chat__hdr-btn.mrb-chat__wa--icon { background: #25d366; border-color: #25d366; }
.mrb-chat__hdr-actions .mrb-chat__wa:hover, .mrb-chat__hdr-btn.mrb-chat__wa--icon:hover { background: #1fb858; border-color: #1fb858; }
.mrb-chat__hdr-actions .mrb-chat__wa span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.mrb-chat__close { margin-left: 2px; border-color: transparent; background: transparent; }
.mrb-chat__close:hover { border-color: rgba(255, 255, 255, .5); }
.mrb-chat__status { max-width: 128px; }

/* Product cards under a reply: image, name, the page and "Quote this". */
.mrb-chat__products { display: flex; gap: 8px; margin: 8px -4px 2px; padding: 0 4px 4px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; white-space: normal; }
.mrb-chat__products::-webkit-scrollbar { display: none; }
.mrb-chat__product { flex: 0 0 132px; scroll-snap-align: start; display: flex; flex-direction: column; border: 1px solid var(--mrb-chat-line); border-radius: 12px; background: var(--mrb-chat-bg); overflow: hidden; }
.mrb-chat__product-link { display: block; color: inherit; text-decoration: none; }
.mrb-chat__product-img { display: block; width: 100%; height: 88px; object-fit: cover; background: var(--mrb-chat-assistant); }
.mrb-chat__product-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding: 7px 9px 4px; font-size: 12px; font-weight: 600; line-height: 1.3; min-height: 36px; }
.mrb-chat__product-quote { margin: 2px 8px 8px; border: 1px solid var(--mrb-chat-link); border-radius: 999px; padding: 5px 8px; background: transparent; color: var(--mrb-chat-link); font: inherit; font-size: 11.5px; font-weight: 700; cursor: pointer; transition: background .15s, color .15s; }
.mrb-chat__product-quote:hover { background: var(--mrb-chat-link); color: var(--mrb-chat-link-fg); }
.mrb-chat__msg:has(.mrb-chat__products) { max-width: 100%; width: 100%; }

/* Footer: the privacy line and the sound toggle side by side. */
.mrb-chat__footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 10px 7px; }
.mrb-chat__privacy { flex: 1 1 auto; }
.mrb-chat__sound { display: grid; place-items: center; width: 24px; height: 24px; border: 0; border-radius: 50%; background: transparent; color: var(--mrb-chat-muted); cursor: pointer; padding: 0; flex: none; transition: color .15s, background .15s; }
.mrb-chat__sound:hover { color: var(--mrb-chat-link); background: var(--mrb-chat-assistant); }
.mrb-chat__sound.is-off { opacity: .6; }
@media (max-width: 600px) { .mrb-chat__privacy { display: none; } .mrb-chat__footer { justify-content: flex-end; padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)); } }
/* The site gives every button a 44 px tap height; inside the widget the sizes above are the sizes. */
.mrb-chat button, .mrb-chat a, .mrb-chat .mrb-chat__hdr-btn, .mrb-chat .mrb-chat__close, .mrb-chat .mrb-chat__sound { min-height: 0; min-width: 0; max-height: none; }
.mrb-chat .mrb-chat__hdr-btn, .mrb-chat .mrb-chat__close, .mrb-chat .mrb-chat__hdr-actions .mrb-chat__wa { width: 30px; height: 30px; min-width: 30px; min-height: 30px; }
.mrb-chat .mrb-chat__send { width: 38px; height: 38px; min-width: 38px; min-height: 38px; }
.mrb-chat .mrb-chat__sound { width: 24px; height: 24px; }

/* 12.6.1: the panel stays inside the viewport (admin bar, zoom, small screens), the status dot keeps its glow,
   the close button matches the other header circles. */
.mrb-chat__panel { height: min(540px, calc(100dvh - 100px - var(--wp-admin--admin-bar--height, 0px))); max-height: calc(100dvh - 92px - var(--wp-admin--admin-bar--height, 0px)); min-height: 240px; }
@media (max-width: 600px) { .mrb-chat__panel { height: min(72dvh, 600px); max-height: calc(100dvh - 84px - env(safe-area-inset-bottom, 0px) - var(--wp-admin--admin-bar--height, 0px)); } }
.mrb-chat__status { overflow: visible; padding: 2px 0 0 1px; max-width: 100%; }
.mrb-chat__status-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mrb-chat__dot { flex: none; margin: 0 1px; }
.mrb-chat .mrb-chat__close { border-color: rgba(255, 255, 255, .28); background: rgba(255, 255, 255, .10); }
.mrb-chat .mrb-chat__close:hover { background: rgba(255, 255, 255, .22); border-color: rgba(255, 255, 255, .5); }
.mrb-chat__hdr-actions { gap: 6px; }
.mrb-chat .mrb-chat__hdr-btn svg, .mrb-chat .mrb-chat__close svg { width: 17px; height: 17px; }
.mrb-chat .mrb-chat__hdr-actions .mrb-chat__wa svg { width: 17px; height: 17px; }
.mrb-chat__launcher { overflow: visible; }
/* 12.6.1: the thread updates in place; arrivals and sends glide, the typing dots fade, a confirmed send settles softly. */
.mrb-chat__msg { transition: opacity .25s ease; will-change: auto; }
.mrb-chat__msg--pending { opacity: .62; }
.mrb-chat__typing { opacity: 0; transform: translateY(6px); transition: opacity .18s ease, transform .18s ease; }
.mrb-chat__typing.is-on { opacity: 1; transform: none; }
.mrb-chat__typing.is-off { opacity: 0; transform: translateY(4px); }
@media (prefers-reduced-motion: no-preference) {
  .mrb-chat__typing { animation: none; }
  .mrb-chat__msg.is-new { animation: mrb-chat-msg-in .42s cubic-bezier(.2, .85, .25, 1.12) both; }
  .mrb-chat__msg--visitor.is-new { animation-name: mrb-chat-msg-out; animation-duration: .36s; }
  .mrb-chat__msg--visitor.is-confirmed { animation: mrb-chat-settle .5s ease-out; }
  .mrb-chat__messages { scroll-behavior: smooth; }
}
@keyframes mrb-chat-settle { 0% { box-shadow: 0 0 0 0 rgba(14, 69, 96, .35); } 100% { box-shadow: 0 0 0 10px rgba(14, 69, 96, 0); } }
@media (prefers-reduced-motion: reduce) { .mrb-chat__typing, .mrb-chat__typing.is-on, .mrb-chat__typing.is-off { opacity: 1; transform: none; transition: none; } }
/* 12.7.1 (owner 2026-10-04): while the chat is open the launcher steps aside and the panel takes its place down to the bottom edge. */
.mrb-chat.is-open .mrb-chat__launcher { opacity: 0; transform: translateY(8px) scale(.85); pointer-events: none; }
.mrb-chat.is-open .mrb-chat__panel { bottom: 0; height: min(620px, calc(100dvh - 40px - var(--wp-admin--admin-bar--height, 0px))); max-height: calc(100dvh - 36px - var(--wp-admin--admin-bar--height, 0px)); }
@media (max-width: 600px) {
  .mrb-chat.is-open .mrb-chat__panel { inset: auto 10px calc(10px + env(safe-area-inset-bottom, 0px)) 10px; height: min(82dvh, 660px); max-height: calc(100dvh - 24px - env(safe-area-inset-bottom, 0px) - var(--wp-admin--admin-bar--height, 0px)); }
  html.mrb-consent-open .mrb-chat.is-open .mrb-chat__panel { bottom: calc(var(--mrb-consent-h, 160px) + 24px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) { .mrb-chat.is-open .mrb-chat__launcher { transition: none; } }

/* 12.8.0: attachments and emoji in the composer; files and images in the thread. */
.mrb-chat__tools { display: flex; align-items: center; gap: 2px; flex: none; padding-bottom: 4px; }
.mrb-chat__tool { display: grid; place-items: center; width: 30px; height: 30px; min-width: 30px; min-height: 30px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--mrb-chat-muted); cursor: pointer; line-height: 0; transition: color .15s, background .15s; }
.mrb-chat__tool svg { width: 18px; height: 18px; }
.mrb-chat__tool:hover, .mrb-chat__tool.is-on { color: var(--mrb-chat-link); background: var(--mrb-chat-assistant); }
.mrb-chat__tool:focus-visible { outline: 2px solid var(--mrb-chat-link); outline-offset: 2px; }
.mrb-chat__attach { display: flex; align-items: center; gap: 8px; margin: 0 10px 6px; padding: 7px 10px; border: 1px dashed var(--mrb-chat-line); border-radius: 10px; font-size: 12.5px; background: var(--mrb-chat-assistant); }
.mrb-chat__attach svg { width: 15px; height: 15px; flex: none; color: var(--mrb-chat-link); }
.mrb-chat__attach-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.mrb-chat__attach-size { color: var(--mrb-chat-muted); flex: none; }
.mrb-chat__attach-remove { border: 0; background: transparent; color: var(--mrb-chat-muted); font: inherit; font-size: 12px; text-decoration: underline; cursor: pointer; padding: 0; flex: none; }
.mrb-chat__emoji { display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; margin: 0 10px 6px; padding: 8px; border: 1px solid var(--mrb-chat-line); border-radius: 12px; background: var(--mrb-chat-bg); box-shadow: 0 8px 24px rgba(8, 24, 36, .14); max-height: 160px; overflow-y: auto; }
.mrb-chat__emoji-btn { border: 0; background: transparent; font-size: 20px; line-height: 1; padding: 5px 0; min-height: 0; border-radius: 8px; cursor: pointer; transition: background .12s, transform .12s; }
.mrb-chat__emoji-btn:hover { background: var(--mrb-chat-assistant); transform: scale(1.15); }
.mrb-chat__file { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; padding: 8px 10px; border: 1px solid var(--mrb-chat-line); border-radius: 10px; background: var(--mrb-chat-bg); color: var(--mrb-chat-fg); text-decoration: none; font-size: 13px; max-width: 100%; }
.mrb-chat__msg--visitor .mrb-chat__file { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .3); color: inherit; }
.mrb-chat__file svg { width: 18px; height: 18px; flex: none; }
.mrb-chat__file-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.mrb-chat__file-size { opacity: .7; flex: none; font-size: 12px; }
.mrb-chat__file--image { display: block; padding: 0; border: 0; background: transparent; margin-top: 6px; }
.mrb-chat__file--image img { display: block; max-width: 200px; max-height: 160px; border-radius: 10px; object-fit: cover; box-shadow: 0 4px 14px rgba(8, 24, 36, .18); }
.mrb-chat__panel.is-dragging .mrb-chat__messages { outline: 2px dashed var(--mrb-chat-link); outline-offset: -8px; }
.mrb-chat .mrb-chat__form { align-items: flex-end; gap: 4px; }

/* 12.8.1: the time sits under the text (no overlap on a one-word bubble); consent, verification and portal hint. */
.mrb-chat .mrb-chat__msg { min-width: 84px; padding-bottom: 7px; }
.mrb-chat .mrb-chat__time { position: static; display: block; text-align: right; margin: 3px 0 0; line-height: 1; font-size: 10px; opacity: .6; }
.mrb-chat .mrb-chat__msg--system { min-width: 0; padding-bottom: 2px; }
.mrb-chat .mrb-chat__msg--system .mrb-chat__time { display: none; }
.mrb-chat__consent { margin: 0 14px 6px; font-size: 12px; line-height: 1.45; color: var(--mrb-chat-muted, #6b7a86); } /* 12.18.0: one standard line, no button */
.mrb-chat__consent a { color: var(--mrb-chat-link); font-weight: 600; }
.mrb-chat__hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.mrb-chat__verify { margin: 0 10px 8px; padding: 8px 12px; border-radius: 10px; background: var(--mrb-chat-assistant); font-size: 12px; color: var(--mrb-chat-muted); display: grid; gap: 6px; }
.mrb-chat__verify-widget:empty { display: none; }
.mrb-chat__account { display: flex; align-items: center; gap: 8px; margin: 0 10px 8px; padding: 7px 8px 7px 12px; border-radius: 10px; background: var(--mrb-chat-assistant); font-size: 12.5px; line-height: 1.4; }
.mrb-chat__account[hidden] { display: none; }
.mrb-chat__account-text { flex: 1; min-width: 0; }
.mrb-chat__account-close { flex: none; display: grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--mrb-chat-muted); cursor: pointer; }
.mrb-chat__account-close:hover, .mrb-chat__account-close:focus-visible { background: rgba(0, 0, 0, .06); color: inherit; }
.mrb-chat__account a { color: var(--mrb-chat-link); font-weight: 600; }

/* 12.8.2 (owner): a compact type scale (still readable) so the thread shows more; the send button is a true circle. */
.mrb-chat { font-size: 13px; }
.mrb-chat .mrb-chat__msg { font-size: 12.5px; line-height: 1.42; padding: 7px 10px 6px; border-radius: 12px 12px 12px 4px; max-width: 92%; }
.mrb-chat .mrb-chat__msg--visitor { border-radius: 12px 12px 4px 12px; }
.mrb-chat .mrb-chat__who { font-size: 9.5px; margin-bottom: 1px; }
.mrb-chat .mrb-chat__time { font-size: 9.5px; margin-top: 2px; }
.mrb-chat .mrb-chat__messages { gap: 7px; padding: 10px 10px 4px; }
.mrb-chat .mrb-chat__title { font-size: 13.5px; }
.mrb-chat .mrb-chat__status { font-size: 11px; }
.mrb-chat .mrb-chat__chip { font-size: 11.5px; padding: 4px 9px; }
.mrb-chat .mrb-chat__notice { font-size: 11.5px; padding: 6px 9px; }
.mrb-chat .mrb-chat__details-title { font-size: 13px; }
.mrb-chat .mrb-chat__details-hint, .mrb-chat .mrb-chat__email-label, .mrb-chat .mrb-chat__consent, .mrb-chat .mrb-chat__account { font-size: 12px; }
.mrb-chat .mrb-chat__field, .mrb-chat .mrb-chat__email-input { font-size: 12.5px; padding: 7px 9px; }
.mrb-chat .mrb-chat__input { font-size: 13px; min-height: 36px; padding: 8px 11px; border-radius: 18px; }
.mrb-chat .mrb-chat__product-name { font-size: 11.5px; }
.mrb-chat .mrb-chat__product-quote { font-size: 11px; }
.mrb-chat .mrb-chat__file { font-size: 12px; }
.mrb-chat .mrb-chat__privacy { font-size: 9.5px; }
.mrb-chat .mrb-chat__link { font-size: 12px; }
.mrb-chat .mrb-chat__send { width: 36px; height: 36px; min-width: 36px; min-height: 36px; max-width: 36px; max-height: 36px; padding: 0; margin: 0; flex: none; border-radius: 50%; aspect-ratio: 1 / 1; line-height: 0; box-sizing: border-box; }
.mrb-chat .mrb-chat__send svg { width: 16px; height: 16px; display: block; }
.mrb-chat .mrb-chat__tool { width: 28px; height: 28px; min-width: 28px; min-height: 28px; padding: 0; }
.mrb-chat .mrb-chat__tool svg { width: 17px; height: 17px; }

/* 12.12.0: topics (a signed-in customer's conversations) */
.mrb-chat__topic { display: flex; align-items: center; gap: 8px; padding: 6px 14px; font-size: 12px; color: var(--mrb-chat-muted); background: var(--mrb-chat-assistant); border-bottom: 1px solid var(--mrb-chat-line); }
.mrb-chat__topic-subject { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mrb-chat-fg); font-weight: 600; }
.mrb-chat__topic-all, .mrb-chat__topics-new { border: 0; background: transparent; color: var(--mrb-chat-link); font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; padding: 0; min-height: 0; }
.mrb-chat__topic-all:hover { text-decoration: underline; }
.mrb-chat__topics { flex: 1; display: flex; flex-direction: column; min-height: 0; padding: 12px 14px; gap: 10px; background: var(--mrb-chat-bg); }
.mrb-chat__panel.is-topics > :not(.mrb-chat__header):not(.mrb-chat__topics) { display: none !important; }
.mrb-chat__topics-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.mrb-chat__topics-title { font-weight: 700; font-size: 14px; color: var(--mrb-chat-fg); }
.mrb-chat__topics-hint { font-size: 12px; color: var(--mrb-chat-muted); }
.mrb-chat__topics-new { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px dashed var(--mrb-chat-link); border-radius: 12px; font-size: 13px; justify-content: center; }
.mrb-chat__topics-new:hover { background: var(--mrb-chat-assistant); }
.mrb-chat__topics-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; scrollbar-width: thin; }
.mrb-chat__topic-item { display: block; width: 100%; text-align: left; border: 1px solid var(--mrb-chat-line); border-radius: 12px; background: var(--mrb-chat-bg); color: var(--mrb-chat-fg); padding: 9px 12px; font: inherit; cursor: pointer; min-height: 0; transition: border-color .15s, background .15s; }
.mrb-chat__topic-item:hover { border-color: var(--mrb-chat-link); background: var(--mrb-chat-assistant); }
.mrb-chat__topic-item.is-current { border-color: var(--mrb-chat-link); box-shadow: inset 3px 0 0 var(--mrb-chat-link); }
.mrb-chat__topic-item.is-closed .mrb-chat__topic-name { color: var(--mrb-chat-muted); }
.mrb-chat__topic-row { display: flex; align-items: center; gap: 8px; }
.mrb-chat__topic-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 600; }
.mrb-chat__topic-state { font-size: 11px; font-weight: 600; color: var(--mrb-chat-muted); border: 1px solid var(--mrb-chat-line); border-radius: 999px; padding: 1px 7px; }
.mrb-chat__topic-item:not(.is-closed) .mrb-chat__topic-state { color: var(--mrb-chat-live); border-color: var(--mrb-chat-live); }
.mrb-chat__topic-unread { min-width: 18px; height: 18px; border-radius: 9px; background: var(--mrb-chat-accent); color: var(--mrb-chat-accent-fg); font-size: 11px; font-weight: 700; display: grid; place-items: center; padding: 0 5px; }
.mrb-chat__topic-meta { margin-top: 3px; font-size: 11.5px; color: var(--mrb-chat-muted); }
.mrb-chat__topics-empty { font-size: 13px; color: var(--mrb-chat-muted); padding: 8px 2px; }

/* 12.13.0: a copy by email */
.mrb-chat__transcript { margin: 0 14px 8px; padding: 10px 12px; border: 1px solid var(--mrb-chat-line); border-radius: 12px; background: var(--mrb-chat-assistant); display: flex; flex-direction: column; gap: 8px; }
.mrb-chat__transcript-hint { font-size: 12.5px; color: var(--mrb-chat-muted); }
.mrb-chat__transcript .mrb-chat__field[hidden] { display: none; }
/* 12.20.0: the wait after a hand-over (countdown → wait more / send an inquiry) and the inquiry card */
.mrb-chat__wait { margin: 0 14px 10px; padding: 12px; border: 1px solid var(--mrb-chat-line); border-radius: 12px; background: var(--mrb-chat-assistant); display: grid; gap: 8px; }
.mrb-chat__wait-title { font-weight: 700; font-size: 13.5px; }
.mrb-chat__wait-count { font: 600 22px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .04em; color: var(--mrb-chat-link); }
.mrb-chat__wait-none { font-size: 13px; line-height: 1.45; }
.mrb-chat__wait-row { display: flex; flex-wrap: wrap; gap: 8px; }
.mrb-chat__details-save.is-secondary { background: transparent; color: var(--mrb-chat-link); border: 1px solid var(--mrb-chat-line); }
.mrb-chat__inq { margin: 0 14px 10px; padding: 12px; border: 1px solid var(--mrb-chat-line); border-radius: 12px; display: grid; gap: 8px; background: var(--mrb-chat-assistant); }
.mrb-chat__inq textarea.mrb-chat__field { resize: vertical; min-height: 64px; }
.mrb-chat__field--select { appearance: auto; }
.mrb-chat__field.is-invalid { border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192, 57, 43, .15); }
.mrb-chat__inq-status { font-size: 12.5px; line-height: 1.4; }
.mrb-chat__inq-status.is-error { color: #c0392b; }
html[data-theme="night"] .mrb-chat .mrb-chat__field--select { color-scheme: dark; }
@media (max-width: 480px) { .mrb-chat__wait, .mrb-chat__inq { margin: 0 10px 8px; padding: 10px; gap: 6px; } }

/* 12.32.0 (owner): when the assistant cannot help, the visitor chooses — a team member here or the sales team on
   WhatsApp; the same two choices (WhatsApp / leave your details) when nobody joins within 45 seconds. */
.mrb-chat__offer { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.mrb-chat__offer[hidden] { display: none; }
.mrb-chat__offer-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 7px 12px; border: 1px solid var(--mrb-chat-accent); border-radius: 999px; background: var(--mrb-chat-accent); color: var(--mrb-chat-accent-fg); font: inherit; font-size: 13px; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; }
.mrb-chat__offer-btn:hover, .mrb-chat__offer-btn:focus-visible { filter: brightness(1.08); }
.mrb-chat__offer-btn.is-wa { border-color: #1FA855; background: #fff; color: #128C4A; }
.mrb-chat__offer-btn.is-wa:hover, .mrb-chat__offer-btn.is-wa:focus-visible { background: #E9F8EF; filter: none; }
.mrb-chat__wait-row { display: flex; flex-wrap: wrap; gap: 6px; }
.mrb-chat__wait-row .mrb-chat__offer-btn, .mrb-chat__wait-row .mrb-chat__details-save { flex: 1 1 auto; }

/* 12.34.0 (owner): the done card after "leave your details" — clear ending, account invitation, WhatsApp, close. */
.mrb-chat__done { margin: 0 10px 8px; padding: 12px 14px; border: 1px solid var(--mrb-chat-line); border-radius: 12px; background: var(--mrb-chat-assistant); font-size: 13px; line-height: 1.45; }
.mrb-chat__done[hidden] { display: none; }
.mrb-chat__done-title { margin-bottom: 4px; font-weight: 700; font-size: 14px; color: var(--mrb-chat-fg); }
.mrb-chat__done-text { margin: 0 0 6px; color: var(--mrb-chat-fg); }
.mrb-chat__done-text[hidden] { display: none; }
.mrb-chat__done-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mrb-chat__offer-btn.is-ghost { border-color: var(--mrb-chat-line); background: transparent; color: var(--mrb-chat-muted); }
.mrb-chat__offer-btn.is-ghost:hover, .mrb-chat__offer-btn.is-ghost:focus-visible { background: rgba(0, 0, 0, .05); filter: none; color: var(--mrb-chat-fg); }

/* 12.40.0: "Book a video call" next to WhatsApp — the outline version of the accent button. */
.mrb-chat__offer-btn.is-meet { background: transparent; color: var(--mrb-chat-accent); }
.mrb-chat__offer-btn.is-meet:hover, .mrb-chat__offer-btn.is-meet:focus-visible { background: var(--mrb-chat-assistant); filter: none; }
html[data-theme="dark"] .mrb-chat .mrb-chat__offer-btn.is-meet, html[data-theme="night"] .mrb-chat .mrb-chat__offer-btn.is-meet { color: var(--mrb-chat-fg); }

/* 12.49.0 (owner): night mode — chips, links and outlines in a light sky blue (--mrb-chat-link), brighter send button
   and footer note, so every control reads clearly on the dark panel. */
html[data-theme="dark"] .mrb-chat .mrb-chat__send, html[data-theme="night"] .mrb-chat .mrb-chat__send { background: #1f7fa6; }
html[data-theme="dark"] .mrb-chat .mrb-chat__send:hover, html[data-theme="night"] .mrb-chat .mrb-chat__send:hover { background: #2a91bb; }
html[data-theme="dark"] .mrb-chat .mrb-chat__chip, html[data-theme="night"] .mrb-chat .mrb-chat__chip { background: rgba(143, 211, 238, .08); }
html[data-theme="dark"] .mrb-chat .mrb-chat__input, html[data-theme="night"] .mrb-chat .mrb-chat__input { border-color: #3a4a57; }
html[data-theme="dark"] .mrb-chat .mrb-chat__input:focus, html[data-theme="night"] .mrb-chat .mrb-chat__input:focus { box-shadow: 0 0 0 3px rgba(143, 211, 238, .2); }
html[data-theme="dark"] .mrb-chat .mrb-chat__tool, html[data-theme="dark"] .mrb-chat .mrb-chat__sound, html[data-theme="night"] .mrb-chat .mrb-chat__tool, html[data-theme="night"] .mrb-chat .mrb-chat__sound { color: #c3ced7; }
/* 12.49.1: the night tint above must not win over the hover — hovered chips get the light fill with dark text. */
html[data-theme="dark"] .mrb-chat .mrb-chat__chip:hover, html[data-theme="night"] .mrb-chat .mrb-chat__chip:hover,
html[data-theme="dark"] .mrb-chat .mrb-chat__chip:focus-visible, html[data-theme="night"] .mrb-chat .mrb-chat__chip:focus-visible { background: var(--mrb-chat-link); color: var(--mrb-chat-link-fg); border-color: var(--mrb-chat-link); }
html[data-theme="dark"] .mrb-chat .mrb-chat__tool:hover, html[data-theme="dark"] .mrb-chat .mrb-chat__tool.is-on, html[data-theme="dark"] .mrb-chat .mrb-chat__sound:hover,
html[data-theme="night"] .mrb-chat .mrb-chat__tool:hover, html[data-theme="night"] .mrb-chat .mrb-chat__tool.is-on, html[data-theme="night"] .mrb-chat .mrb-chat__sound:hover { color: var(--mrb-chat-link); }

/* 12.50.0: the assistant's next-step buttons (under its latest reply) and the quote request card */
.mrb-chat__suggest { padding-top: 2px; }
.mrb-chat__chip--next { background: rgba(19, 86, 110, .06); }
.mrb-chat__quote { margin: 8px 0 2px; padding: 10px 12px; border: 1px solid var(--mrb-chat-line); border-radius: 12px; background: var(--mrb-chat-bg); color: var(--mrb-chat-fg); }
.mrb-chat__quote-title { font-size: 13px; font-weight: 700; margin-bottom: 6px; }
.mrb-chat__quote-rows { display: grid; grid-template-columns: auto 1fr; gap: 3px 10px; margin: 0 0 8px; font-size: 13px; }
.mrb-chat__quote-rows dt { color: var(--mrb-chat-muted); }
.mrb-chat__quote-rows dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.mrb-chat__quote-text { font-size: 12px; color: var(--mrb-chat-muted); margin-bottom: 8px; }
.mrb-chat .mrb-chat__quote-btn { width: 100%; background: var(--mrb-chat-accent); border-color: var(--mrb-chat-accent); color: var(--mrb-chat-accent-fg); }
.mrb-chat__quote.is-sent .mrb-chat__quote-btn, .mrb-chat__quote.is-sent .mrb-chat__quote-text { display: none; }
.mrb-chat__quote.is-sent { opacity: .8; }
html[data-theme="dark"] .mrb-chat .mrb-chat__quote, html[data-theme="night"] .mrb-chat .mrb-chat__quote { background: #18232e; border-color: #2f3f4c; }
html[data-theme="dark"] .mrb-chat .mrb-chat__quote-btn, html[data-theme="night"] .mrb-chat .mrb-chat__quote-btn { background: #1f7fa6; border-color: #1f7fa6; color: #fff; }
html[data-theme="dark"] .mrb-chat .mrb-chat__chip--next, html[data-theme="night"] .mrb-chat .mrb-chat__chip--next { background: rgba(143, 211, 238, .08); }

/* 12.56.0 (owner 2026-10-25): the Mr Balaclava mark in the header; only WhatsApp stays visible, the rest is in a menu. */
.mrb-chat__header { position: relative; }
.mrb-chat .mrb-chat__avatar--logo { background: #162623; border-color: rgba(0, 255, 234, .45); overflow: hidden; padding: 0; }
.mrb-chat .mrb-chat__avatar--logo svg { width: 74%; height: 74%; display: block; }
.mrb-chat .mrb-chat__menu { position: absolute; top: calc(100% - 4px); right: 10px; z-index: 6; display: flex; flex-direction: column; gap: 2px; min-width: 232px; max-width: calc(100% - 20px); padding: 6px; background: var(--mrb-chat-bg); color: var(--mrb-chat-fg); border: 1px solid var(--mrb-chat-line); border-radius: 14px; box-shadow: var(--mrb-chat-shadow); }
.mrb-chat .mrb-chat__menu[hidden], .mrb-chat .mrb-chat__menu-item[hidden] { display: none; }
.mrb-chat .mrb-chat__menu-item { display: flex; align-items: center; gap: 11px; width: 100%; min-height: 40px; height: auto; margin: 0; padding: 9px 12px; border: 0; border-radius: 9px; background: transparent; color: inherit; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.3; text-align: left; text-decoration: none; text-transform: none; letter-spacing: normal; box-shadow: none; cursor: pointer; }
.mrb-chat .mrb-chat__menu-item svg { width: 18px; height: 18px; flex: none; display: block; color: var(--mrb-chat-link); }
.mrb-chat .mrb-chat__menu-item:hover { background: var(--mrb-chat-assistant); color: var(--mrb-chat-fg); }
.mrb-chat .mrb-chat__menu-item:focus-visible { outline: 2px solid var(--mrb-chat-link); outline-offset: -2px; background: var(--mrb-chat-assistant); }
.mrb-chat .mrb-chat__hdr-btn--more[aria-expanded="true"] { background: rgba(255, 255, 255, .26); border-color: rgba(255, 255, 255, .55); }

/* 12.60.0 (owner 2026-10-25): details asked inside the conversation — a small field under the assistant's message. */
.mrb-chat .mrb-chat__ask .mrb-chat__text:empty { display: none; }
.mrb-chat .mrb-chat__ask-row { display: flex; gap: 6px; margin-top: 8px; }
.mrb-chat .mrb-chat__ask-input { flex: 1; min-width: 0; height: 40px; margin: 0; padding: 0 12px; border: 1px solid var(--mrb-chat-line); border-radius: 10px; background: var(--mrb-chat-bg); color: var(--mrb-chat-fg); font: inherit; font-size: 14px; box-shadow: none; text-overflow: ellipsis; }
.mrb-chat .mrb-chat__ask-input:focus { outline: 2px solid var(--mrb-chat-link); outline-offset: 0; border-color: transparent; }
.mrb-chat .mrb-chat__ask-send { flex: none; height: 40px; min-height: 40px; padding: 0 16px; border: 0; border-radius: 10px; background: var(--mrb-chat-accent); color: var(--mrb-chat-accent-fg); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.mrb-chat .mrb-chat__ask-send:disabled { opacity: .6; cursor: default; }
.mrb-chat .mrb-chat__ask-skip { display: inline-block; margin: 6px 0 0; padding: 2px 0; border: 0; background: none; color: var(--mrb-chat-muted); font: inherit; font-size: 13px; text-decoration: underline; cursor: pointer; min-height: 0; }
.mrb-chat .mrb-chat__ask-error { margin-top: 6px; color: #a33a24; font-size: 13px; line-height: 1.35; }
html[data-theme="dark"] .mrb-chat .mrb-chat__ask-error, html[data-theme="night"] .mrb-chat .mrb-chat__ask-error { color: #f3a08a; }
html[data-theme="dark"] .mrb-chat .mrb-chat__ask-send, html[data-theme="night"] .mrb-chat .mrb-chat__ask-send { background: #1f7fa6; color: #fff; }