#mf-support-widget { position: fixed; bottom: 18px; right: 18px; z-index: 9999; font-family: "Space Grotesk", system-ui, sans-serif; }
#mf-support-widget * { box-sizing: border-box; }
.mf-sa-toggle {
  display: inline-flex; align-items: center; gap: .5rem;
  background: linear-gradient(135deg, #3ad6c5, #5b8cff);
  color: #04121a; font-weight: 700; border: none; cursor: pointer;
  padding: .65rem 1.05rem; border-radius: 999px; font-size: .9rem;
  box-shadow: 0 8px 26px rgba(58, 214, 197, .35);
}
.mf-sa-toggle:hover { filter: brightness(1.05); }
.mf-sa-toggle .dot { width: 9px; height: 9px; border-radius: 50%; background: #04121a; opacity: .65; }
.mf-sa-panel {
  position: absolute; bottom: 58px; right: 0; width: min(370px, calc(100vw - 36px));
  height: min(540px, calc(100vh - 110px)); display: none; flex-direction: column;
  background: #0a1020; border: 1px solid #22304f; border-radius: 16px; overflow: hidden;
  box-shadow: 0 18px 50px rgba(0,0,0,.5);
}
.mf-sa-panel.open { display: flex; }
.mf-sa-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: .85rem 1rem; background: linear-gradient(90deg, #0c1326, #131d3a);
  border-bottom: 1px solid #22304f;
}
.mf-sa-head .title { color: #eaf0fb; font-weight: 700; font-size: .95rem; }
.mf-sa-head .sub { color: #8497bd; font-size: .7rem; }
.mf-sa-close { background: none; border: none; color: #8497bd; font-size: 1.2rem; cursor: pointer; line-height: 1; }
.mf-sa-log { flex: 1; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: .65rem; }
.mf-sa-msg { max-width: 86%; padding: .6rem .8rem; border-radius: 12px; font-size: .85rem; line-height: 1.45; white-space: pre-wrap; word-wrap: break-word; }
.mf-sa-msg.user { align-self: flex-end; background: linear-gradient(135deg, #3ad6c5, #5b8cff); color: #04121a; border-bottom-right-radius: 4px; }
.mf-sa-msg.bot { align-self: flex-start; background: rgba(255,255,255,.05); color: #dbe4f7; border: 1px solid #22304f; border-bottom-left-radius: 4px; }
.mf-sa-msg.note { align-self: center; background: rgba(243,201,105,.1); color: #f3c969; border: 1px solid rgba(243,201,105,.3); font-size: .76rem; text-align: center; }
.mf-sa-form { display: flex; gap: .5rem; padding: .75rem; border-top: 1px solid #22304f; background: #0c1326; }
.mf-sa-form input {
  flex: 1; padding: .6rem .75rem; border-radius: 10px; border: 1px solid #22304f;
  background: #0a1020; color: #eaf0fb; font-size: .85rem;
}
.mf-sa-form input:focus { outline: none; border-color: #3ad6c5; }
.mf-sa-form button {
  background: linear-gradient(135deg, #3ad6c5, #5b8cff); color: #04121a; font-weight: 700;
  border: none; border-radius: 10px; padding: 0 .95rem; cursor: pointer; font-size: .85rem;
}
.mf-sa-form button:disabled { opacity: .5; cursor: default; }
.mf-sa-typing { align-self: flex-start; color: #8497bd; font-size: .8rem; padding: .3rem .2rem; }