/* CHAT INBOX («Сообщения») — список непрочитанных чатов в кабинете. */
.inbox-head { display:flex; align-items:center; justify-content:space-between; margin:4px 0 14px; }
.inbox-title { font-size:18px; font-weight:700; }
.inbox-list { display:flex; flex-direction:column; gap:8px; }
.inbox-row {
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  width:100%; text-align:left; cursor:pointer;
  padding:12px 14px; border-radius:12px;
  background:var(--card, #1b1b22); border:1px solid var(--border, #2a2a33);
  color:inherit; font:inherit; transition:background .12s, border-color .12s;
}
@media (hover: hover) {
  .inbox-row:hover { background:var(--card-hover, #23232c); border-color:var(--accent, #6c8cff); }
}
.inbox-row:active { background:var(--card-hover, #23232c); border-color:var(--accent, #6c8cff); }
.inbox-row-main { display:flex; flex-direction:column; gap:3px; min-width:0; }
.inbox-row-title { font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.inbox-row-preview { font-size:13px; opacity:.7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:46ch; }
@media (max-width: 640px) {
  .inbox-row-preview { max-width:100%; }
}
.inbox-row-side { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.inbox-unread {
  min-width:22px; height:22px; padding:0 7px; border-radius:11px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--danger, #e5484d); color:#fff; font-size:12px; font-weight:700;
}
.inbox-time { font-size:12px; opacity:.55; }
.inbox-empty { padding:40px 0; text-align:center; opacity:.6; }
@media (max-width: 480px) {
  .inbox-row { border-radius: 16px; }
}