.message-badge{display:inline-grid;place-items:center;min-width:1.3rem;height:1.3rem;margin-left:.3rem;padding:0 .3rem;border-radius:1rem;color:#11131b;background:#ffcf4a;font-size:.72rem;font-weight:800}
.message-form{max-width:none;margin-bottom:1.3rem}.message-form textarea{width:100%;resize:vertical}.message-form small{color:#9ea3b4}.message-file-list{display:flex;gap:.45rem;flex-wrap:wrap}.message-file-list span{padding:.35rem .6rem;border:1px solid #393d4d;border-radius:2rem;color:#dfe1e8;font-size:.82rem}
.message-list{display:grid;gap:.8rem}.message-card{padding:1rem 1.15rem;border:1px solid #292c3b;border-radius:1rem;background:rgba(20,22,34,.9)}.message-card header{display:flex;justify-content:space-between;gap:1rem}.message-card header small,.message-empty{color:#9ea3b4}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}.message-attachments{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.75rem}.message-attachment{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center;padding:.55rem .7rem;border:1px solid #393d4d;border-radius:.7rem;color:#fff;text-decoration:none}.message-attachment img{width:3.2rem;height:3.2rem;object-fit:cover;border-radius:.45rem}.message-readers{margin-top:.8rem}.message-readers summary{cursor:pointer;color:#ffcf4a}.message-readers ul{margin:.55rem 0 0;padding-left:1.2rem;color:#9ea3b4}
@media(max-width:600px){.message-card header{display:grid;gap:.2rem}}