/* ГЛОБАЛЬНОЕ УВЕДОМЛЕНИЕ — ПОД ШАПКОЙ, И ЭТО ИЗМЕРЕНО, А НЕ УГАДАНО.
 *
 * Порядок сверху вниз обязан быть: край окна -> шапка -> НИЖНЯЯ ГРАНИЦА ШАПКИ ->
 * уведомление -> содержимое страницы. Здесь стояло четыре разных числа под четыре
 * поверхности (64 / 56 / 58 / 52), и каждое было догадкой о высоте шапки: на PWA с
 * вырезом, в ландшафте и на страницах с другой высотой шапки уведомление наезжало на
 * неё, пряталось под ней или висело с зазором.
 *
 * Величину теперь публикует assets/dc-flash-toast.js — он измеряет НАСТОЯЩУЮ нижнюю
 * кромку шапки и пересчитывает её при повороте, изменении окна и переходах оболочки.
 * Значение ниже — ЗАПАСНОЕ: работает до первого замера и там, где шапки нет вовсе
 * (страница ожидания). Пересчитывать его руками под каждую поверхность больше не нужно
 * и не следует: разойдётся снова. */
:root{
  --dc-flash-toast-top:calc(env(safe-area-inset-top, 0px) + 64px);
}

.dc-flash-toast-host{
  position:fixed;
  left:50%;
  transform:translateX(-50%) translateY(-8px);
  top:var(--dc-flash-toast-top);
  z-index:2147483647; /* above the pinned breadcrumb (4995) and header (5002) — toast on top of everything */
  width:min(1180px, calc(100vw - 24px));
  display:grid!important;
  gap:6px;
  pointer-events:none;
  opacity:0;
  transition:opacity .28s ease, transform .28s ease;
}

.dc-flash-toast-host.is-visible{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

.dc-flash-toast-host.is-leaving{
  opacity:0;
  transform:translateX(-50%) translateY(-6px);
}

.dc-flash-toast{
  pointer-events:auto;
  margin:0;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid var(--line, rgba(255,255,255,.12));
  background: var(--panel);
  color:#f2f6f9;
  font-size:14px;
  line-height:1.35;
  text-align:center;
  box-shadow:0 14px 40px rgba(0,0,0,.42);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.dc-flash-toast--success,
.dc-flash-toast--ok{
  border-color:rgba(38,208,124,.5);
  color:#a7f0ca;
  background: var(--panel);
}

.dc-flash-toast--danger{
  border-color:rgba(255,59,48,.5);
  color:#ffb2ad;
  background: var(--panel);
}

/* ЗДЕСЬ БЫЛИ ТРИ ПЕРЕОПРЕДЕЛЕНИЯ ПОД ПОВЕРХНОСТИ — 56px мобильной админке, 58px
   пользовательской части уже 767 и 52px ландшафту. Все три описывали одну и ту же
   величину: высоту шапки на этой поверхности. Их сняли не ради краткости, а потому что
   ровно они и расходились с настоящей шапкой — теперь она измеряется, и подставлять под
   неё числа больше не нужно ни на одной поверхности.

   Ширина уведомления остаётся телефонной на узких экранах: это про раскладку, а не про
   вертикальную привязку, и потому живёт отдельным правилом. */
@media (max-width:767px){
  .dc-flash-toast-host{ width:calc(100vw - 16px); }
  .dc-flash-toast{ font-size:13.5px; padding:11px 14px; }
}