/* ============================================================
   AVE BOARDS — реcкин ОБЁРТКИ досок Эфира (Фаза 4). Сам холст Excalidraw НЕ трогаем.
   boards-ui.js инжектит свой <style id="bds-style">, и он ЦЕЛИКОМ на токенах. Под
   body.ave-root (Фаза 3b) цвет-токены (--signal/--panel/--line/--field/--ink/--muted/
   --ink-dim/--danger/--ok/--bg) уже флипнулись в AVE → обёртка уже в палитре AVE.
   Здесь добиваем три вещи, которые на токенах НЕ из AVE (падали на проектные):
     1) шрифт var(--sans) (36 мест) → JetBrains Mono;
     2) радиус var(--r) (карточки/папки/новая) → AVE-радиус;
     3) старый акцент #F0A33B (= rgba(240,163,59,…), хардкод) → var(--signal) в заметных местах.
   Без JS: body.ave-root уже стоит; обёртка (#app), лаунчер (сайдбар) и поповеры (body) под ним.
   См. РЕДИЗАЙН-AVE.md, Фаза 4.
   ============================================================ */

/* 1+2. Ре-скоуп шрифта и радиуса на КОРНИ досок:
        .bds-overlay (+ все потомки: шапка/тело/список/карточки/вес/тосты/холст/бот-панель),
        .bds-launch (кнопка «Доски» в сайдбаре), .bds-pop (контекст-меню/.bds-ppick/.bds-acc в body).
        Весь CSS досок читает var(--sans)/var(--mono)/var(--r) → переопределяем локально. */
.ave-root .bds-overlay,
.ave-root .bds-launch,
.ave-root .bds-pop {
  --sans: var(--font-mono);
  --mono: var(--font-mono);
  --r: var(--radius-md);
}

/* 3. Старый акцент #F0A33B ≈ rgba(240,163,59,…) → AVE signal (в видимых интерактивных местах).
      Специфичность .ave-root .bds-X (0,2,0+) бьёт собственные правила досок (.bds-X, 0,1,0). */
.ave-root .bds-launch:hover {
  background: color-mix(in srgb, var(--signal) 9%, transparent);
}
.ave-root .bds-pers {
  background: color-mix(in srgb, var(--signal) 15%, transparent);
  border-color: color-mix(in srgb, var(--signal) 40%, transparent);
}
.ave-root .bds-acc .bds-acc-pub-on {
  background: color-mix(in srgb, var(--signal) 10%, transparent);
}
.ave-root .bds-acc .bds-acc-pub-on:hover {
  background: color-mix(in srgb, var(--signal) 18%, transparent);
}

/* лёгкая доводка превью-плитки доски: подложка-градиент с AVE-акцентом вместо старого оранжевого */
.ave-root .bds-prev {
  background:
    radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, var(--signal) 10%, transparent), transparent 55%),
    linear-gradient(160deg, var(--panel), var(--bg));
}

/* PiP доски — мини-окно возврата внизу справа (фидбек владельца, боевой тест 2026-07-07) */
.ave-root .bds-pip {
  position: fixed; right: 20px; bottom: 20px; z-index: 1160;
  display: flex; align-items: center; gap: 9px; padding: 8px 9px 8px 8px; max-width: 244px;
  background: color-mix(in srgb, var(--stage, #14161b) 92%, transparent);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 18px 46px -18px rgba(0, 0, 0, .72);
  cursor: pointer; color: var(--ink); text-align: left;
}
.ave-root .bds-pip:hover { border-color: color-mix(in srgb, var(--signal) 50%, var(--line)); }
.ave-root .bds-pip-thumb {
  width: 48px; height: 34px; flex: none; border-radius: 8px; overflow: hidden; display: block;
  background: linear-gradient(160deg, var(--panel), var(--bg));
}
.ave-root .bds-pip-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ave-root .bds-pip-name { font: 600 12.5px var(--font-mono); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ave-root .bds-pip-x {
  width: 20px; height: 20px; flex: none; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 6px; color: var(--muted); font-size: 15px; line-height: 1;
}
.ave-root .bds-pip-x:hover { background: var(--line); color: var(--ink); }