/* Идентиконы сотрудников (app/users/avatar.py): один рисунок в ленте
   и в сайдбаре, разный масштаб. Отдельный файл: messages.css перерос
   лимит 600 строк, новые блоки туда не добавляем.

   Значок - тихий опознавательный знак, а не портрет: размер соизмерим
   с именем, скругление мягкое, рамки нет. Скринридерам скрыт (имя
   рядом текстом), клика не несёт. */

/* Голова сообщения: 20px в строке с именем и временем. Сам значок
   выравнивается по вертикали сам (vertical-align): правило .msg-head
   здесь не трогаем - порядок CSS-файлов не должен влиять на шапку */
.msg-avatar,
.msg-avatar .avatar {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: inline-block;
}
.msg-avatar { line-height: 0; vertical-align: middle; }
.msg-avatar .avatar { border-radius: var(--radius-chip); }

/* Строка сайдбара: 18px, между точкой статуса и именем */
.row-avatar,
.row-avatar .avatar {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: inline-block;
}
.row-avatar { line-height: 0; }
.row-avatar .avatar { border-radius: var(--radius-chip); }