/* Лента сотрудников в оболочке CRM: колокольчик в шапке и полоса просьб из
   зала внизу. Оба — про одни и те же события и питаются одним опросом
   (`staff_feed_bell.js`), поэтому и стиль у них один файл. Раньше жили
   инлайновым <style> в base.html и росли вместе с ним. */

/* ---- Колокольчик в шапке ---- */
.staff-feed-bell { position: relative; display: inline-flex; align-items: center;
                   color: rgba(255,255,255,.92); font-size: 1.2rem; padding: .25rem .45rem;
                   text-decoration: none; line-height: 1;
                   z-index: 3; }
.staff-feed-bell:hover { color: #fff; }
.staff-feed-badge { position: absolute; top: -2px; right: -4px; font-size: .62rem; }
.staff-feed-bell--attention .bi-bell::before { content: "\f199"; } /* bi-bell-fill */

/* ---- Полоса просьб из зала (staff_feed_floor_alerts.js) ----
   Прижата вниз и НЕ перекрывает работу: занимает свою высоту, остальное
   кликается. Красная — потому что человек ждёт в клубе прямо сейчас. */
.floor-alerts { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1035;
                display: flex; flex-direction: column; gap: 1px; }
.floor-alerts[hidden] { display: none; }
.floor-alert { display: flex; align-items: center; gap: var(--bp-space-3);
               padding: var(--bp-space-2) var(--bp-space-4);
               background: var(--bp-stamp-red); color: var(--bp-on-accent);
               box-shadow: var(--bp-shadow-pop); }
.floor-alert--going { opacity: .5; }
/* Текст переносится целиком: «…» скрыло бы, о чём именно просят. */
.floor-alert__text { flex: 1; min-width: 0; display: flex; flex-wrap: wrap;
                     align-items: baseline;
                     gap: var(--bp-space-1) var(--bp-space-2);
                     white-space: normal; overflow-wrap: anywhere; }
.floor-alert__where { opacity: .85; font-size: .85em; }
/* Цель касания — 44px: кнопку жмут на бегу, часто с телефона. */
.floor-alert__done { min-height: 44px; min-width: 96px; font-weight: 600; }

/* Плавающие кнопки уезжают НАД полосой, а не она поверх них: подними мы
   полосу, она закрывала бы собой то, чем работают. Высоту (`--bp-floor-alerts`)
   ставит сам скрипт полосы; полосы нет — ноль, и кнопки стоят где стояли.
   Правила живут здесь, а не рядом с кнопками: двигает их полоса, и знать про
   это должно одно место. Файл подключён ПОСЛЕ nav-shell.css и styles.css.
   ⚠️ Исключение — телефон: там `bottom` кружка чата переобъявляет mobile.css
   (последний в каскаде) вместе с safe-area, и переменная добавлена в ТО
   правило. Меняешь одно — проверь второе. */
.app-fab-improve { bottom: calc(16px + var(--bp-floor-alerts, 0px)); }
.chat-dock-launcher { bottom: calc(24px + var(--bp-floor-alerts, 0px)); }