.mpmsg-box{border:1px solid #e5e5e5;border-radius:10px;padding:14px;margin-top:18px;background:#fff}
.mpmsg-box textarea{width:100%;margin:10px 0;border-radius:8px}
.mpmsg-muted{opacity:.7}
.mpmsg-status{margin-top:10px;font-size:14px}
.mpmsg-status.ok{color:#0a7a2f}
.mpmsg-status.err{color:#b00020}

.mpmsg-account{display:grid;grid-template-columns:320px 1fr;gap:18px}
@media(max-width:900px){.mpmsg-account{grid-template-columns:1fr}}

.mpmsg-inbox{border:1px solid #eee;border-radius:12px;padding:12px;background:#fff}
.mpmsg-conv-list{list-style:none;margin:0;padding:0}
.mpmsg-conv-list li{margin:0}
.mpmsg-conv-list a{display:block;padding:10px 10px;border-radius:10px;text-decoration:none}
.mpmsg-conv-list li.active a,.mpmsg-conv-list a:hover{background:#f6f6f6}

.mpmsg-thread{border:1px solid #eee;border-radius:12px;padding:12px;background:#fff}
#mpmsg-thread{height:420px;overflow:auto;border:1px solid #f0f0f0;border-radius:10px;padding:10px;background:#fafafa;margin-bottom:10px}
.mpmsg-msg{padding:8px 10px;border-radius:10px;margin-bottom:10px;max-width:85%}
.mpmsg-msg.me{margin-left:auto;background:#e9f5ff}
.mpmsg-msg.other{margin-right:auto;background:#fff}
.mpmsg-meta{font-size:12px;opacity:.75;margin-bottom:6px}
.mpmsg-body p{margin:0}
#mpmsg-reply{width:100%;border-radius:10px;margin:8px 0}