.mkai-chatbot-root{position:fixed;z-index:999999;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a}.mkai-chatbot-root.mkai-right{right:22px;bottom:22px}.mkai-chatbot-root.mkai-left{left:22px;bottom:22px}.mkai-launcher{display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:14px 18px;background:var(--mkai-primary,#1e40af);color:#fff;font-weight:800;box-shadow:0 18px 40px rgba(15,23,42,.24);cursor:pointer;transition:.2s transform,.2s box-shadow}.mkai-launcher:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(15,23,42,.28)}.mkai-launcher-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.16)}.mkai-panel{position:absolute;bottom:70px;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 110px));background:#fff;border:1px solid rgba(148,163,184,.36);border-radius:var(--mkai-panel-radius,24px);box-shadow:0 24px 70px rgba(15,23,42,.28);overflow:hidden;display:flex;flex-direction:column}.mkai-right .mkai-panel{right:0}.mkai-left .mkai-panel{left:0}.mkai-panel[hidden]{display:none}.mkai-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:linear-gradient(135deg,var(--mkai-primary,#1e40af),#0f172a);color:var(--mkai-header-text,#fff)}.mkai-panel-header strong{display:block;font-size:16px}.mkai-panel-header span{display:block;font-size:12px;opacity:.82;margin-top:2px}.mkai-close{border:0;background:rgba(255,255,255,.13);color:var(--mkai-header-text,#fff);border-radius:12px;width:34px;height:34px;font-size:22px;line-height:1;cursor:pointer}.mkai-messages{flex:1;overflow:auto;padding:16px;background:linear-gradient(180deg,#f8fafc,#fff)}.mkai-msg{display:flex;margin:0 0 12px}.mkai-msg-user{justify-content:flex-end}.mkai-bubble{max-width:88%;padding:11px 13px;border-radius:var(--mkai-bubble-radius,18px);font-size:var(--mkai-font-size,14px);line-height:1.45;box-shadow:0 8px 18px rgba(15,23,42,.06)}.mkai-msg-bot .mkai-bubble{background:var(--mkai-bot-bubble-bg,#fff);color:var(--mkai-bot-bubble-text,#0f172a);border:1px solid #e2e8f0;border-top-left-radius:6px}.mkai-msg-user .mkai-bubble{background:var(--mkai-primary,#1e40af);color:var(--mkai-user-bubble-text,#fff);border-top-right-radius:6px}.mkai-bubble p{margin:.3em 0}.mkai-products{display:grid;gap:10px;margin-top:10px}.mkai-product{display:grid;grid-template-columns:58px 1fr;gap:10px;border:1px solid #e2e8f0;border-radius:16px;padding:9px;background:#fff}.mkai-product img{width:58px;height:58px;object-fit:cover;border-radius:12px;background:#f1f5f9}.mkai-product strong{display:block;font-size:13px;line-height:1.25;margin-bottom:4px}.mkai-product small{display:block;color:#64748b;margin-bottom:4px}.mkai-product a{display:inline-flex;margin-top:4px;color:var(--mkai-primary,#1e40af);font-weight:800;text-decoration:none;font-size:12px}.mkai-sale{display:inline-flex;background:#dcfce7;color:#166534;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.mkai-quick-replies{display:flex;gap:8px;overflow-x:auto;padding:10px 14px;border-top:1px solid #e2e8f0;background:#fff}.mkai-quick-replies button{white-space:nowrap;border:1px solid #cbd5e1;background:#f8fafc;border-radius:999px;padding:7px 10px;font-size:12px;cursor:pointer}.mkai-quick-replies button:hover{border-color:var(--mkai-primary,#1e40af);color:var(--mkai-primary,#1e40af)}.mkai-form{display:flex;gap:9px;padding:12px;border-top:1px solid #e2e8f0;background:#fff}.mkai-form textarea{flex:1;resize:none;max-height:105px;border:1px solid #cbd5e1;border-radius:16px;padding:12px;font-family:inherit;font-size:14px;line-height:1.4;outline:none}.mkai-form textarea:focus{border-color:var(--mkai-primary,#1e40af);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.mkai-form button{width:44px;height:44px;border:0;border-radius:16px;background:var(--mkai-accent,#16a34a);color:#fff;font-weight:900;cursor:pointer}.mkai-form button[disabled]{opacity:.58;cursor:not-allowed}.mkai-powered{text-align:center;font-size:11px;color:#94a3b8;padding:0 0 8px}.mkai-typing{display:inline-flex;gap:4px}.mkai-typing i{width:6px;height:6px;border-radius:50%;background:#94a3b8;display:block;animation:mkaiBlink 1s infinite alternate}.mkai-typing i:nth-child(2){animation-delay:.18s}.mkai-typing i:nth-child(3){animation-delay:.36s}@keyframes mkaiBlink{from{opacity:.25;transform:translateY(0)}to{opacity:1;transform:translateY(-3px)}}@media(max-width:520px){.mkai-chatbot-root.mkai-right,.mkai-chatbot-root.mkai-left{right:14px;left:14px;bottom:14px}.mkai-panel{width:calc(100vw - 28px);height:calc(100vh - 100px)}.mkai-launcher{width:100%;justify-content:center}.mkai-right .mkai-panel,.mkai-left .mkai-panel{right:0;left:0}}

.mkai-product-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.mkai-product-actions button{border:0;border-radius:999px;background:var(--mkai-accent);color:#fff;font-weight:700;font-size:12px;padding:6px 10px;cursor:pointer;box-shadow:0 8px 18px rgba(22,163,74,.18)}
.mkai-product-actions button:hover{filter:brightness(.95)}
.mkai-bubble ul{margin:8px 0 8px 18px;padding:0}.mkai-bubble li{margin:3px 0}

/* v1.4 Proactive assistant */
.mkai-proactive{position:absolute;right:0;bottom:76px;width:min(360px,calc(100vw - 28px));background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 50px rgba(15,23,42,.22);border-radius:var(--mkai-panel-radius,22px);padding:16px;z-index:999998;animation:mkai-pop .22s ease-out;color:#0f172a}
.mkai-left .mkai-proactive{left:0;right:auto}
.mkai-proactive-close{position:absolute;top:8px;right:10px;border:0;background:#f1f5f9;color:#334155;width:26px;height:26px;border-radius:999px;cursor:pointer;font-size:18px;line-height:1}
.mkai-proactive-body{display:flex;flex-direction:column;gap:12px;padding-right:4px}
.mkai-proactive-text p{margin:.25rem 0;font-size:14px;line-height:1.45}
.mkai-proactive .mkai-products{margin-top:0;max-height:220px;overflow:auto}
.mkai-proactive-actions{display:flex;gap:8px;flex-wrap:wrap}
.mkai-proactive-actions button,.mkai-product-actions button,.mkai-stock-alert-form button{border:0;border-radius:999px;background:var(--mkai-primary,#1e40af);color:#fff;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}
.mkai-product-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.mkai-stock-alert-form{display:grid;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px;margin-top:10px}
.mkai-stock-alert-form input[type="text"],.mkai-stock-alert-form input[type="email"]{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:9px 10px;font-size:13px;background:#fff;color:#111827}
.mkai-stock-alert-form .mkai-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.35;color:#475569}
.mkai-stock-alert-status{font-size:12px;color:#166534;min-height:16px}
.mkai-stock-alert-form.mkai-done{border-color:#86efac;background:#f0fdf4}
.mkai-privacy-note{display:block;color:#64748b;font-size:11px;line-height:1.35;border-top:1px solid #e2e8f0;padding-top:8px}
@keyframes mkai-pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:480px){.mkai-proactive{position:fixed;left:14px!important;right:14px!important;bottom:86px;width:auto}.mkai-proactive .mkai-products{max-height:180px}}

/* v1.6 Live human takeover */
.mkai-panel-header{gap:8px}.mkai-human-btn{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.13);color:var(--mkai-header-text,#fff);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.mkai-human-btn:hover{background:rgba(255,255,255,.2)}.mkai-human-btn:disabled{opacity:.72;cursor:default}.mkai-msg-operator{justify-content:flex-start}.mkai-msg-operator .mkai-bubble{background:#ecfdf5;border:1px solid #bbf7d0;border-top-left-radius:6px}.mkai-msg-system{justify-content:center}.mkai-msg-system .mkai-bubble{max-width:94%;background:#fffbeb;border:1px solid #fde68a;color:#92400e;text-align:center;box-shadow:none;font-size:12px}.mkai-live-label{display:block;margin:0 0 4px;color:#475569;font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:10px}.mkai-live-active .mkai-panel-header{background:linear-gradient(135deg,#15803d,#0f172a)}.mkai-live-requested .mkai-panel-header{background:linear-gradient(135deg,#b45309,#0f172a)}
@media(max-width:520px){.mkai-panel-header{padding:13px}.mkai-human-btn{font-size:11px;padding:7px 8px}.mkai-panel-header strong{font-size:14px}.mkai-panel-header span{font-size:11px}}


.mkai-language-wrap{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,.9);margin-left:auto}
.mkai-language-wrap select{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);color:#fff;border-radius:10px;padding:4px 7px;font-size:12px;outline:none;max-width:115px}
.mkai-language-wrap option{color:#111;background:#fff}
.mkai-panel-header{gap:8px}
@media(max-width:520px){.mkai-language-wrap span{display:none}.mkai-language-wrap select{max-width:86px}.mkai-human-btn{font-size:11px;padding:6px}}

.mkai-form .mkai-voice-btn{border:0;border-radius:14px;padding:0 10px;background:#eef2ff;cursor:pointer;font-size:16px}.mkai-form .mkai-voice-btn.mkai-listening{background:#fee2e2;box-shadow:0 0 0 3px rgba(239,68,68,.18)}

.mkai-api-source-dot{position:absolute;top:7px;right:8px;width:9px;height:9px;border-radius:999px;background:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.16);overflow:hidden;text-indent:-999px}.mkai-bubble-api{border-color:#c7d2fe!important;box-shadow:0 8px 18px rgba(99,102,241,.08)!important}

/* v3.0.10 Render lock: keep product cards/buttons/images styled even when theme CSS is aggressive */
.mkai-chatbot-root,.mkai-chatbot-root *{box-sizing:border-box}
.mkai-bubble{position:relative;word-break:break-word;overflow-wrap:anywhere}
.mkai-products{display:grid!important;gap:10px!important;margin-top:10px!important}
.mkai-product{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:9px!important;background:#fff!important;color:#0f172a!important}
.mkai-product img{display:block!important;width:58px!important;height:58px!important;object-fit:cover!important;border-radius:12px!important;background:#f1f5f9!important;max-width:58px!important}
.mkai-product strong{display:block!important;font-size:13px!important;line-height:1.25!important;margin:0 0 4px!important;color:#0f172a!important}
.mkai-product small{display:block!important;color:#64748b!important;margin:0 0 4px!important}
.mkai-product-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:6px!important}
.mkai-product-actions button,.mkai-product-actions a.mkai-order-link{border:0!important;border-radius:999px!important;background:var(--mkai-primary,#1e40af)!important;color:#fff!important;font-weight:800!important;font-size:12px!important;padding:7px 10px!important;cursor:pointer!important;text-decoration:none!important;line-height:1.1!important;box-shadow:0 8px 18px rgba(30,64,175,.14)!important}
.mkai-api-source-dot{position:absolute;top:7px;right:8px;width:9px;height:9px;border-radius:999px;background:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.16);overflow:hidden;text-indent:-999px}
.mkai-bubble-api{border-color:#c7d2fe!important;box-shadow:0 8px 18px rgba(99,102,241,.08)!important}

/* v3.0.14 WooCommerce variation order flow */
.mkai-bubble .mkai-variation-list{margin:8px 0 8px 20px!important;padding:0!important;display:block!important;list-style:decimal!important}
.mkai-bubble .mkai-variation-list li{margin:6px 0!important;padding:6px 8px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#f8fafc!important;color:#0f172a!important;line-height:1.35!important}
.mkai-bubble .mkai-variation-list strong{font-weight:900!important;color:#0f172a!important}

.mkai-chatbot .mkai-live-discount-card,.mkai-live-discount-card{border:1px solid #fed7aa;background:#fff7ed;color:#7c2d12;border-radius:14px;padding:10px 12px;margin:4px 0;box-shadow:0 8px 18px rgba(124,45,18,.08)}
.mkai-chatbot .mkai-live-discount-card strong,.mkai-live-discount-card strong{color:#9a3412}

/* v3.0.18 multi-question answer sections */
.mkai-answer-sections h4{margin:10px 0 5px;font-size:13px;font-weight:800;color:var(--mkai-primary,#0f766e)}
.mkai-answer-sections ul{margin:6px 0 8px 18px;padding:0}
.mkai-answer-sections li{margin:3px 0;line-height:1.45}

/* v3.0.20 personal greeting/name request note */
.mkai-bubble .mkai-name-request-note{margin-top:10px!important;padding:10px 12px!important;border:1px solid #dbeafe!important;background:#eff6ff!important;color:#1e3a8a!important;border-radius:14px!important;font-size:13px!important;line-height:1.45!important}
.mkai-bubble .mkai-name-request-note p{margin:0!important;color:#1e3a8a!important}

.mkai-chat .mkai-related-offer,
.mkai-chat .mkai-cart-note,
.mkai-chat .mkai-cart-list {
  border: 1px solid rgba(30, 64, 175, .12);
  background: rgba(248, 250, 252, .92);
  border-radius: 14px;
  padding: 10px 12px;
  margin: 8px 0;
}
.mkai-chat .mkai-related-offer ol,
.mkai-chat .mkai-cart-list {
  margin: 8px 0 0 18px;
}
.mkai-chat .mkai-cart-note {
  font-size: 13px;
  color: #166534;
  background: rgba(220, 252, 231, .85);
  border-color: rgba(22, 101, 52, .16);
}

/* v3.0.24: personalized coupon cards */
.mkai-chatbot .mkai-coupon-card,.mkai-chatbot .mkai-live-coupon-card,.mkai-coupon-card,.mkai-live-coupon-card{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:14px;padding:10px 12px;margin:4px 0;box-shadow:0 8px 18px rgba(30,64,175,.08)}
.mkai-chatbot .mkai-coupon-card strong,.mkai-chatbot .mkai-live-coupon-card strong,.mkai-coupon-card strong,.mkai-live-coupon-card strong{color:#1d4ed8}
.mkai-chatbot .mkai-coupon-card code,.mkai-chatbot .mkai-live-coupon-card code,.mkai-coupon-note code{background:#dbeafe;color:#1e40af;border-radius:8px;padding:2px 6px;font-weight:800;letter-spacing:.04em}

/* v3.0.25: sales stimulation cards */
.mkai-chatbot .mkai-sales-stimulation-card,.mkai-sales-stimulation-card{border:1px solid #bbf7d0;background:#f0fdf4;color:#14532d;border-radius:14px;padding:11px 13px;margin:6px 0;box-shadow:0 8px 18px rgba(22,101,52,.08)}
.mkai-chatbot .mkai-sales-stimulation-card strong,.mkai-sales-stimulation-card strong{color:#166534}
.mkai-chatbot .mkai-sales-stimulation-card ul,.mkai-sales-stimulation-card ul{margin:8px 0 8px 18px;padding:0}
.mkai-chatbot .mkai-sales-stimulation-card small,.mkai-sales-stimulation-card small{color:#3f6212;font-weight:700}

/* v3.0.26: customer-friendly reward copy inside sales cards */
.mkai-chatbot .mkai-sales-stimulation-card span,.mkai-sales-stimulation-card span{display:inline-block;margin-top:3px;color:#14532d;font-weight:700;line-height:1.45}
/* v3.0.65: one subtle offer line appended after a real answer */
.mkai-bubble .mkai-soft-offer{margin:8px 0 0!important;padding:0 0 0 10px!important;border-left:3px solid #86efac!important;font-size:.93em!important;opacity:.9}
/* v3.0.68: project cards (portfolio answers) */
.mkai-bubble .mkai-project-cards{display:grid!important;gap:8px!important;margin:8px 0!important}
.mkai-bubble a.mkai-project-card{display:flex!important;gap:10px!important;align-items:center!important;padding:8px!important;border:1px solid #e2e8f0!important;border-radius:12px!important;background:#fff!important;color:#0f172a!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.mkai-bubble a.mkai-project-card:hover,.mkai-bubble a.mkai-project-card:focus{border-color:var(--mkai-primary,#1e40af)!important;box-shadow:0 4px 14px rgba(15,23,42,.08)!important}
.mkai-bubble a.mkai-project-card img{width:64px!important;height:64px!important;flex:0 0 64px!important;object-fit:cover!important;border-radius:8px!important;margin:0!important;background:#f1f5f9}
.mkai-bubble .mkai-project-card-body{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;line-height:1.35!important}
.mkai-bubble .mkai-project-card-body strong{font-size:.98em!important;color:#0f172a!important}
.mkai-bubble .mkai-project-card-body small{font-size:.8em!important;color:#475569!important;font-weight:600!important}
.mkai-bubble .mkai-project-card-body span{font-size:.86em!important;color:#334155!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
/* v3.0.27: product saleability guard */
.mkai-unavailable-note{display:inline-flex!important;width:max-content!important;max-width:100%!important;background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important;border-radius:999px!important;padding:3px 8px!important;font-weight:800!important;font-size:11px!important;line-height:1.2!important}

/* v3.0.34 Emoji / icon support */
.mkai-chatbot-root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.mkai-emoji-icon{display:inline-block;margin-right:3px;line-height:1;vertical-align:-.08em;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.mkai-quick-replies button,.mkai-product-actions button,.mkai-product small{font-family:inherit}


/* v3.0.44: mobile + subtle icon polish */
.mkai-emoji-icon{font-size:1em!important;max-width:1.15em!important;overflow:hidden!important;margin-right:2px!important}
.mkai-bubble .mkai-emoji-icon + .mkai-emoji-icon{display:none!important}
@media(max-width:520px){
  .mkai-launcher-icon{width:22px!important;height:22px!important;font-size:13px!important}
  .mkai-launcher{padding:11px 14px!important;gap:7px!important;font-size:13px!important}
  .mkai-emoji-icon{font-size:.95em!important;margin-right:1px!important;vertical-align:-.04em!important}
  .mkai-quick-replies button{font-size:11px!important;padding:6px 8px!important}
  .mkai-product{grid-template-columns:48px minmax(0,1fr)!important;padding:8px!important;border-radius:14px!important}
  .mkai-product img{width:48px!important;height:48px!important;max-width:48px!important;border-radius:10px!important}
  .mkai-product-actions button,.mkai-product-actions a.mkai-order-link{font-size:11px!important;padding:6px 8px!important}
}

/* v3.0.61: panel header overflow fix — too many header controls (language,
   human, settings, close) in a fixed-width flex row with no wrap pushed
   buttons outside the visible panel. Group the action buttons so the title
   block truncates first, and let the actions wrap onto a second line before
   anything is cut off. */
.mkai-panel-header{flex-wrap:wrap!important;row-gap:8px!important}
.mkai-panel-header-title{min-width:0;flex:1 1 120px;overflow:hidden}
.mkai-panel-header-title strong,.mkai-panel-header-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkai-panel-header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0;margin-left:auto}
.mkai-panel-header-actions .mkai-language-wrap{margin-left:0}
.mkai-settings-btn{flex-shrink:0}

/* v3.0.54: visitor chat-history controls */
.mkai-settings-btn{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.13);color:var(--mkai-header-text,#fff);border-radius:999px;width:32px;height:32px;font-size:15px;line-height:1;cursor:pointer}
.mkai-settings-btn:hover{background:rgba(255,255,255,.2)}
.mkai-settings-menu{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0}
.mkai-settings-menu[hidden]{display:none}
.mkai-settings-menu .mkai-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#334155;cursor:pointer}
.mkai-settings-menu .mkai-check input{width:16px;height:16px;cursor:pointer}
.mkai-clear-chat{align-self:flex-start;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;cursor:pointer}
.mkai-clear-chat:hover{background:#fee2e2}
.mkai-clear-chat:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:520px){.mkai-settings-btn{width:28px;height:28px;font-size:13px}}

/* ===================================================================
 * v3.0.71 — readable, tidy chat on every screen (phone, tablet, desktop)
 * =================================================================== */
#mkai-chatbot-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* Window */
#mkai-chatbot-root .mkai-panel{width:min(400px,calc(100vw - 24px));height:min(680px,calc(100vh - 110px));height:min(680px,calc(100dvh - 110px));bottom:74px;border-color:rgba(148,163,184,.3)}
@media (min-width:1400px){#mkai-chatbot-root .mkai-panel{width:420px;height:min(720px,calc(100dvh - 120px))}}

/* Header: logo, name, online dot, compact actions */
#mkai-chatbot-root .mkai-panel-header{align-items:center;gap:10px;padding:12px 14px}
#mkai-chatbot-root .mkai-header-logo{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:38px;min-width:38px;max-width:104px;padding:4px 7px;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.18);overflow:hidden}
#mkai-chatbot-root .mkai-header-logo img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain}
#mkai-chatbot-root .mkai-panel-header-title{flex:1 1 110px;min-width:0}
#mkai-chatbot-root .mkai-panel-header-title strong{font-size:15px;line-height:1.25;letter-spacing:.01em}
#mkai-chatbot-root .mkai-status-label{display:flex!important;align-items:center;gap:6px;font-size:12px;margin-top:2px}
#mkai-chatbot-root .mkai-status-label::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
#mkai-chatbot-root .mkai-close,#mkai-chatbot-root .mkai-settings-btn{display:inline-flex;align-items:center;justify-content:center}

/* Messages */
#mkai-chatbot-root .mkai-messages{padding:16px 14px 10px;background:#f6f8fb;scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#mkai-chatbot-root .mkai-msg{margin:0 0 10px;align-items:flex-end;gap:8px}
#mkai-chatbot-root .mkai-bubble{max-width:86%;padding:10px 13px;font-size:max(14px,var(--mkai-font-size,14px));line-height:1.55;box-shadow:0 1px 2px rgba(15,23,42,.06)}
#mkai-chatbot-root .mkai-msg-bot .mkai-bubble{border-color:#e5e9f0}
#mkai-chatbot-root .mkai-bubble > :first-child{margin-top:0}
#mkai-chatbot-root .mkai-bubble > :last-child{margin-bottom:0}
#mkai-chatbot-root .mkai-bubble p{margin:0 0 .6em}
#mkai-chatbot-root .mkai-bubble strong,#mkai-chatbot-root .mkai-bubble b{font-weight:700}
#mkai-chatbot-root .mkai-bubble a{color:var(--mkai-primary,#1e40af);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;overflow-wrap:anywhere}
#mkai-chatbot-root .mkai-msg-user .mkai-bubble a{color:inherit}
#mkai-chatbot-root .mkai-bubble a.mkai-project-card{text-decoration:none!important}
#mkai-chatbot-root .mkai-bubble ul,#mkai-chatbot-root .mkai-bubble ol{margin:.3em 0 .65em 1.2em;padding:0}
#mkai-chatbot-root .mkai-bubble li{margin:.25em 0;padding-left:.1em}
#mkai-chatbot-root .mkai-bubble h2,#mkai-chatbot-root .mkai-bubble h3,#mkai-chatbot-root .mkai-bubble h4{font-size:1em;line-height:1.35;margin:.7em 0 .3em}
#mkai-chatbot-root .mkai-bubble img{max-width:100%;height:auto;border-radius:10px}
#mkai-chatbot-root .mkai-bubble table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.92em;margin:.4em 0}
#mkai-chatbot-root .mkai-bubble th,#mkai-chatbot-root .mkai-bubble td{border:1px solid #e2e8f0;padding:4px 7px;text-align:left}
#mkai-chatbot-root .mkai-bubble code{font-size:.9em;background:rgba(15,23,42,.06);padding:1px 5px;border-radius:5px}
#mkai-chatbot-root .mkai-bubble blockquote{margin:.5em 0;padding:.2em .8em;border-left:3px solid #cbd5e1;color:#475569}
#mkai-chatbot-root .mkai-msg-system .mkai-bubble{font-size:12.5px;line-height:1.45}

/* Small logo next to the assistant's messages */
#mkai-chatbot-root.mkai-has-avatar .mkai-msg-bot::before{content:"";flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#fff var(--mkai-logo) center/72% no-repeat;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(15,23,42,.08)}
#mkai-chatbot-root.mkai-has-avatar .mkai-msg-bot .mkai-bubble{max-width:calc(100% - 44px)}

/* Launcher with logo, visible keyboard focus */
#mkai-chatbot-root .mkai-launcher-logo{background:#fff!important;padding:3px;overflow:hidden}
#mkai-chatbot-root .mkai-launcher-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
#mkai-chatbot-root .mkai-launcher:focus-visible,#mkai-chatbot-root .mkai-panel button:focus-visible,#mkai-chatbot-root .mkai-panel a:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:2px}

/* Quick replies: one tidy scrollable row, comfortable to tap */
#mkai-chatbot-root .mkai-quick-replies{gap:6px;padding:8px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#mkai-chatbot-root .mkai-quick-replies::-webkit-scrollbar{display:none}
#mkai-chatbot-root .mkai-quick-replies:empty{display:none}
#mkai-chatbot-root .mkai-quick-replies button{flex:0 0 auto;min-height:34px;padding:7px 12px;font-size:13px;font-weight:600;line-height:1.2;color:#1e293b;background:#fff;border:1px solid #d7dee8;border-radius:999px;transition:border-color .15s,color .15s,background .15s}
#mkai-chatbot-root .mkai-quick-replies button:hover{background:#f8fafc}

/* Input */
#mkai-chatbot-root .mkai-form{gap:8px;padding:10px 12px;align-items:flex-end}
#mkai-chatbot-root .mkai-form textarea{min-height:44px;padding:11px 13px;font-size:15px;line-height:1.4;border-radius:14px;color:#0f172a;background:#fff}
#mkai-chatbot-root .mkai-form textarea::placeholder{color:#94a3b8}
#mkai-chatbot-root .mkai-form button[type=submit]{flex:0 0 44px;width:44px;height:44px;font-size:17px}

/* Tablets */
@media (min-width:601px) and (max-width:1024px){
  #mkai-chatbot-root .mkai-panel{width:min(420px,calc(100vw - 32px));height:min(700px,calc(100dvh - 120px))}
}

/* Phones: the chat opens full screen, with large, readable text */
@media (max-width:600px){
  #mkai-chatbot-root.mkai-right{right:14px!important;left:auto!important;bottom:max(14px,env(safe-area-inset-bottom))!important}
  #mkai-chatbot-root.mkai-left{left:14px!important;right:auto!important;bottom:max(14px,env(safe-area-inset-bottom))!important}
  #mkai-chatbot-root .mkai-launcher{width:auto!important;max-width:calc(100vw - 28px)}
  #mkai-chatbot-root .mkai-launcher[aria-expanded="true"]{display:none!important}
  #mkai-chatbot-root .mkai-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important}
  #mkai-chatbot-root .mkai-panel-header{padding:max(10px,env(safe-area-inset-top)) 12px 10px}
  #mkai-chatbot-root .mkai-header-logo{height:34px;min-width:34px;max-width:88px}
  #mkai-chatbot-root .mkai-messages{padding:14px 10px 8px}
  #mkai-chatbot-root .mkai-bubble{max-width:90%;font-size:max(15px,var(--mkai-font-size,14px))}
  #mkai-chatbot-root.mkai-has-avatar .mkai-msg-bot::before{flex-basis:24px;width:24px;height:24px}
  #mkai-chatbot-root.mkai-has-avatar .mkai-msg-bot .mkai-bubble{max-width:calc(100% - 36px)}
  #mkai-chatbot-root .mkai-form{padding:8px 10px max(10px,env(safe-area-inset-bottom))}
  #mkai-chatbot-root .mkai-form textarea{font-size:16px}
  html.mkai-chat-open,html.mkai-chat-open body{overflow:hidden!important}
}

/* Respect "reduce motion" */
@media (prefers-reduced-motion:reduce){
  #mkai-chatbot-root *,#mkai-chatbot-root *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Header with the site logo: slim brand bar on top, name and the employee button below */
#mkai-chatbot-root .mkai-header-logo{opacity:1!important;margin:0!important;font-size:0}
#mkai-chatbot-root.mkai-has-logo .mkai-panel-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"logo lang set close" "title human human human";column-gap:6px;row-gap:8px!important;align-items:center;padding:10px 14px 12px}
#mkai-chatbot-root.mkai-has-logo .mkai-panel-header-actions{display:contents}
#mkai-chatbot-root.mkai-has-logo .mkai-header-logo{grid-area:logo;justify-self:start;height:34px;max-width:min(160px,100%)}
#mkai-chatbot-root.mkai-has-logo .mkai-panel-header-title{grid-area:title}
#mkai-chatbot-root.mkai-has-logo .mkai-language-wrap{grid-area:lang;margin:0}
#mkai-chatbot-root.mkai-has-logo .mkai-settings-btn{grid-area:set}
#mkai-chatbot-root.mkai-has-logo .mkai-close{grid-area:close}
#mkai-chatbot-root.mkai-has-logo .mkai-human-btn{grid-area:human;justify-self:end}
@media (max-width:600px){
  #mkai-chatbot-root.mkai-has-logo .mkai-panel-header{padding:max(10px,env(safe-area-inset-top)) 12px 10px}
  #mkai-chatbot-root.mkai-has-logo .mkai-header-logo{height:32px;max-width:min(140px,100%)}
}

/* Quick replies: wrap into rows on computers (mouse), swipe row on touch screens */
@media (hover:hover) and (pointer:fine){
  #mkai-chatbot-root .mkai-quick-replies{flex-wrap:wrap;overflow-x:hidden;overflow-y:auto;max-height:94px;scrollbar-width:thin}
  #mkai-chatbot-root .mkai-quick-replies::-webkit-scrollbar{display:block;width:6px}
  #mkai-chatbot-root .mkai-quick-replies::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}
}
@media (max-width:600px){
  #mkai-chatbot-root .mkai-quick-replies button{font-size:13.5px!important;padding:8px 13px!important;min-height:36px}
}
