/* Дизайн-токены из бандла. Значения финальные, менять только вместе с макетом. */
:root {
  --accent: #2067B0;
  --accent-soft-bg: #eef4fb;
  --accent-soft-border: #c9ddf0;
  --accent-soft-ink: #1a4d85;
  --accent-soft-hover: #e4eefa;
  --accent-solid-hover: #1a5695;

  --ink: #1c1b19;
  --ink-2: #4a463d;
  --ink-3: #5a554a;
  --ink-4: #a8a49a;
  --icon: #6a6459;
  --icon-2: #9a968c;
  --ink-disabled: #c2beb6;

  --surface: #fff;
  --surface-sidebar: #faf9f7;
  --surface-toolbar: #fcfcfb;
  --surface-active: #f0efec;
  --surface-chip: #f2f1ee;
  --surface-own-row: #f4f8fd;

  --border-card: #ededea;
  --border-control: #e2e0db;
  --border-pill: #e6e4df;
  --border-row: #f0efec;
  --border-row-soft: #f6f5f2;

  --up: #2f7a4d;
  --up-bg: #eaf2ec;
  --down: #b4442f;
  --down-ink: #a03f2a;
  --down-bg: #f6e7e3;
  --warn: #8a6a1f;
  --warn-bg: #f6f0e2;
  --warn-bg-2: #faf6ec;
  --warn-border: #ecdfc4;
  --ok-border: #d4e6d9;
  --ok-bg: #f1f7f2;

  --chart-1: #2067B0;
  --chart-2: #5f95c8;
  --chart-3: #a8c6e0;
  --chart-4: #e0e3e6;
  --chart-grid: #f0efec;
  --chart-rival: #cfccc4;

  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --serif: "Newsreader", Georgia, serif;
}

/* Newsreader лежит файлом рядом: внешняя зависимость на боевом сервере — лишняя точка отказа. */
@font-face {
  font-family: "Newsreader";
  src: url("/vendor/newsreader-500.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef0f3;
  padding: 24px;
  font-family: var(--sans);
  color: var(--ink);
  font-size: 14px;
}

/*
 * Внутри рамки портала окна нет: модуль занимает всю выделенную область. Поля и серый
 * фон вокруг «окна» здесь только съедали бы место и выглядели чужеродно.
 */
body.framed {
  padding: 0;
  background: #fff;
  align-items: stretch;
  justify-content: stretch;
}

a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-soft-ink); text-decoration: underline; }

.boot { font-size: 13px; color: var(--ink-4); }

/* В прототипе наведение задано псевдоатрибутом style-hover; здесь это обычные классы. */
.nav-row:hover { background: var(--surface-chip); }
/* Шестерёнка у активного проекта проявляется при наведении: подсказывает,
   что клик по нему открывает настройки, а не просто выбирает проект. */
.project-row-active:hover .project-gear { opacity: 1; }
.project-gear { transition: opacity .12s; }
.table-row:hover { background: var(--surface-sidebar); }
.btn-plain:hover { background: var(--surface-sidebar); }
.btn-accent-soft:hover { background: var(--accent-soft-hover); }
.btn-accent-solid:hover { background: var(--accent-solid-hover); }
.icon-btn:hover { background: var(--surface-chip); }
.segment:hover { background: var(--surface-chip); }
.link:hover { text-decoration: underline; }

/* Скроллбары внутри карточек — тонкие, чтобы не ломать плотность макета. */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #e2e0db; border-radius: 999px; }
::-webkit-scrollbar-track { background: transparent; }