/*
  Оформление экрана «Аналитика и интеграции» (ADR-0059, ui/standard.md).
  Палитра и шрифтовые роли наследуются от dashboard.css: новых цветов и
  шрифтовых ролей не заводится. Здесь только раскладка четвёртого экрана,
  повторяющая геометрию трёх действующих экранов, и уточнения для случая,
  когда сцена строится на странице-хозяине.
*/

/* ====== Сцена экрана на собственной и на чужой странице ======
   На странице-хозяине (рабочая область, наблюдение) сцена ложится поверх
   сцены хозяина и повторяет её раскладку. Имена узлов экрана начинаются с
   `an` и не совпадают с именами разметки хозяина и с префиксами `wa` и `in`. */
.analytics-area{position:absolute;inset:0;z-index:14}
.analytics-area[hidden]{display:none}
.an-scene{
  position:relative;margin:0 auto;max-width:1720px;
  height:100vh;height:100dvh;
  display:flex;flex-direction:column;
  padding:16px 26px 12px;gap:10px;
}
.an-scene.dim{transform:scale(.97);opacity:.3;filter:blur(7px);pointer-events:none}

/* Сцены-хозяева убираются на время показа экрана «Аналитика и интеграции»:
   несколько сцен в одном окне не накладываются. */
.scene.an-hidden{display:none}
.work-area.an-hidden{display:none}

/* ====== Ширина сцены карточек ======
   Общее оформление (`dashboard.css`) оставляет `.core-wrap` с `margin:0 auto`.
   У растягиваемого элемента это отключает растяжение по ширине: ширина берётся
   по содержимому. Рабочая область заполняет строку своими длинными подписями, а
   у нового экрана подписи короче, поэтому его колонки выходили уже (287.73
   против 340 точек), и карточки не совпадали по размеру с рабочей областью.
   Правило возвращает растяжение по ширине сцены — то же, что даёт рабочая
   область. Состав карточек и их содержимое не меняются. */
.an-scene .core-wrap{width:100%}

/* ====== Полоса показателей ======
   Шесть элементов, как у трёх действующих экранов. Показатель без данных
   получает янтарную метку состояния и не выглядит нулём. */
.summary .skpi .val.nodata-val{
  font-family:var(--font-sans);font-size:14px;font-weight:400;
  background:none;-webkit-text-fill-color:currentColor;color:var(--amber);
  display:flex;align-items:center;gap:6px;line-height:1.2;
}
.summary .skpi .val.nodata-val::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);
  box-shadow:0 0 8px var(--amber);flex-shrink:0;
}

/* ====== Стрелка видна у карточки-входа ====== */
.entry{position:relative}

/* ====== Девятая карточка (AI-ассистент аналитики и интеграций) ====== */
.band-ai .icon svg{stroke:currentColor}

/* ====== Адаптивность раскладки панелей ====== */
@media (max-width:1240px){
  .work-panels{grid-template-columns:1fr}
}