/* MySKN Chat (Reggie) floating widget */
#myskn-chat-root, #myskn-chat-root * { box-sizing: border-box; }

.mc-bubble{
  position:fixed; right:20px; bottom:20px; z-index:99998;
  width:60px; height:60px; border-radius:50%; border:0; cursor:pointer;
  color:#fff; font-size:26px; line-height:1; box-shadow:0 6px 20px rgba(0,0,0,.25);
  display:flex; align-items:center; justify-content:center; transition:transform .15s ease;
}
.mc-bubble:hover{ transform:scale(1.06); }

.mc-panel{
  position:fixed; right:20px; bottom:92px; z-index:99999;
  width:360px; max-width:calc(100vw - 40px); height:520px; max-height:calc(100vh - 120px);
  background:#fff; border-radius:16px; overflow:hidden; display:none; flex-direction:column;
  box-shadow:0 12px 40px rgba(0,0,0,.28); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.mc-panel.mc-open{ display:flex; }

.mc-head{ color:#fff; padding:14px 16px; font-weight:600; display:flex; align-items:center; justify-content:space-between; }
.mc-head .mc-head-name{ flex:1; }
.mc-head .mc-head-img{ width:26px; height:26px; border-radius:50%; object-fit:cover; margin-right:10px; background:rgba(255,255,255,.2); }
.mc-head .mc-close{ background:none; border:0; color:#fff; font-size:20px; cursor:pointer; opacity:.9; }
.mc-head .mc-end{ background:none; border:0; color:#fff; font-size:18px; cursor:pointer; opacity:.9; margin-left:auto; margin-right:2px; line-height:1; }
.mc-head .mc-end:hover{ opacity:1; }
.mc-bubble-img{ width:34px; height:34px; border-radius:50%; object-fit:cover; }
/* Reggie icon fills the bubble as a circular profile pic (keeps the circle). */
.mc-bubble-icon{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; }

.mc-log{ flex:1; overflow-y:auto; padding:14px; background:#f5f7fb; }
.mc-msg{ margin:0 0 10px; padding:10px 12px; border-radius:12px; max-width:85%; white-space:pre-wrap; word-wrap:break-word; font-size:14px; line-height:1.4; }
.mc-msg.mc-bot{ background:#fff; color:#1a1a2e; border:1px solid #e6e9f0; border-bottom-left-radius:4px; }
.mc-msg.mc-user{ background:#0b6bcb; color:#fff; margin-left:auto; border-bottom-right-radius:4px; }
.mc-typing{ font-size:13px; color:#7a869a; padding:2px 4px; }

.mc-form{ display:flex; gap:8px; padding:10px; border-top:1px solid #e6e9f0; background:#fff; }
.mc-form input{ flex:1; padding:10px 12px; border:1px solid #d6dbe6; border-radius:10px; font-size:14px; outline:none; }
.mc-form button{ border:0; color:#fff; padding:0 16px; border-radius:10px; cursor:pointer; font-weight:600; }
.mc-foot{ text-align:center; font-size:11px; color:#9aa4b2; padding:6px; background:#fff; }