/* Фирменный слой «Мастерская Решai» (26.10.2026).
   Акцент (--accent) — цвет бренда: кнопки, меню, вкладки, фокус.
   «Хорошо» (--positive) — отдельный зелёный: приход, подтверждённая встреча,
   скор. Раньше оба были одним изумрудом; при фуксии их нельзя смешивать. */

:root {
  --brand: #D1127A;            /* розовые плашки знака */
  /* Пока вариант темы не выбран (26.10.2026, ждём партнёра), значения равны
     прежнему изумруду app.css — вид прода не меняется, только логотип.
     Выбранный theme-a/b/c.css переопределяет их целиком. */
  --accent-rgb: 14, 107, 78;
  --positive: #0E6B4E;
  --positive-soft: #E6F2EC;
}

/* ── Логотип ──────────────────────────────────────────────────────────── */
.brand-mark { flex: none; display: block; color: var(--text); }
.brand-mark svg { display: block; }
.login-logo { display: flex; justify-content: center; margin-bottom: 4px; }
.login-logo img { width: 230px; height: auto; display: block; }
.made-by { padding: 12px 8px 0; opacity: .75; }
.made-by img { width: 100%; max-width: 150px; height: auto; display: block; }
.made-by:hover { opacity: 1; }
.made-by img.logo-d, .login-logo img.logo-d { display: none; }
.report-brand .brand-mark { color: var(--text); }
.m-top .brand-mark { color: var(--text); }

/* ── Семантика «хорошо» остаётся зелёной ─────────────────────────────── */
.dash-delta.good, .tape-chg.good, .kpi-income, .tile-value.score-good { color: var(--positive); }
.score-good, .insight.down { background: var(--positive-soft); color: var(--positive); }
.badge.income, .badge.ok { background: var(--positive-soft); color: var(--positive); }
.tk-chip.tk-ok { background: var(--positive-soft); color: var(--positive); }
.dash-hm-cell.on { background: var(--positive); }

/* ── Полупрозрачные подложки от акцента (были зашиты изумрудом) ──────── */
.tk-chip.tk-task { background: rgba(var(--accent-rgb), .10); }
.chat-out .chat-bubble { background: var(--accent-soft); border-color: var(--accent-soft); }
.dash-head {
  background:
    radial-gradient(420px 150px at 12% 0%, rgba(var(--accent-rgb), .10), transparent 70%),
    radial-gradient(520px 190px at 88% 10%, rgba(176, 136, 59, .07), transparent 70%),
    var(--surface);
}
