/* ════════════════════════════════════════════════════════════════════════
   glass-apply.css — применение движка «живого стекла» к ФОКУСНЫМ поверхностям
   (Этап R3). Только белый список из DESIGN_SYSTEM §3.4. Аддитивно, грузится
   после glass.css. Откат: убрать <link> glass-apply.css.

   Принцип «Баланс»: свечение/перелив — на выделении/наведении и на ключевых
   плавающих слоях; НЕ на длинных списках целиком (перф).
   ════════════════════════════════════════════════════════════════════════ */

/* ── 1. Контурное свечение на ВЫДЕЛЕНИИ/АКТИВНОМ ─────────────────
   Главная фича: «рефлекс со свечением по контуру». Активен только один
   элемент за раз → дёшево. */
.room-item.active,
.dm-item.active,
.fwd-item.selected,
.message.selected {
  box-shadow: 0 0 0 1px rgba(150,175,255,0.45), 0 0 16px rgba(124,154,255,0.38);
  transition: box-shadow var(--dur-2) var(--ease-out);
}

/* Лёгкий контур при наведении (только hover-устройства — десктоп) */
@media (hover: hover) {
  .room-item:hover,
  .dm-item:hover,
  .fwd-item:hover {
    box-shadow: 0 0 0 1px rgba(150,175,255,0.28);
    transition: box-shadow var(--dur-1) var(--ease-out);
  }
  .room-item.active:hover,
  .dm-item.active:hover {
    box-shadow: 0 0 0 1px rgba(150,175,255,0.5), 0 0 18px rgba(124,154,255,0.45);
  }
}

/* ── 2. Поднятое меню сообщения: перелив + rim (центральная поверхность) ── */
.msg-action-sheet,
.msg-action-reactions {
  position: relative;
  overflow: hidden;
  box-shadow: var(--shadow-lg), var(--glass-rim);
}
.msg-action-sheet::before,
.msg-action-reactions::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
  background: linear-gradient(125deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.04) 26%, transparent 48%);
  mix-blend-mode: screen;
}
.msg-action-sheet > *,
.msg-action-reactions > * { position: relative; z-index: 1; }

/* ── 3. Модалки/дашборд: верхний rim-блик (без specular — внутри скролл) ── */
.modal-content,
.admin-shell {
  box-shadow: var(--shadow-lg), var(--glass-rim);
}

/* ── 4. Акцентные кнопки: мягкое свечение при наведении ───────── */
@media (hover: hover) {
  .btn-primary:hover,
  .gbtn.accent:hover,
  .send-btn:hover {
    box-shadow: 0 6px 22px rgba(124,154,255,0.45), var(--glow-accent), inset 0 1px 0 rgba(255,255,255,0.4);
  }
}