/* Private messaging. Reuses the ORNEV tokens; logical properties only (RTL/LTR). */
.msg-row{padding-inline:20px}
.msg-row.unread{background:var(--brand-tint)}
.msg-row.unread .t{font-weight:500}
.msg-row-main{flex:1;min-width:0;display:grid}
.msg-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panel .empty .i{width:28px;height:28px;color:var(--faint)}

.msg-panel{display:flex;flex-direction:column}
.msg-head{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.msg-head-main{display:grid;min-width:0;flex:1}
.msg-name{font-weight:500;color:var(--ink)}
.msg-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.msg-head-actions form{margin:0}

.msg-thread{display:flex;flex-direction:column;gap:14px;padding:20px;max-height:min(62vh,640px);min-height:200px;overflow-y:auto;overscroll-behavior:contain}
.msg{display:grid;gap:4px;max-width:min(560px,88%)}
.msg.mine{align-self:flex-end;justify-items:end}
.msg.theirs{align-self:flex-start;justify-items:start}
.msg-bubble{border-radius:18px;padding:8px 14px;background:var(--line-soft);color:var(--ink);min-width:0;overflow-wrap:anywhere}
.msg.mine .msg-bubble{background:var(--brand-tint);border-end-end-radius:6px}
.msg.theirs .msg-bubble{border-end-start-radius:6px}
.msg.gone .msg-bubble{background:transparent;border:1px dashed var(--line)}
.msg-bubble .ptext{line-height:1.6}
.msg-bubble .ptext p:last-child{margin-bottom:0}
.msg-by{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.msg-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.msg-meta form{margin:0}
.msg-meta .pa{font-size:12px;padding:0 10px}
.msg-meta .pdetails{display:inline-block}
.msg-meta .pform{min-width:220px}
.msg-older,.msg-newer{text-align:center;padding:8px}

.msg-reply{border-top:1px solid var(--line);padding:14px 20px 16px;display:grid;gap:8px}
.msg-reply .field{margin-bottom:0}
.msg-reply textarea{min-height:76px}
.msg-reply-f{display:flex;justify-content:flex-end}
.msg-reply #send-error:empty{display:none}
.msg-closed{margin:0;border-radius:0 0 28px 28px}
.msg-to{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.msg-reports{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px}
.msg-unread-badge{margin-inline-start:6px}

@media (max-width:640px){
  .msg-thread{padding:14px;max-height:none}
  .msg{max-width:94%}
  .msg-head,.msg-reply{padding-inline:14px}
}