.mp-support-fab{position:fixed;right:22px;bottom:24px;z-index:790;width:58px;height:58px;border:0;border-radius:50%;background:#174b3a;color:#fff;box-shadow:0 16px 38px rgba(23,75,58,.3);display:grid;place-items:center;cursor:pointer}.mp-support-fab svg{width:24px;height:24px}.mp-support-fab b{position:absolute;right:-2px;top:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#b42318;color:#fff;font:800 10px/20px Arial}.mp-support-float{position:fixed;right:22px;bottom:94px;z-index:789;width:min(380px,calc(100vw - 28px));max-height:min(600px,calc(100vh - 130px));background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.18);overflow:hidden;display:flex;flex-direction:column}.mp-support-float.hidden,.mp-support-fab.hidden{display:none!important}.mp-sf-head{padding:16px 18px;background:#174b3a;color:#fff;display:flex;align-items:center;justify-content:space-between}.mp-sf-head small{display:block;opacity:.72;font-size:9px;letter-spacing:.12em;font-weight:800}.mp-sf-head b{font-size:15px}.mp-sf-head button{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:9px;width:32px;height:32px;font-size:20px}.mp-sf-body{padding:12px;overflow:auto}.mp-sf-action{display:flex;gap:8px;margin-bottom:10px}.mp-sf-action a,.mp-sf-action button{flex:1;border:1px solid #e5e7eb;background:#fff;border-radius:11px;padding:10px;font-size:11px;font-weight:800;text-align:center;text-decoration:none;color:#17211d}.mp-sf-action button{background:#174b3a;color:#fff;border-color:#174b3a}.mp-sf-row{width:100%;border:0;border-bottom:1px solid #f0f1f0;background:#fff;padding:12px 5px;text-align:left;cursor:pointer}.mp-sf-row b{display:block;font-size:12px;color:#17211d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-sf-row span{font-size:9px;color:#77817c}.mp-sf-empty{padding:26px 10px;text-align:center;font-size:11px;color:#77817c}@media(max-width:700px){.mp-support-fab{right:14px;bottom:82px}.mp-support-float{right:14px;bottom:150px}}.mp-sf-thread-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.mp-sf-thread-nav button{border:0;background:none;padding:4px 0;color:#174b3a;font-size:10px;font-weight:800;cursor:pointer}.mp-sf-thread-nav a{font-size:10px;color:#66736d;text-decoration:none}.mp-sf-thread{max-height:330px;overflow:auto;padding:4px 2px 8px}.mp-sf-msg{max-width:84%;margin:8px 0}.mp-sf-msg.mine{margin-left:auto}.mp-sf-msg>div{padding:9px 11px;border-radius:13px;background:#f2f4f3;border:1px solid #e5e7eb;font-size:11px;line-height:1.45;white-space:pre-wrap}.mp-sf-msg.mine>div{background:#174b3a;color:#fff;border-color:#174b3a}.mp-sf-msg small{display:block;margin:3px 4px 0;color:#8a938e;font-size:8px}.mp-sf-msg.mine small{text-align:right}.mp-sf-reply{display:flex;gap:7px;border-top:1px solid #eee;padding-top:10px}.mp-sf-reply textarea{flex:1;border:1px solid #d9ddda;border-radius:10px;padding:9px;resize:none;font:11px Arial}.mp-sf-reply button{border:0;border-radius:10px;background:#174b3a;color:#fff;padding:0 13px;font-size:10px;font-weight:800;cursor:pointer}

@media (max-width: 640px){
  .mp-support-float{
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-width:none !important;
    bottom:78px !important;
    max-height:72vh !important;
  }
  .mp-sf-reply{
    grid-template-columns:minmax(0,1fr) auto !important;
  }
  #mpSfText{
    min-width:0 !important;
    min-height:64px !important;
    font-size:16px !important;
  }
}

/* Quick reply: keep the hint below the textarea and compact Send action. */
.mp-sf-reply{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.mp-sf-reply textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:64px}
.mp-sf-reply #mpSfSend{width:auto;min-width:64px;max-width:88px;min-height:44px;align-self:end}
.mp-sf-reply>small{grid-column:1/-1;overflow-wrap:anywhere}
.mp-sf-body,.mp-sf-thread,.mp-sf-msg{min-width:0}
.mp-sf-msg>div{overflow-wrap:anywhere}
@media(max-width:850px){
 .mp-support-fab{right:14px;bottom:calc(84px + env(safe-area-inset-bottom))}
 .mp-support-float{bottom:calc(78px + env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 170px)!important}
}