.msg-tabs{display:flex;gap:6px}
.msg-tabs span{padding:8px 16px;font-size:13px;color:var(--muted);cursor:pointer;border-radius:999px;background:#f1f5f9}
.msg-tabs span.active{color:#fff;background:var(--brand);font-weight:700}
.msg-item{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px;cursor:pointer;background:#fff}
.msg-item.read{opacity:.7}
.msg-top{display:flex;align-items:center;justify-content:space-between}
.msg-title{font-weight:700;color:var(--ink)}
.msg-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;display:inline-block}
.msg-cat{font-size:12px;color:var(--muted);margin:4px 0}
.msg-body{font-size:13px;color:var(--text);white-space:pre-wrap;display:none;margin-top:6px;border-top:1px dashed var(--line);padding-top:8px}