/* ============================================================
   Полоса-подзаголовок «Мои проекты ↔ AI Студия Дизайна».
   ------------------------------------------------------------
   Стоит на двух разных страницах — модуля (aidesigner.php, где есть
   контейнер .ai-studio с токенами) и планировщика (app/projects.php,
   где его нет), поэтому файл самодостаточный: без переменных .ai-studio
   и без правил, выходящих за .ai-entrybar. Разметка — ../../entrybar.php.
   ============================================================ */

.ai-entrybar {
  background: #fff;
  border-bottom: 1px solid #e3e6ec;
  /* Полоса всегда во всю ширину: .mainProjects на странице планировщика —
     это flex-колонка с align-items: center, и без этого блок сжимается по
     содержимому и уезжает в середину. */
  width: 100%;
  align-self: stretch;
  flex-shrink: 0;
  font-family: "Roboto", -apple-system, "Segoe UI", Arial, sans-serif;
  color: #2a2f37;
}
.ai-entrybar, .ai-entrybar * { box-sizing: border-box; }
.ai-entrybar__inner { display: flex; align-items: center; gap: 10px; padding: 10px 32px; }

.ai-entrybar .ai-entry {
  display: flex; align-items: center; gap: 12px; background: #f5f7fb;
  border: 1px solid #e3e6ec; border-radius: 12px; padding: 11px 18px;
  min-width: 260px; text-align: left; transition: 0.14s; color: #2a2f37;
  text-decoration: none;
}
.ai-entrybar a.ai-entry:hover { border-color: #3183ff; background: #fff; color: #3183ff; }
.ai-entrybar .ai-entry.is-active {
  border-color: #3183ff; background: #f6faff; box-shadow: inset 0 0 0 1px #3183ff;
}
.ai-entrybar .ai-entry__ic {
  width: 40px; height: 40px; border-radius: 10px; background: #eceff4; color: #282828;
  display: grid; place-items: center; flex-shrink: 0; transition: 0.14s;
}
.ai-entrybar .ai-entry.is-active .ai-entry__ic,
.ai-entrybar a.ai-entry:hover .ai-entry__ic { background: #3183ff; color: #fff; }
.ai-entrybar .ai-entry__ic svg { width: 20px; height: 20px; }
.ai-entrybar .ai-entry__txt { display: flex; flex-direction: column; }
.ai-entrybar .ai-entry__txt b { font-size: 14px; font-weight: 700; line-height: 1.35; }
.ai-entrybar .ai-entry__txt small { font-size: 12px; color: #707070; line-height: 1.35; }

/* Телефон: пункты в строку, пополам. */
@media (max-width: 1000px) {
  .ai-entrybar__inner { padding: 8px 12px; gap: 8px; }
  .ai-entrybar .ai-entry { flex: 1 1 0; min-width: 0; gap: 8px; padding: 8px 10px; }
  .ai-entrybar .ai-entry__ic { width: 32px; height: 32px; border-radius: 8px; }
  .ai-entrybar .ai-entry__ic svg { width: 18px; height: 18px; }
  .ai-entrybar .ai-entry__txt b { font-size: 13px; }
  .ai-entrybar .ai-entry__txt small { font-size: 11px; }
}

/* Узкие экраны: без подписей. */
@media (max-width: 400px) {
  .ai-entrybar .ai-entry__txt small { display: none; }
}

/* Планировщика на мобильном нет: js/common.js уводит все ссылки на /app и
   /app/projects.php на mobile-warning.php при ширине <= 960px, поэтому
   вход в него здесь просто не показываем. Прячем только ссылку: на самой
   странице проектов пункт активен (не <a>) и остаётся как заголовок. */
@media (max-width: 960px) {
  .ai-entrybar a.ai-entry--planner { display: none; }
  /* В студии остался бы один активный пункт без действия. */
  .ai-entrybar--studio { display: none; }
}