:root{
  --mme-blue:#0969e8;
  --mme-blue2:#1ca7ff;
  --mme-ink:#10396c;
  --mme-muted:#66809d;
  --mme-line:#d7e7f6;
}

.mme-ai-lite,.mme-ai-lite *{box-sizing:border-box}

.mme-ai-lite{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:999999;
  font-family:Inter,Arial,sans-serif
}

.mme-ai-lite-launch{
  height:54px;
  padding:0 8px 0 16px;
  display:flex;
  align-items:center;
  gap:9px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--mme-blue),var(--mme-blue2));
  color:#fff;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(15,96,190,.22)
}

.mme-ai-lite-launch img{
  width:38px;
  height:38px;
  border-radius:50%;
  background:#fff
}

.mme-ai-lite-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2fe07b
}

.mme-ai-lite-panel{
  position:absolute;
  right:0;
  bottom:66px;
  width:min(500px,calc(100vw - 24px));
  height:min(650px,calc(100vh - 80px));
  background:rgba(248,252,255,.97);
  border:1px solid #e4f0fa;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(20,78,145,.18);
  grid-template-rows:auto auto auto 1fr auto auto auto
}

.mme-ai-lite-panel:not([hidden]){display:grid}

.mme-ai-lite-head{
  min-height:78px;
  padding:13px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:linear-gradient(120deg,#fff,#e8f6ff 68%,#cbeaff);
  border-bottom:1px solid var(--mme-line)
}

.mme-ai-lite-brand{
  display:flex;
  align-items:center;
  gap:10px
}

.mme-ai-lite-logo{
  width:52px;
  height:52px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#0c459e,#0871e8);
  color:#fff;
  border:3px solid #fff;
  font-weight:900;
  font-size:16px
}

.mme-ai-lite-brand strong{
  display:block;
  color:#0f3970;
  font-size:18px
}

.mme-ai-lite-brand small{
  display:block;
  margin-top:4px;
  color:#4c6d90;
  font-size:11px;
  font-weight:700
}

.mme-ai-lite-brand small span{
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:4px;
  border-radius:50%;
  background:#22c55e
}

.mme-ai-lite-head-actions{
  display:flex;
  align-items:center;
  gap:6px
}

.mme-ai-lite-lang-wrap{position:relative}

.mme-ai-lite-lang{
  height:36px;
  padding:0 10px;
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid #cfe2f5;
  border-radius:999px;
  background:#fff;
  color:#1353a2;
  font-weight:750;
  cursor:pointer
}

.mme-ai-lite-lang-menu{
  position:absolute;
  right:0;
  top:42px;
  z-index:20;
  width:205px;
  padding:6px;
  border-radius:14px;
  background:#fff;
  border:1px solid #dae9f7;
  box-shadow:0 12px 30px rgba(20,73,137,.14)
}

.mme-ai-lite-lang-menu:not([hidden]){display:grid}

.mme-ai-lite-lang-menu button{
  padding:8px 9px;
  border:0;
  border-radius:9px;
  background:#fff;
  color:#214c7d;
  text-align:left;
  cursor:pointer
}

.mme-ai-lite-lang-menu button:hover{background:#eef7ff}

.mme-ai-lite-close{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#0c60c2;
  font-size:21px;
  cursor:pointer
}

.mme-ai-lite-top{
  display:grid;
  grid-template-columns:82px 1fr;
  gap:12px;
  align-items:center;
  padding:13px 15px 9px
}

.mme-ai-lite-avatar{
  width:78px;
  height:78px;
  border-radius:50%;
  background:#fff;
  border:3px solid #8fd2ff
}

.mme-ai-lite-welcome{
  padding:13px 14px;
  border:1px solid #dceaf7;
  border-radius:16px;
  background:#fff;
  color:#244d79
}

.mme-ai-lite-welcome strong{
  font-size:17px;
  color:#123a70
}

.mme-ai-lite-welcome p{
  margin:5px 0;
  font-size:12px;
  line-height:1.45
}

.mme-ai-lite-welcome b{
  color:#0868e8;
  font-size:11px
}

.mme-ai-lite-actions{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  padding:0 15px 11px
}

.mme-ai-lite-actions button{
  min-height:42px;
  border:1px solid #d6e7f6;
  border-radius:12px;
  background:#fff;
  color:#1357a8;
  font-size:11px;
  font-weight:800;
  cursor:pointer
}

.mme-ai-lite-body{
  overflow-y:auto;
  padding:0 15px 10px;
  display:grid;
  align-content:start;
  gap:8px
}

.mme-ai-lite-msg{
  max-width:88%;
  padding:9px 11px;
  border-radius:13px;
  font-size:12px;
  line-height:1.45;
  white-space:pre-wrap
}

.mme-ai-lite-msg.bot{
  background:#fff;
  color:#23486f;
  border:1px solid #dae8f5
}

.mme-ai-lite-msg.user{
  justify-self:end;
  background:#0873e7;
  color:#fff
}

.mme-ai-lite-msg.wait{opacity:.65}

.mme-ai-lite-status{
  margin:0 15px 8px;
  padding:9px 11px;
  border-radius:11px;
  border:1px solid #cfe2f4;
  background:#eef7ff;
  color:#315b83;
  font-size:11px;
  font-weight:700
}

.mme-ai-lite-status.listening{
  background:#fff3f3;
  border-color:#ffc8c8;
  color:#a21d1d
}

.mme-ai-lite-status.success{
  background:#effaf3;
  border-color:#bee6cc;
  color:#19723b
}

.mme-ai-lite-status.error{
  background:#fff1f1;
  border-color:#ffc2c2;
  color:#a71919
}

.mme-ai-lite-form{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 46px;
  gap:8px;
  align-items:center;
  padding:10px 15px;
  border-top:1px solid #e0edf8;
  background:#fff
}

.mme-ai-lite-mic{
  min-width:96px;
  height:44px;
  padding:0 12px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  border:0;
  border-radius:999px;
  background:#0b71df;
  color:#fff;
  font-weight:800;
  cursor:pointer
}

.mme-ai-lite-mic.listening{background:#cf1f36}

.mme-ai-lite-form textarea{
  min-height:44px;
  max-height:100px;
  resize:none;
  padding:11px 12px;
  border:1px solid #bfd5e9;
  border-radius:15px;
  outline:none;
  background:#fff;
  color:#23466f;
  font:inherit
}

.mme-ai-lite-send{
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  background:#0873e7;
  color:#fff;
  font-size:19px;
  cursor:pointer
}

.mme-ai-lite-foot{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:7px 15px 10px;
  color:#66809b;
  font-size:9px;
  font-weight:700;
  background:#fff
}

/* No backdrop-filter, no infinite animations, minimal shadows */

@media(max-width:620px){
  .mme-ai-lite{left:8px;right:8px;bottom:8px}
  .mme-ai-lite-panel{
    position:fixed;
    left:8px;
    right:8px;
    bottom:70px;
    width:auto;
    height:min(650px,calc(100vh - 82px))
  }
  .mme-ai-lite-top{grid-template-columns:1fr}
  .mme-ai-lite-avatar{display:none}
  .mme-ai-lite-actions{grid-template-columns:repeat(2,1fr)}
  .mme-ai-lite-brand strong{font-size:16px}
  .mme-ai-lite-logo{width:44px;height:44px;font-size:14px}
  .mme-ai-lite-lang .name{display:none}
  .mme-ai-lite-mic{min-width:54px}
  .mme-ai-lite-mic .mic-label{display:none}
}

/* Final visual polish — GPU-light */
.mme-ai-lite-panel{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,247,255,.97))}
.mme-ai-lite-head{background:linear-gradient(115deg,#fff 0%,#e9f7ff 52%,#bfe4ff 100%)}
.mme-ai-lite-mic{min-width:148px;background:linear-gradient(135deg,#07111f,#0b315f);letter-spacing:.2px}
.mme-ai-lite-mic.listening{background:linear-gradient(135deg,#9f1024,#ed334b)}
.mme-ai-lite-actions button:hover{background:#edf7ff}
@media(max-width:620px){.mme-ai-lite-mic{min-width:58px}.mme-ai-lite-mic .mic-label{display:none}}

/* Language code selector — language, not country */
.mme-ai-lite-lang .flag{
  min-width:30px;
  height:24px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#e9f4ff;
  color:#0757b8;
  font-size:10px;
  font-weight:900;
  letter-spacing:.4px;
}
.mme-ai-lite-lang-menu button{
  font-weight:750;
}


/* AUTO LANGUAGE FINAL
   No language selector. Cleaner header and lighter UI. */
#mme-ai-lite .mme-ai-lite-head-actions{
  margin-left:auto;
}
#mme-ai-lite .mme-ai-lite-close{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  background:#fff !important;
  color:#0757b8 !important;
  border:1px solid #c7dff3 !important;
  font-size:22px;
  font-weight:900;
}
#mme-ai-lite .mme-ai-lite-brand small{
  white-space:nowrap;
}


/* ============================================================
   MME AI — LOCKED CONTRAST FINAL
   Purpose:
   - No transparent bleed-through
   - Host website CSS cannot turn text white-on-white
   - Strong white / navy / blue hierarchy
   - Lightweight: no backdrop-filter, no infinite animation
   ============================================================ */

#mme-ai-lite,
#mme-ai-lite * {
  box-sizing: border-box !important;
  text-shadow: none !important;
}

/* Whole panel — fully opaque */
#mme-ai-lite .mme-ai-lite-panel {
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 58%, #eef7ff 100%) !important;
  border: 1px solid #bcd9f2 !important;
  box-shadow: 0 18px 46px rgba(17, 71, 135, .22) !important;
  opacity: 1 !important;
  color: #173b68 !important;
}

/* Header */
#mme-ai-lite .mme-ai-lite-head {
  background: linear-gradient(120deg, #ffffff 0%, #e8f6ff 52%, #bfe6ff 100%) !important;
  border-bottom: 1px solid #bfdcf3 !important;
}

#mme-ai-lite .mme-ai-lite-brand strong {
  color: #082f63 !important;
  font-weight: 900 !important;
}

#mme-ai-lite .mme-ai-lite-brand small {
  color: #315f8e !important;
  font-weight: 750 !important;
}

#mme-ai-lite .mme-ai-lite-logo {
  background: linear-gradient(145deg, #063e92, #0a78e8) !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* Close button */
#mme-ai-lite .mme-ai-lite-close {
  background: #ffffff !important;
  color: #0757b8 !important;
  border: 1px solid #bad7ef !important;
  box-shadow: 0 6px 16px rgba(11, 88, 174, .12) !important;
}

/* Avatar area */
#mme-ai-lite .mme-ai-lite-top {
  background: #f7fbff !important;
}

#mme-ai-lite .mme-ai-lite-avatar {
  background: #ffffff !important;
  border-color: #5ebcff !important;
}

/* Welcome card */
#mme-ai-lite .mme-ai-lite-welcome {
  background: #ffffff !important;
  border: 1px solid #cfe1f1 !important;
  color: #31587f !important;
  box-shadow: 0 7px 18px rgba(16, 83, 153, .07) !important;
}

#mme-ai-lite .mme-ai-lite-welcome strong {
  color: #082f63 !important;
}

#mme-ai-lite .mme-ai-lite-welcome p {
  color: #456b91 !important;
}

#mme-ai-lite .mme-ai-lite-welcome b {
  color: #075fce !important;
}

/* QUICK ACTIONS — locked high contrast */
#mme-ai-lite .mme-ai-lite-actions {
  background: #f7fbff !important;
}

#mme-ai-lite .mme-ai-lite-actions button {
  background: linear-gradient(180deg, #ffffff 0%, #f2f8ff 100%) !important;
  color: #0757b8 !important;
  border: 1px solid #9fc9ea !important;
  box-shadow: 0 5px 12px rgba(14, 83, 153, .06) !important;
  font-weight: 900 !important;
  opacity: 1 !important;
}

#mme-ai-lite .mme-ai-lite-actions button,
#mme-ai-lite .mme-ai-lite-actions button * {
  color: #0757b8 !important;
}

#mme-ai-lite .mme-ai-lite-actions button:hover {
  background: #e6f3ff !important;
  color: #063f8b !important;
  border-color: #6eafe0 !important;
}

/* Conversation body — opaque */
#mme-ai-lite .mme-ai-lite-body {
  background: #f5faff !important;
}

/* Bot messages */
#mme-ai-lite .mme-ai-lite-msg.bot {
  background: #ffffff !important;
  color: #264e76 !important;
  border: 1px solid #cfe1f1 !important;
  box-shadow: 0 5px 14px rgba(10, 68, 130, .05) !important;
}

#mme-ai-lite .mme-ai-lite-msg.bot,
#mme-ai-lite .mme-ai-lite-msg.bot * {
  color: #264e76 !important;
}

/* User messages */
#mme-ai-lite .mme-ai-lite-msg.user {
  background: linear-gradient(135deg, #075fcf, #168df2) !important;
  color: #ffffff !important;
  border: 0 !important;
}

#mme-ai-lite .mme-ai-lite-msg.user,
#mme-ai-lite .mme-ai-lite-msg.user * {
  color: #ffffff !important;
}

/* Waiting text */
#mme-ai-lite .mme-ai-lite-msg.wait {
  background: #eef6ff !important;
  color: #4a6e91 !important;
  border: 1px solid #d4e5f4 !important;
  opacity: 1 !important;
}

/* Status */
#mme-ai-lite .mme-ai-lite-status {
  background: #edf6ff !important;
  color: #27587f !important;
  border-color: #c4dff4 !important;
  opacity: 1 !important;
}

#mme-ai-lite .mme-ai-lite-status.listening {
  background: #fff1f2 !important;
  color: #a5142c !important;
  border-color: #f5b6bf !important;
}

#mme-ai-lite .mme-ai-lite-status.success {
  background: #eefaf3 !important;
  color: #17683a !important;
  border-color: #aedfc1 !important;
}

#mme-ai-lite .mme-ai-lite-status.error {
  background: #fff0f0 !important;
  color: #a51515 !important;
  border-color: #f0b4b4 !important;
}

/* Input bar — fully opaque */
#mme-ai-lite .mme-ai-lite-form {
  background: #ffffff !important;
  border-top: 1px solid #cfe1f1 !important;
}

#mme-ai-lite .mme-ai-lite-form textarea {
  background: #ffffff !important;
  color: #173f68 !important;
  border: 1px solid #a9cbe7 !important;
  box-shadow: inset 0 1px 2px rgba(25, 73, 120, .04) !important;
  opacity: 1 !important;
}

#mme-ai-lite .mme-ai-lite-form textarea::placeholder {
  color: #748da6 !important;
  opacity: 1 !important;
}

/* Voice — dark premium, always readable */
#mme-ai-lite .mme-ai-lite-mic {
  background: linear-gradient(135deg, #07131f 0%, #0b2e59 100%) !important;
  color: #ffffff !important;
  border: 1px solid #102c4d !important;
  box-shadow: 0 8px 18px rgba(4, 23, 43, .18) !important;
}

#mme-ai-lite .mme-ai-lite-mic,
#mme-ai-lite .mme-ai-lite-mic * {
  color: #ffffff !important;
  font-weight: 900 !important;
}

#mme-ai-lite .mme-ai-lite-mic.listening {
  background: linear-gradient(135deg, #a4112a 0%, #e3344d 100%) !important;
  border-color: #a4112a !important;
}

/* Send */
#mme-ai-lite .mme-ai-lite-send {
  background: linear-gradient(135deg, #0872e6, #09a6f3) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(7, 111, 222, .18) !important;
}

/* Footer — solid white */
#mme-ai-lite .mme-ai-lite-foot {
  background: #ffffff !important;
  color: #527393 !important;
  border-top: 1px solid #edf4fa !important;
}

#mme-ai-lite .mme-ai-lite-foot,
#mme-ai-lite .mme-ai-lite-foot * {
  color: #527393 !important;
}

/* Launcher */
#mme-ai-lite .mme-ai-lite-launch {
  background: linear-gradient(135deg, #075fcf, #10a4ef) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.8) !important;
}

#mme-ai-lite .mme-ai-lite-launch,
#mme-ai-lite .mme-ai-lite-launch * {
  color: #ffffff !important;
}

/* Isolation from the website underneath */
#mme-ai-lite .mme-ai-lite-panel,
#mme-ai-lite .mme-ai-lite-head,
#mme-ai-lite .mme-ai-lite-top,
#mme-ai-lite .mme-ai-lite-welcome,
#mme-ai-lite .mme-ai-lite-actions,
#mme-ai-lite .mme-ai-lite-body,
#mme-ai-lite .mme-ai-lite-form,
#mme-ai-lite .mme-ai-lite-foot {
  opacity: 1 !important;
}

/* Mobile remains clean */
@media (max-width: 620px) {
  #mme-ai-lite .mme-ai-lite-panel {
    border-radius: 20px !important;
  }

  #mme-ai-lite .mme-ai-lite-form {
    gap: 7px !important;
  }
}