/* ============================================================
   TRFFGN — единая дизайн-система трекера (Этап 1: фундамент)
   Подключается ПОСЛЕ инлайновых <style> страниц → перекрывает
   токены/шрифты/фон единообразно на всех экранах.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&family=Unbounded:wght@700&display=swap');

:root{
  /* Палитра TRFFGN (тёмная тема) */
  --bg:#08090c; --card:#15181f; --card-hover:#1c1f28;
  --text:#ededf0; --muted:#898c98; --border:#1e2128;
  --brand:#a855f7; --brand-hover:#b975f9; --brand-soft:rgba(168,85,247,.10);
  --success:#16a34a; --error:#dc2626; --warning:#f59e0b; --info:#3b82f6;

  /* Алиасы под существующие имена страниц — чтобы старые стили подхватили новую палитру */
  --elev:var(--card-hover);
  --line:var(--border); --line2:#2a2e39;
  --accent:var(--brand); --accent-soft:var(--brand-soft);
  --green:var(--success); --green-bg:rgba(22,163,74,.15);
  --red:var(--error);     --red-bg:rgba(220,38,38,.15);
  --amber:var(--warning); --amber-bg:rgba(245,158,11,.15);

  /* Радиусы и шкала отступов 4/8/12/16/24 */
  --radius-card:12px; --radius-ctl:8px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px;
}

/* Типографика: текст — Geist, letter-spacing −0.011em */
html, body{
  font-family:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  letter-spacing:-0.011em;
  color:var(--text);
  color-scheme:dark;   /* нативные контролы (даты/селекты/скроллбары/пикеры) — тёмные, без белых полей */
  /* Фон: лёгкое фиолетовое сияние вверху (эффект «подъёма» карточек над фоном) */
  background:
    radial-gradient(1300px 620px at 60% 3%, rgba(168,99,247,.16), transparent 56%),
    var(--bg);
  background-attachment:fixed;
}

/* Заголовки — Unbounded 700, letter-spacing −0.02em */
h1, h2, h3{
  font-family:"Unbounded","Geist",sans-serif;
  font-weight:700;
  letter-spacing:-0.02em;
}

/* Числа / ID / суммы — Geist Mono + табличные цифры (ровные столбцы) */
table{ font-variant-numeric:tabular-nums; font-feature-settings:"tnum"; }
.mono, .tnum, td.r, th.r, .metric .v, [data-num]{
  font-variant-numeric:tabular-nums; font-feature-settings:"tnum";
}
.mono, .tnum, td.r, .metric .v{
  font-family:"Geist Mono","Geist",ui-monospace,monospace;
}

/* Радиусы: карточки 12px, кнопки/инпуты 8px */
.card, .panel, .metric{ border-radius:var(--radius-card); }
.btn, .chip, input, select, textarea{ border-radius:var(--radius-ctl); }

/* Карточка заметно светлее фона + мягкий «подъём» как в Linear/Vercel */
.card, .panel{
  background:var(--card);
  border:1px solid var(--border);
  box-shadow:0 1px 0 rgba(255,255,255,.02) inset, 0 1px 3px rgba(0,0,0,.28);
}

/* Бейдж — один регистр (UPPERCASE), как в дизайн-системе */
.badge{ text-transform:uppercase; letter-spacing:.04em; font-weight:600; }

/* ── Поля ввода — тёмные ВЕЗДЕ (чтобы не было белых полей ни на одной странице) ── */
input, select, textarea{
  background:var(--elev, #1c1f28);
  color:var(--text);
  border:1px solid var(--line2, #2a2e39);
  font-family:inherit;
}
input:focus, select:focus, textarea:focus{ outline:none; border-color:var(--brand); }
input::placeholder, textarea::placeholder{ color:var(--muted); }
input[readonly], input:disabled, select:disabled{ opacity:.75; }
/* нативные дата/время — тёмный пикер и иконка календаря */
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{ color-scheme:dark; }
input[type="date"]::-webkit-calendar-picker-indicator{ filter:invert(.7); cursor:pointer; }