#messages-app{display:flex;gap:20px}
.messages-left{width:320px;border-right:1px solid #2b2b2b;padding-right:10px}
.messages-right{flex:1;padding-left:10px}
#thread-list{list-style:none;padding:0;margin:0}
.thread-item{padding:8px;border-bottom:1px solid #2b2b2b;cursor:pointer;color:#fff}
.thread-item.unread{font-weight:700;background:#0d0d0d}
.thread-item.unread::after{content:'';width:10px;height:10px;border-radius:50%;background:#ff3b30;display:inline-block;margin-left:8px;vertical-align:middle}
.thread-top{display:flex;justify-content:space-between;align-items:center}
.thread-top .partner{font-weight:600;color:#fff}
.thread-top .tdate{font-size:12px;color:#bbb}
	.thread-last-sender{font-size:12px;color:#aaa;margin-top:4px}
.you-badge{background:#2b7cff;color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;margin-left:8px}
.msg-actions{margin-top:6px}
.msg-actions button{background:transparent;border:1px solid rgba(255,255,255,0.12);color:#fff;padding:4px 8px;margin-right:6px;border-radius:4px;cursor:pointer}
.reply-box{margin-top:12px}
.reply-box textarea{width:100%;height:80px;padding:8px;border-radius:6px;border:1px solid #333;background:#050505;color:#fff}
.reply-box button{margin-top:6px;padding:6px 12px;background:#2b7cff;color:#fff;border:none;border-radius:4px;cursor:pointer}
.thread-title{font-weight:600;margin-top:4px;color:#fff}
.thread-excerpt{font-size:13px;color:#ccc;margin-top:4px}
.message{margin-bottom:10px;padding:12px;border-radius:6px;color:#fff}
.message .meta{font-size:12px;color:#ddd;margin-bottom:6px;display:flex;justify-content:space-between}
.message .meta .sender{font-weight:700}
.message-sent{background:#111;text-align:right}
.message-received{background:#000;text-align:left}
.thread-subject{background:#0b0b0b;border:1px solid #222;padding:8px;border-radius:6px;margin-bottom:8px;font-weight:700;color:#fff}
.badge{background:#d9534f;color:#fff;padding:2px 6px;border-radius:10px;font-size:12px;margin-left:8px}
.thread-header{font-size:16px;font-weight:700;padding:8px 0;color:#fff}
.meta .sender{font-weight:700;margin-right:8px}
@media(max-width:800px){#messages-app{flex-direction:column}.messages-left{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.messages-right{padding-top:10px}}