/* V31-M4J read-only clientarea service and internal discussions */
.m4j-service-panel{margin:20px 0}
.m4j-title{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:12px}
.m4j-title h3{margin:0}
.m4j-title p{font-size:13px;line-height:1.65;color:#637b6b}
.m4j-title button{white-space:normal;max-width:100%}
.m4j-status{background:#e9f3ed;color:#28533b;border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.m4j-status.error{background:#fff0ec;color:#934635}
.m4j-records{display:grid;gap:10px;margin:14px 0 18px}
.m4j-record{border:1px solid #dbe6dc;background:#fbfdfb;border-radius:10px;padding:13px;display:grid;gap:4px}
.m4j-record strong{font-size:13px;color:#28523c;overflow-wrap:anywhere}
.m4j-record small{font-size:12px;color:#576f60;overflow-wrap:anywhere}
.m4j-tag{display:inline-block;border:1px solid #d7e2d9;border-radius:7px;background:#eef5ef;font-size:11px;padding:4px 8px;color:#28583f;margin:6px 0}
.m4j-footnote{color:#805e3a;background:#fff9ed;border:1px solid #eddfbe;border-radius:9px;padding:12px;font-size:12px;line-height:1.75}
.m4j-contact{border-top:1px solid #d9e5dc;padding-top:12px;margin-top:16px;color:#536957}
.m4j-contact p,.m4j-contact small{font-size:12px;line-height:1.7}
@media(max-width:670px){.m4j-title{flex-direction:column}.m4j-title button{width:100%}}
