/* ============================================================
   Азимут · Тема 2026 — системный слой поверх app.css
   Светлый каркас, индиго-акцент, тонкие тени, единая геометрия
   ============================================================ */
:root{
  --navy:#17285A; --navy-d:#101E45; --navy-soft:#EDF2FA;
  --bg:#F6F7F9; --card:#FFFFFF;
  --text:#0B1220; --ink:#0E1A3D; --muted:#68707F;
  --border:#E6E8EE;
  --ok:#12B76A; --warn:#F79009; --info:#2E90FA;
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --shadow-md:0 8px 24px rgba(16,24,40,.09);
}
body{background:var(--bg);color:var(--text)}
::selection{background:#DDE6F3}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:#D8DCE5;border-radius:8px;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-track{background:transparent}

/* ── Шапка ── */
.topbar{background:#fff;border-bottom:1px solid var(--border)}

/* ── Кнопки ── */
.btn-primary{background:linear-gradient(180deg,#22376F,var(--navy));border:none;border-radius:10px;box-shadow:0 1px 2px rgba(16,30,69,.30)}
.btn-primary:hover{background:linear-gradient(180deg,#2B4482,#101E45)}
.btn-primary:active{transform:translateY(1px)}
.btn-ghost{border:1px solid var(--border);border-radius:10px;color:#2B3444;background:#fff}
.btn-ghost:hover{background:#F3F5F9;border-color:#D7DBE4}

/* ── Поля ввода ── */
.field input,.field select,.field textarea,textarea{background:#F2F4F7;border:1px solid transparent;border-radius:10px;transition:background .12s,border-color .12s,box-shadow .12s}
.field input:focus,.field select:focus,.field textarea:focus,textarea:focus{background:#fff;border-color:#B7C6E4;box-shadow:0 0 0 3px rgba(23,40,90,.10);outline:none}
.field label{color:#5A6372;font-weight:600}

/* ── Карточки и поверхности ── */
.form-card,.p-card,.ov-card,.tile,.help-card,.onb,.onb-step,.aud-hero,.aud-row,.at-card,
.nbell-dd,.umenu,.nb-modal-card,.cchat-panel,.schat-side,.schat-main,.drawer{border-color:var(--border)}
.tile{border-radius:14px}
.tile .num{color:var(--ink)}

/* ── Таблицы ── */
table thead th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#8A94A6;font-weight:700;border-bottom:1px solid var(--border);background:transparent}
table tbody tr:hover{background:#FAFBFD}
table td{border-color:#F1F3F7}

/* ── Чипы и бейджи ── */
.chip{border-radius:999px;border-color:var(--border)}
.chip:hover{border-color:#C9D2E8}
.chip.active{background:var(--navy-soft);color:var(--navy);border-color:#C7D4E9}
.badge.blue{background:var(--navy-soft);color:var(--navy)}

/* ── Хардкоды старой палитры на Обзоре ЮЛ ── */
.clo-cta-btn.primary{background:linear-gradient(180deg,#22376F,var(--navy));border-color:transparent}
.clo-cta-btn:not(.primary):hover{border-color:var(--navy)}
.clo-cta-ic{background:var(--navy-soft);color:var(--navy)}
.clo-status.warn{color:var(--navy)}

/* ── Шапка-компоненты в новой палитре ── */
.uava{background:linear-gradient(135deg,var(--navy),#2E4B9E)}
.nbell:hover{background:#F1F3F8;color:var(--navy)}
.uchip:hover{background:#F1F3F8}
.umenu-it:hover{background:#F3F5F9}

/* ── Чат в новой палитре ── */
.cchat-fab{background:linear-gradient(135deg,var(--navy),#2E4B9E);box-shadow:0 10px 26px rgba(23,40,90,.35)}
.cchat-h{background:var(--ink)}
.cchat-msg.me .cchat-b{background:var(--navy)}

/* ── Онбординг/аудит акценты ── */
.onb{background:linear-gradient(135deg,#F5F8FC,#EEF3FA);border-color:#DCE4F0}
.onb-n{background:var(--navy)}
.ov-h .ov-git{border-radius:999px}
.aud-bar i{background:linear-gradient(90deg,var(--navy),#2E4B9E)}

/* ── Усиление v2: типографика, плотность, живость ── */
h2.page{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.sub{font-size:14.5px;color:#5A6372}
.search input{height:42px;border-radius:12px;background:#F3F4F6;border:1px solid transparent;font-size:14px}
.search input:focus{background:#fff;border-color:#B7C6E4;box-shadow:0 0 0 3px rgba(23,40,90,.08)}
.search input::placeholder{color:#9AA1AE}
.tile,.ov-card,.p-card,.help-card,.form-card{border-radius:16px;border-color:#E9EBF0}
table{border-radius:14px}
table thead th{background:#FAFBFC}
.btn-primary{font-weight:600;letter-spacing:.01em}
.btn-ghost{font-weight:500}
body[data-platform] .nav a{font-size:13.5px}
body[data-platform] .nav a.active{font-weight:700!important}
body[data-platform] .nav-grp{font-weight:800;letter-spacing:.08em}
.brand{font-size:16.5px;letter-spacing:-.01em}
.badge{font-weight:700;letter-spacing:.01em}
.toolbar{margin-bottom:22px}

/* ── Канбан заявок ── */
.kb{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:12px;align-items:start}
.kb-col{background:#F3F4F7;border:1px solid var(--border);border-radius:14px;padding:8px;min-height:120px}
.kb-h{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#5A6372;padding:6px 8px;display:flex;justify-content:space-between}
.kb-n{background:#fff;border:1px solid var(--border);border-radius:999px;padding:0 8px;font-size:11px;color:#5A6372}
.kb-body{display:grid;gap:8px;min-height:60px;border-radius:10px;padding:2px}
.kb-body.over{outline:2px dashed var(--navy);outline-offset:2px;background:var(--navy-soft)}
.kb-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px;cursor:grab;box-shadow:var(--shadow-sm)}
.kb-card:hover{border-color:#C7D2E8}
.kb-card.drag{opacity:.5}
.kb-card b{color:var(--ink);font-size:13.5px}
.kb-sub{color:#68707F;font-size:12px;margin-top:3px}
.kb-sum{color:var(--navy);font-weight:700;font-size:12.5px;margin-top:5px}
@media(max-width:1180px){.kb{grid-template-columns:repeat(3,minmax(180px,1fr))}}
@media(max-width:680px){.kb{grid-template-columns:1fr 1fr}}

/* ── Оценки курсов ── */
.fb-wrap{margin-bottom:10px}
.fb-stars{display:flex;gap:4px}
.fb-star{background:none;border:none;font-size:24px;line-height:1;color:#D5DAE3;cursor:pointer;padding:2px;transition:transform .1s,color .1s}
.fb-star:hover{transform:scale(1.15)}
.fb-star.on{color:#F59E0B}
.fb-comment{width:100%;max-width:520px}
.cc-rate{color:#B45309;font-weight:700}
.cc-rate span{color:#8A94A6;font-weight:500}

/* ── Форма в две колонки ── */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media(max-width:640px){.grid2{grid-template-columns:1fr}}