/* CARRIED LIFE — оболочка приборов фазы 5.
 *
 * Здесь заводится ровно одно, чего нет в каркасе: три цвета данных.
 * Всё остальное — фон, текст, линейки, радиусы, шрифты, кольцо фокуса —
 * берётся токенами фазы 4 и не переопределяется.
 *
 * Тройка прошла валидатор палитры скила dataviz на всех парах в обеих
 * темах: светлая на #f6f7f9, тёмная на #171a21, светлотная полоса,
 * порог цветности, разделение при протанопии и дейтеранопии, контраст
 * к поверхности. Ферма своего цвета не имеет: помеченные узлы берут
 * --d-2 из этой же тройки, а опознаётся ферма формой.
 */

:root{
  --d-1:#5b3fd0;   /* 6.39:1 — данные: пары, узлы, линии, кривые */
  --d-2:#b0761f;   /* 3.59:1 — то, что отметил детектор */
  --d-3:#0089a8;   /* 3.81:1 — средовой канал */
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --d-1:#8e6fe8;  /* 4.63:1 на #171a21 */
    --d-2:#be8438;  /* 5.43:1 */
    --d-3:#0f9dbc;  /* 5.45:1 */
  }
}
:root[data-theme="dark"]{
  --d-1:#8e6fe8;
  --d-2:#be8438;
  --d-3:#0f9dbc;
}

/* --- холст ------------------------------------------------------------- */
.cl-canvas{position:relative}
.cl-dv-canvas{display:block;width:100%;height:100%;border-radius:inherit}

/* --- точки данных: одна и та же цель для мыши, пальца и клавиатуры ----- */
.cl-dv-hits{position:absolute;inset:0;pointer-events:none}
.cl-dv-hit{
  position:absolute;
  min-width:24px;min-height:24px;
  margin:-4px;padding:0;
  background:none;border:0;border-radius:9999px;
  pointer-events:auto;cursor:default;
}

/* --- подсказка: значение впереди, подпись следом ----------------------- */
.cl-dv-tip{
  position:fixed;z-index:40;
  display:none;max-width:260px;
  padding:8px 10px;
  background:var(--paper);
  border:1px solid var(--rule);
  border-radius:6px;
  pointer-events:none;
}
.cl-dv-tip[data-on]{display:block}
.cl-dv-tip b{
  display:block;
  font-family:var(--mono);font-size:var(--t-2);font-weight:500;
  color:var(--text);font-variant-numeric:tabular-nums;
}
.cl-dv-tip span{
  display:block;margin-top:3px;
  font-family:var(--sans);font-size:var(--t-2);line-height:1.35;
  color:var(--text-2);
}

/* --- вердикт графа: смена состояния типографикой, не цветом ------------ */
.cl-metrics dd[data-cl-slot="m-verdict"][data-found]{font-weight:500;letter-spacing:.02em}
/* пока прибор набирает историю по новым устройствам, показание приглушено:
   оно ещё не вправе назвать ни число, ни ноль */
.cl-metrics dd[data-watch]{color:var(--text-3)}

/* --- present-carry ----------------------------------------------------- */
.cl-dv-carry{display:block;width:100%;height:100%}
.cl-dv-carry__t{
  font-family:var(--sans);font-size:14.5px;font-weight:500;
  fill:var(--text);
}
/* подписи на стрелках — моно и мелко: это данные схемы, не заголовки */
.cl-dv-carry__e{
  font-family:var(--mono);font-size:11.5px;
  fill:var(--text-3);
}
.cl-dv-carry line{transition:stroke 200ms var(--ease)}
[data-cl-slot="carry-verdict"][data-off]{color:var(--text-3)}

@media (prefers-reduced-motion: reduce){
  .cl-dv-carry line{transition:none}
}