/* ЛЕВОЕ МЕНЮ: ПЛОТНЫЕ ЦВЕТНЫЕ ПЛАШКИ (9 октября 2026).
   Владелец: «поработай над виджетами, красивее, цветные, чтобы выделялось, по
   какой-то логике, значки не ИИшные». Было: плашка — 15 % цвета блока, значок
   того же цвета; на тёмном фоне десять пунктов читались одним бледным столбиком.
   Стало, как в настройках телефона: плотная плашка цвета блока и белый значок.
   Логика одна — цвет называет блок: обзор — бирюзовый, клиенты и продажи —
   синий, деньги и компания — зелёный, рост — фиолетовый, администрирование —
   графитовый. Исключение одно: «Решения» — янтарные, это то, что ждёт владельца.
   Файл подключён последним (index.html) — старые правила плашек в pack-design.css
   и redesign.css не спорят с ним по порядку. */

.sidebar .nav-section { --nav-tile: #64748b; }
.sidebar .nav-section-overview { --nav-tile: #0891b2; }
.sidebar .nav-section-sales { --nav-tile: #2563eb; }
.sidebar .nav-section-money { --nav-tile: #059669; }
.sidebar .nav-section-ai { --nav-tile: #7c3aed; }
.sidebar .nav-section-system { --nav-tile: #64748b; }
.sidebar .nav-section .nav-item[href="/approvals"] { --nav-tile: #d97706; }

.sidebar .nav-section .nav-item .nav-icon {
  background: var(--nav-tile);
  border: 0;
  color: #ffffff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .18), 0 1px 2px rgba(0, 0, 0, .22);
}
.sidebar .nav-section .nav-item:hover .nav-icon {
  background: color-mix(in srgb, var(--nav-tile) 88%, #ffffff);
}
.sidebar .nav-section .nav-item.active,
.sidebar .nav-section a[aria-current="page"] {
  background: color-mix(in srgb, var(--nav-tile) 16%, transparent);
  box-shadow: inset 3px 0 0 var(--nav-tile);
  font-weight: 600;
}
.sidebar .nav-section .nav-item.active .nav-icon,
.sidebar .nav-section a[aria-current="page"] .nav-icon {
  background: var(--nav-tile);
  color: #ffffff;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--nav-tile) 40%, transparent);
}
/* Подпись блока — того же цвета, что его плашки: блок узнаётся сразу. */
.sidebar .nav-section .nav-section-label { color: color-mix(in srgb, var(--nav-tile) 75%, var(--rp-ink-max, #e6edf6)); }

/* ── ЗНАЧКИ БЕЗ «ИИ» ─────────────────────────────────────────────────────
   «AI-агенты»: гарнитура оператора, а не буквы «AI» в квадрате.
   «Совет директоров»: портфель. Остальные значки — предметы (дом, люди,
   календарь, облачко, трубка, график, камера) — уже такие и остаются. */
.nav-icon-ai-agent {
  --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 13v-1.5a7.5 7.5 0 0 1 15 0V13'/%3E%3Crect x='3.5' y='12.5' width='4' height='6' rx='1.6'/%3E%3Crect x='16.5' y='12.5' width='4' height='6' rx='1.6'/%3E%3Cpath d='M18.5 18.5c0 1.6-1.6 2.5-4 2.5h-1.5'/%3E%3C/svg%3E");
}
.nav-icon-ai-board {
  --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='7.5' width='17' height='12' rx='2'/%3E%3Cpath d='M9 7.5V6a1.5 1.5 0 0 1 1.5-1.5h3A1.5 1.5 0 0 1 15 6v1.5'/%3E%3Cpath d='M3.5 12.5h17'/%3E%3Cpath d='M11 12.5v1.5h2v-1.5'/%3E%3C/svg%3E");
}

/* ── МЕНЮ АККАУНТА: БЛОКИ (9 октября 2026) ───────────────────────────────
   Владелец: «порядок наведи, блоки выдели, виджеты нормальные, не ИИшные».
   Блок «Это устройство» без единой строки (приложение уже стоит, уведомления
   включены) прячется целиком — пустой заголовок хуже, чем никакого.
   Список пространств длиннее пяти строк прокручивается внутри себя, а не
   растягивает меню. Внизу одна кнопка — «Выйти». */
.profile-menu .profile-device:not(:has(> :not(.profile-group-title))) { display: none; }
.profile-menu .profile-device > .profile-group-title + * { border-top: 0; }
.profile-menu .profile-workspaces { max-height: 200px; overflow-y: auto; scrollbar-width: thin; }
.profile-menu .profile-links-support { padding-top: 2px; }
.profile-menu .profile-actions { justify-content: flex-end; }
.profile-menu .profile-actions button { flex: 0 0 auto; min-width: 120px; }