/* Messages (v1.4.56): reuses My Circle styles (circle.css) */
html.rm-open,html.rm-open body{overflow:hidden}
#rm-panel{position:fixed;inset:0;z-index:2400;background:#f6f5f0;color:#1d241d;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:17px;line-height:1.45}
.rm-qr{background:#fff;border:2px solid #2f5d3a;border-radius:14px;padding:10px;text-align:center;margin:10px 0}
.rm-qr svg{width:100%;max-width:340px;height:auto}
.rm-ta{width:100%;box-sizing:border-box;min-height:130px;font-size:19px;border:2px solid #7a8a7a;border-radius:12px;padding:10px}
.rm-count{text-align:right;font-weight:700;font-size:15px;margin:2px 0 4px}.rm-count.bad{color:#b00000}
.rm-sel{width:100%;min-height:52px;font-size:18px;border:2px solid #7a8a7a;border-radius:12px;padding:0 10px;background:#fff}
.rm-msg{background:#fff;border:1px solid #d8d8d0;border-radius:14px;padding:10px 12px;margin:8px 0;max-width:85%;white-space:pre-wrap;word-wrap:break-word;font-size:18px}
.rm-msg.out{margin-left:auto;background:#e3f1e4;border-color:#9cc5a2}
.rm-msg small{display:block;color:#555;font-size:13px;margin-top:4px}
.rm-read{background:#fff;border:3px solid #2f5d3a;border-radius:14px;padding:14px;font-size:21px;white-space:pre-wrap;word-wrap:break-word}
.rm-vid{width:100%;max-height:60vh;border-radius:14px;background:#000}
.rm-dot{display:inline-block;min-width:22px;padding:0 6px;border-radius:11px;background:#c62828;color:#fff;font-size:13px;font-weight:800;text-align:center;margin-left:6px}
.rm-apps a{font-weight:700}
.rm-me{word-break:break-all;font-size:12px;color:#555}