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

/* Стрелка видна только у выбранной карточки: карточка-вход без стрелки не
   выглядит нажимаемой. */
.entry{position:relative}

/* ====== Полоса показателей ======
   Шесть элементов, как у дашборда наблюдения. Показатель без данных получает
   янтарную метку состояния и не выглядит нулём. */
.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;
}

/* ====== Раздел продукта ======
   Раскладка и оформление панелей раздела общие для экранов домена и лежат в
   общем листе `dashboard.css` (раздел «Панели разделов рабочей области и
   экранов домена»). Здесь они не дублируются: третья копия правил разошлась бы
   с первыми двумя, и геометрия панелей у экранов снова разошлась бы. */

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

/* ====== Карточка «Настройка приложения» в нижнем ряду (TASK-0103) ======
   Ряд остаётся трёхстолбцовым, как объявлено общим правилом `.band` в
   dashboard.css: слева — карточка AI-ассистента, в середине — пояснение ряда,
   справа — карточка «Настройка приложения». Карточка занимает прежнее третье
   место, где до её появления стояла снятая кнопка смены экрана. Третий столбец
   получает ту же ширину, что первый, поэтому карточка повторяет геометрию
   карточки AI-ассистента, а размеры первого и второго столбцов и зазор не
   меняются: сетка не сдвигается. Новых цветов и шрифтовых ролей не заводится. */
.band.band-workarea{grid-template-columns:minmax(280px,420px) 1fr minmax(280px,420px)}
.band-settings{grid-column:3}
.band-settings .icon svg{stroke:currentColor}

/* Признак недоступности карточки при отсутствии права: карточка не исчезает и
   не подменяется пустым экраном, а приглушается и показывает честное сообщение
   «отсутствуют права». Доступность с клавиатуры сохраняется. */
.entry.denied{opacity:.55;cursor:not-allowed}
.entry.denied::before,.entry.denied::after{border-color:var(--line)}
.entry.denied:hover,.entry.denied:focus-visible{transform:none}
.entry .settings-denied{
  margin-top:6px;font-family:var(--font-mono);font-size:9.5px;color:var(--amber);
  letter-spacing:.5px;line-height:1.4;
}
.entry .settings-denied[hidden]{display:none}

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

/* ====== Полоса показателей: признак внимания одной строкой ====== */
.summary .skpi.strip{grid-column:1/-1}

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