/* Message threads (portal + wp-admin). Colours meet AA against their backgrounds; "mine" is also positioned, not colour-only. */
.jcp-thread{--jcp-navy:#1C2D59}
.jcp-msgs{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}
.jcp-msg{max-width:min(78%,640px);background:#f1f3f8;border-radius:12px;padding:10px 14px;align-self:flex-start;overflow-wrap:anywhere}
.jcp-msg.is-mine{align-self:flex-end;background:#fff1d1}
.jcp-msg.is-internal{background:#fff8e5;border:2px dashed #b88600}
.jcp-msg-meta{font-size:.82rem;color:#4a5578;margin-bottom:4px}
.jcp-msg-meta strong{color:#1C2D59}
.jcp-msg-body{margin:0;white-space:normal}
.jcp-msg-files{list-style:none;margin:8px 0 0;padding:0;font-size:.9rem}
.jcp-msg-files li{margin:2px 0}
.jcp-msg-files a{color:#1C2D59;font-weight:600}
.jcp-msg-empty{color:#4a5578}
.jcp-count{display:inline-block;min-width:22px;padding:2px 7px;border-radius:999px;background:#FFAE16;color:#1C2D59;font-weight:800;font-size:.78rem;text-align:center;margin-left:auto}
.jcp-convs a{align-items:flex-start}
.jcp-convs small{display:block}
@media (max-width:640px){.jcp-msg{max-width:92%}}