/*
 * Общий модуль миниаппов Forimex (Desk, SALE, Partners, журнал действий) — файл одинаковый везде.
 * Фирменный стиль по брендбуку Forimex 2024: цвета, шрифты, логотип. Все цвета и шрифты страниц — только здесь.
 *   Основные: Emerald Blue #6adbd9, Ultramarine #137ce4 (акцент интерфейса). Дополнительные: Dark Blue #06306e,
 *   Dark Grey #353748 (текст, кнопки), Light Grey #f9f9f9 (фон). Шрифты: заголовки Hibana, текст Wix Madefor Display.
 *   Цифры котировок — моноширинным JetBrains Mono для ровных столбцов. Шрифт логотипа (TT Firs Text) — только в картинке логотипа.
 * Внутри Telegram цвета фирменные (тема Telegram их не подменяет); светлая или тёмная — по настройке Telegram (data-theme).
 */
/* шрифты — со своего сервера (fonts/, лицензия SIL OFL 1.1 — тексты лицензий там же): латиница и кириллица */
@font-face { font-family: "Hibana"; src: url("fonts/hibana.woff2") format("woff2"); font-weight: 400 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Wix Madefor Display"; src: url("fonts/wix-madefor-display.woff2") format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/jetbrains-mono.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }

:root {
  --emerald: #6adbd9; --ultramarine: #137ce4; --dark-blue: #06306e; --dark-grey: #353748; --light-grey: #f9f9f9;
  --grad: linear-gradient(120deg, var(--emerald) 0%, var(--ultramarine) 55%, var(--dark-blue) 100%);
  --grad-soft: linear-gradient(120deg, rgba(106, 219, 217, .16), rgba(19, 124, 228, .10) 60%, rgba(249, 249, 249, 0));

  --bg: var(--light-grey); --surface: #ffffff; --surface-2: #eef3f9; --line: #e2e7ef;
  --fg: var(--dark-grey); --muted: #6c7084; --accent: #137ce4; --accent-fg: #ffffff; --accent-soft: #e3effc;
  --ok: #138a5e; --ok-soft: #e1f4ec; --bad: #d23a32; --bad-soft: #fbe8e6; --warn: #a35a00; --warn-soft: #fdf0dc;
  --bid: var(--ok); --bid-soft: var(--ok-soft); --ask: var(--bad); --ask-soft: var(--bad-soft);
  --ok-bg: var(--ok-soft); --bad-bg: var(--bad-soft); --warn-bg: var(--warn-soft);

  --font-ui: "Wix Madefor Display", "Trebuchet MS", Helvetica, system-ui, sans-serif;
  --font-head: "Hibana", "Wix Madefor Display", "Trebuchet MS", Helvetica, sans-serif;
  --font-num: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-mono: var(--font-num);
  --r: 14px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #1b1d28; --surface: #262836; --surface-2: #30333f; --line: #3c3f52;
  --fg: #f1f3f7; --muted: #a4a8ba; --accent: #3d95ee; --accent-fg: #ffffff; --accent-soft: #1b3150;
  --ok: #45c493; --ok-soft: #173329; --bad: #f2776f; --bad-soft: #3c2023; --warn: #f0b056; --warn-soft: #3a2c14;
  color-scheme: dark; } }
:root[data-theme="dark"] {
  --bg: #1b1d28; --surface: #262836; --surface-2: #30333f; --line: #3c3f52;
  --fg: #f1f3f7; --muted: #a4a8ba; --accent: #3d95ee; --accent-fg: #ffffff; --accent-soft: #1b3150;
  --ok: #45c493; --ok-soft: #173329; --bad: #f2776f; --bad-soft: #3c2023; --warn: #f0b056; --warn-soft: #3a2c14;
  color-scheme: dark; }

/* шрифт и фон страницы — фирменные везде */
body { background: var(--bg); color: var(--fg); font-family: var(--font-ui); }
h1, h2 { font-family: var(--font-head); letter-spacing: -0.02em; font-weight: 500; }
h3 { letter-spacing: -0.01em; }

/* логотип в шапке: знак и слово Forimex; в тёмной теме — белое слово */
.brand-logo { display: inline-block; flex: none; height: 26px; aspect-ratio: 4.66; background: url("brand-logo.png") left center / contain no-repeat; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .brand-logo { background-image: url("brand-logo-dark.png"); } }
:root[data-theme="dark"] .brand-logo { background-image: url("brand-logo-dark.png"); }
header.top { position: relative; padding: 4px 0 10px; }
header.top::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 2px; background: var(--grad); opacity: .85; }
header.top h1 { font-size: 17px; font-weight: 500; color: var(--muted); padding-left: 10px; border-left: 1px solid var(--line); }

/* «Настройки → Интеграции»: блоки подключений внутри одной карточки */
.intg { display: grid; gap: 8px; border-top: 1px solid var(--line); padding-top: 12px; margin-top: 12px; }
.intg h3 { margin: 0; }