/* _content/BathDream.Modules.Messenger.BlazorComponents/Components/MessengerComponent.razor.rz.scp.css */
/* Раскладка переписки по высоте.

   Что было не так. Высоту раздавали «на глаз»: список разговоров ограничивали
   вычитанием фиксированных чисел из высоты окна (см. NavigationComponent), а
   сверху над перепиской стояли ещё две полосы — просьба включить уведомления и
   ссылка на обращения. В сумме переписка оказывалась ВЫШЕ окна: поле ввода
   сообщения и кнопка «создать переписку» уезжали за нижний край, и человек их
   просто не видел. Отсюда и «а где групповые переписки?» — кнопка создания
   была на экране, только ниже его края.

   Теперь высота раздаётся сверху вниз обычным растяжением: каждый уровень
   отдаёт остаток следующему, и ничего не считается в точках. Ключевое —
   min-height: 0 на каждом уровне: без него содержимое не даёт колонке сжаться
   до размеров окна. */

.messenger-root[b-sackg8guqy] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.messenger-root[b-sackg8guqy] >  * {
    flex: 1 1 auto;
    min-height: 0;
}

/* Колонки (список разговоров и сам разговор) занимают ровно высоту окна, а их
   содержимое прокручивается внутри себя, а не всей страницей.

   height: 100% здесь обязателен. Без него колонка тянется по содержимому: двенадцать
   разговоров в списке — и колонка выше окна, а вместе с ней и поле ввода сообщения.
   На узком экране колонки не складываются друг под друга: там всегда показана
   ровно одна из двух (вторая скрыта), поэтому полная высота ей и нужна. */
.messenger-root[b-sackg8guqy]  .mud-grid-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.messenger-root[b-sackg8guqy]  .mud-grid-item > * {
    flex: 1 1 auto;
    min-height: 0;
}

[b-sackg8guqy] .fab-add-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  /* Поверх списка разговоров: при прокрутке кнопка не должна прятаться под строками */
  z-index: 2;
}

[b-sackg8guqy] .dvh-100 {
  height: 100vh;
  height: 100dvh;
}
/* _content/BathDream.Modules.Messenger.BlazorComponents/Components/NavigationComponent.razor.rz.scp.css */
.hoverable:hover[b-1mi8jd4h33] {
    background-color: var(--bs-gray-200, #e9ecef);
}

[b-1mi8jd4h33] .mud-tabs-toolbar-wrapper {
    width: 100% !important;
}

[b-1mi8jd4h33] .mud-tabs-toolbar-wrapper > .mud-tooltip-root {
    flex: 1;
}

[b-1mi8jd4h33] .mud-tabs-scroll-button {
    display: none;
}

/* Список разговоров занимает ровно ту высоту, что осталась от окна.

   Раньше здесь стояло вычитание фиксированных чисел из высоты окна
   (48 + 16 + 8 точек — под одну полосу сверху). Полос стало три, числа перестали
   сходиться, и список вылезал за нижний край экрана вместе с кнопкой создания
   переписки. Высоту больше не считаем — вкладки просто растягиваются по остатку,
   а список прокручивается внутри себя. */
[b-1mi8jd4h33] .mud-tabs {
    flex: 1 1 auto;
    min-height: 0;
}

[b-1mi8jd4h33] .mud-tabs-panels {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

[b-1mi8jd4h33] .mud-tabs-panels > .mud-tabpanel {
    height: 100%;
    min-height: 0;
}