/* Модуль «Друзья»: CSS-дополнения classicbk-страницы (основные стили — в общих css).
   Допустимы только невидимые инфраструктурные правила: спиннер, запрет выделения,
   мобильная раскладка. Новых видимых блоков не вводим. */

/* uikit в нашем клиенте не подключён: bk.loadbtn / clearIgnor вставляют
   <div uk-spinner="ratio: 0.3"> — даём ему вид юикит-спиннера (без него — пустой div). */
[uk-spinner] {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-top-color: rgba(0, 0, 0, 0.55);
  border-radius: 50%;
  animation: frnd-spin 0.9s linear infinite;
  vertical-align: middle;
  box-sizing: border-box;
}
@keyframes frnd-spin {
  to { transform: rotate(360deg); }
}

/* Логин-кнопки (class="cp user-login-move"): в classicbk на них
   onmousedown="return false" (запрет выделения текста). CSP не разрешает
   inline-обработчики — то же самое через CSS. */
#main .user-login-move,
.windows_box .user-login-move {
  user-select: none;
  -webkit-user-select: none;
}

/* Мобильная вёрстка (только мобильный режим платформы): две колонки страницы
   «Друзья» складываются в одну, чтобы таблица не распирала экран 430px.
   В classicbk мобильной вёрстки нет — это наш платформенный слой. */
@media (max-width: 899px) {
  html:not(.mpg-force-desktop) #main > div > table > tbody > tr,
  html:not(.mpg-force-desktop) #main > div > table > tbody > tr > td {
    display: block;
    width: auto !important;
  }
}