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

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

/* Сцены-хозяева убираются на время показа дашборда настроек: несколько сцен
   в одном окне не накладываются. */
.scene.sn-hidden{display:none}
.work-area.sn-hidden{display:none}
.analytics-area.sn-hidden{display:none}
.infrastructure-area.sn-hidden{display:none}

/* ====== Ширина сцены карточек ======
   Правило возвращает растяжение по ширине сцены — то же, что даёт рабочая
   область: у растягиваемого элемента общее оформление оставляет `margin:0 auto`
   и ширина берётся по содержимому. Состав карточек и их содержимое не
   меняются. */
.sn-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}

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

/* ====== Честный отказ при отсутствии права ======
   Дашборд настроек открывается только по роли администратора организации
   (ADR-0070, пункт 2). При прочих ролях он не показывает сведений и не
   остаётся пустым экраном: показывается явная метка «отсутствуют права» с
   причиной и способом получения доступа. Новых цветов не заводится:
   используются роли палитры `--amber` и `--line`. */
.sn-refusal{
  border:1px solid var(--line);border-left:2px solid var(--amber);
  background:var(--card-bg);padding:12px 14px;border-radius:2px;
}
.sn-refusal[hidden]{display:none}
.sn-refusal .rf-title{
  font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--amber);
}
.sn-refusal .rf-why{font-family:var(--font-sans);font-size:13px;color:var(--ink-2);margin-top:6px}
.sn-refusal .rf-how{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:4px}

/* Недоступная карточка раздела: приглушается, но остаётся доступной с
   клавиатуры (не скрывается оформлением). */
.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}

/* ====== Раскрытие в глубину ======
   Уровни У1–У4 открываются друг из друга и не теряют предыдущий: возврат
   возвращает то же состояние. Раскрытый уровень — обычная панель раздела,
   ранее раскрытые остаются на месте. Новых ролей палитры не заводится. */
.sn-level{position:relative}
.sn-level[hidden]{display:none}
.sn-level .lv-badge{
  font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--cyan);
}
.sn-level .lv-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.sn-level .lv-actions .registry-btn{font-family:var(--font-mono);font-size:11px}

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