/* KORDOZOR: единая визуальная система для статических публичных страниц. */
:root {
  color-scheme: dark;
  --bg: #081018;
  --bg-main: #081018;
  --bg-section: #0D1822;
  --bg-card: #13232E;
  --bg-card-hover: #192F3B;
  --panel: #13232E;
  --panel2: #13232E;
  --panel3: #0D1822;
  --text: #F3F7F8;
  --text-primary: #F3F7F8;
  --muted: #9AAAB3;
  --text-secondary: #9AAAB3;
  --soft: #647781;
  --text-disabled: #647781;
  --line: #29404C;
  --border: #29404C;
  --line2: #355564;
  --border-light: #355564;
  --accent: #35A9C7;
  --accent-hover: #55C1DA;
  --accent-soft: rgba(53, 169, 199, .12);
  --accent-glow: rgba(53, 169, 199, .22);
  --danger: #E0525C;
  --success: #43B581;
  --warning: #DFA447;
  --green: #43B581;
  --yellow: #DFA447;
  --blue: #35A9C7;
  /* Совместимость со старыми страницами: декоративный «red» становится акцентом. */
  --red: #35A9C7;
}

body {
  color: var(--text-primary);
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),
    radial-gradient(circle at 18% 14%, rgba(53,169,199,.16), transparent 32%),
    radial-gradient(circle at 92% 12%, rgba(85,193,218,.08), transparent 30%),
    var(--bg-main);
}

header,
.sidebar,
.admin-sidebar { background-color: rgba(8,16,24,.92); border-color: var(--border); }

.nav-cta,
.top-cta,
.btn.primary,
.btn-primary,
.primary-btn,
.btn.red {
  border-color: var(--accent) !important;
  background: linear-gradient(145deg, var(--accent-hover), var(--accent)) !important;
  color: #081018 !important;
  text-shadow: none !important;
  box-shadow: 0 12px 30px rgba(53,169,199,.20) !important;
}

.nav-cta:hover,
.top-cta:hover,
.btn.primary:hover,
.btn-primary:hover,
.primary-btn:hover { background: var(--accent-hover) !important; }

.nav-item.active,
.integration-card.active,
.integration-item.active,
.flow-kpi.active,
.flow-queue-card.active,
.path-card.active,
.monitor-toolbar button.active,
.filter-chip:hover,
.table-sort.active,
.form-tab.active,
.tab.active {
  border-color: rgba(53,169,199,.72) !important;
  background: rgba(53,169,199,.12) !important;
}

input:focus,
select:focus,
textarea:focus { outline-color: var(--accent) !important; border-color: var(--accent) !important; }

.wordmark-main .x,
.side-wordmark-main .x,
.brand .x,
.kicker,
.eyebrow,
.num,
.icon,
.nav-icon,
.pill .dot,
.dot { color: var(--accent); }

.dot { background: var(--accent); box-shadow: 0 0 18px var(--accent-glow); }
.wordmark-main .x,
.side-wordmark-main .x { text-shadow: 0 0 18px var(--accent-glow); }

.card,
.panel,
.box,
.step,
.faq-item,
.note,
.content,
.benefit,
.hero-panel,
.product-preview,
.dashboard { border-color: var(--border); }

/* Красный — только для ошибок и нарушений регламента. */
.danger,
.bad,
.error,
.form-state.error,
.time-age.bad { color: var(--danger) !important; }

.badge.red,
.badge.bad,
.kpi.danger,
.board-kpi.danger,
.risk-card,
.risk-panel,
.start-step.blocked,
.top-risk-row .num {
  border-color: rgba(224,82,92,.48) !important;
  background-color: rgba(224,82,92,.09) !important;
}

.badge.red,
.badge.bad,
.kpi.danger em,
.time-age.bad { color: var(--danger) !important; }

.status-dot.bad::before,
.status.bad::before { background: var(--danger) !important; box-shadow: 0 0 18px rgba(224,82,92,.55) !important; }

.ok,
.badge.ok { color: var(--success) !important; }
.warn,
.badge.warn { color: var(--warning) !important; }

@media (max-width: 640px) {
  .hero-grid,
  .hero-grid > * { min-width: 0; }

  .hero .lead,
  .hero-actions,
  .actions { max-width: 100%; overflow-wrap: anywhere; }

  .hero h1:not(.hero-title) { font-size: clamp(30px, 8.5vw, 34px) !important; }
  .hero .kicker { font-size: 11px; letter-spacing: .1em; }
}