/* ============================================================
   Qually UI Kit — тема-оверлей поверх app.css (v2, заметная)
   Подключается ПОСЛЕ app.css. app.js не трогается — функционал
   и все разделы сохраняются. Главное изменение: тёмный сайдбар
   (фирменная черта нового дизайна) + фиолетовые акценты.
   ============================================================ */

/* — токены светлой темы — */
:root{
  --brand:#3b5bfd;
  --brand-dark:#2d57e8;
  --mint:#11b7a2;
  --warm:#ff8d35;
  --text:#0f1f35;
  --muted:#5e6d85;
  --line:#e6edf8;
  --surface:#ffffff;
  --bg:#f6f9ff;
  --shadow:0 14px 36px rgba(32,70,170,.12);
  --shadow-soft:0 1px 2px rgba(15,31,53,.05),0 8px 20px rgba(32,70,170,.08);
  --radius:22px;
  --radius-sm:14px;
  --radius-lg:26px;
  /* ── акцент-токены лендинга (единство платформа ↔ сайт) ── */
  --blue:#3b5bfd;
  --violet:#6d5efc;
  --teal:#11b7a2;
  --violet-neon:#7c5cff;
  --teal-neon:#19e3b1;
  --lime:#c6ff4e;
  --lime-ink:#2f3d00;
  --ink:#0a0f1e;
  --ink-line:#222c44;
}

/* — фон рабочей области: мягкое фиолетово-бирюзовое свечение — */
html, body{
  background:
    radial-gradient(circle at 92% -2%, rgba(124,92,255,.12), transparent 42%),
    radial-gradient(circle at 0% 100%, rgba(25,227,177,.08), transparent 40%),
    linear-gradient(180deg,#f6f9ff 0%, #fbfdff 100%) !important;
}

/* ====== ТЁМНЫЙ САЙДБАР (Midnight Neon) — главное визуальное отличие ====== */
.sidebar{
  background:#0a0f1e !important;
  border-right:1px solid #222c44 !important;
  backdrop-filter:none !important;
  color:#c7d2e8;
}
.sb-logo-name{color:#ffffff !important;}
.sb-logo-sub{color:#9aa7c4 !important;}
.sb-link{color:#9aa7c4 !important;border-radius:11px;}
.sb-link:hover{background:rgba(255,255,255,.06) !important;color:#ffffff !important;}
.sb-link.active{
  background:linear-gradient(135deg, rgba(124,92,255,.34), rgba(59,91,253,.14)) !important;
  color:#ffffff !important;
  box-shadow:inset 3px 0 0 #c6ff4e;
}
.sb-link .sb-icon{opacity:.9;}
.sb-logout{color:#9aa7c4 !important;border-top:1px solid #222c44 !important;}
.sb-logout:hover{color:#fff !important;background:rgba(255,255,255,.05) !important;}
/* заголовки секций и прочий мелкий текст в сайдбаре */
.sidebar li.integrator-only > span,
.sidebar .nav-section,
.sidebar .sb-section-title,
.sidebar small{color:#6b7793 !important;}
/* нижняя карточка пользователя в сайдбаре, если есть */
.sidebar .sb-user, .sidebar .sb-profile{background:#131c30 !important;border-color:#222c44 !important;color:#c7d2e8 !important;}

/* ====== КОНТЕНТ: фиолетовые акценты, премиум-кнопки, скругления ====== */
.btn-app-primary, .btn-app-lg.btn-app-primary{
  background:linear-gradient(135deg,#6d5efc,#3b5bfd 60%) !important;
  box-shadow:0 8px 22px rgba(59,91,253,.3) !important;border:none !important;
}
.btn-app-primary:hover{background:linear-gradient(135deg,#7c5cff,#2d57e8 60%) !important;box-shadow:0 14px 30px rgba(59,91,253,.42) !important;}

.scene-title{letter-spacing:-.015em;}
.panel, .card, .stat-card{box-shadow:var(--shadow-soft);}
.chip, .pill, .badge{border-radius:999px;}

/* акцентный верхний бордер у ключевых карточек статистики */
.stat-card{border-top:3px solid transparent;border-image:linear-gradient(90deg,#7c5cff,#11b7a2) 1;}

/* топбар чуть прозрачнее и с тонкой линией бренда снизу */
.topbar{border-bottom:1px solid rgba(124,92,255,.18) !important;}

/* ====== UI Kit по ВСЕМ разделам ====== */
.kpi-card{border-radius:18px;box-shadow:var(--shadow-soft);}
.kpi-value{font-family:'Unbounded',sans-serif;letter-spacing:-.01em;}
.table-wrap,.table-wrap--soft{border-radius:16px;overflow:hidden;}
.data-table th{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;color:var(--muted);font-weight:700;}
.tab-btn.active,.tab-btn[aria-selected="true"]{color:var(--brand);}
.tab-btn.active::after{background:linear-gradient(90deg,#7c5cff,#3b5bfd);}
.field-input{border-radius:11px;}
.field-input:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(124,92,255,.14);}
.badge{border-radius:999px;}
.panel,.scene-card{border-radius:var(--radius);}

/* ====== Раздел Qube (бывш. «Квалли AI») — оформление ассистента ====== */
.kvalia-avatar{
  background:radial-gradient(circle at 35% 30%,#9a8bff,#3b5bfd 55%,#241a8c) !important;
  color:#fff !important;border:none !important;
  box-shadow:inset 0 -6px 16px rgba(8,6,40,.5),0 8px 22px rgba(124,92,255,.45) !important;
  animation:qubeBreathe 3.4s ease-in-out infinite;
}
@keyframes qubeBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.kvalia-header{border-bottom:1px solid rgba(124,92,255,.18);}
.kvalia-header-title{font-family:'Unbounded',sans-serif;letter-spacing:-.01em;}
.kvalia-action-btn{border-radius:11px;transition:.2s;}
.kvalia-action-btn:hover{background:rgba(124,92,255,.1);color:var(--brand);}
.kvalia-info-card{border-radius:16px;box-shadow:var(--shadow-soft);transition:transform .2s var(--ease),box-shadow .2s;}
.kvalia-info-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.kvalia-info-icon{background:linear-gradient(135deg,#7c5cff,#3b5bfd) !important;color:#fff !important;}
.kvalia-example-chip{border-radius:999px;border:1px solid rgba(124,92,255,.3) !important;background:rgba(124,92,255,.08) !important;color:var(--brand) !important;font-weight:600;}
.kvalia-example-chip:hover{background:rgba(124,92,255,.18) !important;}

/* тёмная тема платформы (body.dark) — оставляем как в app.css */