/* Сетка мессенджера */
.messenger-container { display: flex; height: 600px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden; }
.messenger-sidebar { width: 280px; background: var(--bg-hover); border-right: 1px solid var(--border-color); overflow-y: auto; display: flex; flex-direction: column; }
.contact-item { padding: 15px; border-bottom: 1px solid var(--border-color); cursor: pointer; display: flex; align-items: center; transition: 0.2s; text-decoration: none; color: var(--text-main); }
.contact-item.active { background: var(--primary-color); color: #fff; }

.chat-history { flex: 1; padding: 20px; overflow-y: auto; display: flex; flex-direction: column; gap: 15px; background: var(--bg-card); }
.chat-msg { max-width: 70%; padding: 10px 15px; border-radius: 8px; font-size: 14px; line-height: 1.5; position: relative; word-wrap: break-word; }
.chat-msg.received { align-self: flex-start; background: var(--bg-hover); border: 1px solid var(--border-color); }
.chat-msg.sent { align-self: flex-end; background: var(--primary-color); color: white; }

.chat-toolbar { padding: 8px 15px; background: var(--bg-hover); border-top: 1px solid var(--border-color); display: flex; gap: 10px; align-items: center; }
.chat-input-area { padding: 15px; background: var(--bg-hover); border-top: 1px solid var(--border-color); }
.chat-textarea { flex: 1; padding: 10px; border-radius: 6px; border: 1px solid var(--border-color); resize: none; height: 50px; font-family: inherit; }

/* Табы профиля */
.profile-tabs { display: flex; gap: 10px; margin-bottom: 20px; border-bottom: 1px solid var(--border-color); }
.tab-btn { padding: 10px 15px; background: none; border: none; border-bottom: 3px solid transparent; cursor: pointer; font-weight: 600; color: var(--text-muted); font-size: 14px; }
.tab-btn.active { color: var(--primary-color); border-color: var(--primary-color); }