/* ============================================================
   cab-vhod.css — вход и демо-стенд (07.09.2026).
   Отдельный файл, а не строки в app.css: над app.css в этот час работает
   ещё один разбор, и общая правка двух рук потеряла бы часть.
   ============================================================ */

/* Невидимая капча ничего не рисует, пока посетитель не показался подозрительным.
   Когда рисует — виджет должен встать в поток формы, а не поверх кнопки. */
.cab-captcha { margin: 10px 0 0; min-height: 0; }
.cab-captcha:empty { display: none; }

/* Полоса демо-стенда: видно сразу и не спутать с рабочим кабинетом. */
.cab-demo-strip {
  position: sticky; top: 0; z-index: 60;
  padding: 8px 16px;
  background: #b39a55; color: #fff;
  font-size: 13.5px; line-height: 1.35; text-align: center;
}
.cab-demo-strip strong { font-weight: 700; }
@media (max-width: 640px) { .cab-demo-strip { font-size: 12.5px; padding: 7px 12px; } }

/* «Что нового» — лента уведомлений на странице входа.
   У поручения в третьей колонке короткое имя проекта, и базовое правило запрещает ему
   переносы. У уведомления там целая фраза: без переноса она растягивает блок и уносит
   вправо всю страницу. Поэтому у этой разновидности — своя раскладка. */
.cab-mine--news .cab-mine__item { grid-template-columns: auto minmax(0, 1fr); row-gap: 2px; }
.cab-mine--news .cab-mine__where { grid-column: 2; white-space: normal; overflow-wrap: anywhere; }
.cab-mine--news .cab-mine__item.is-new .cab-mine__what { font-weight: 600; }
/* Узкий экран (пакет 19): карточка ленты — в одну колонку. При двух колонках «auto / minmax(0, 1fr)»
   длинная фраза уведомления, перенесённая в первую колонку, растягивала её на всю ширину, колонка
   заголовка сжималась до 0 px, и на месте жирного «Просрочено дел: …» оставалось пустое место. */
@media (max-width: 700px) {
  .cab-mine--news .cab-mine__item { grid-template-columns: minmax(0, 1fr); }
  .cab-mine--news .cab-mine__where { grid-column: 1; }
}

/* Отметка «2 новых» в подвале плитки раздела. Лента уехала внутрь разделов, и на
   входе от неё остаётся только это число — рядом с живыми числами раздела, справа. */
.cab-tile__foot { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.cab-tile__new {
  margin-left: auto;
  padding: 1px 9px; border-radius: 999px;
  border: 1px solid var(--mpr-work-line); background: var(--mpr-work-bg);
  color: var(--mpr-work-fg); font-family: var(--mpr-sans, inherit);
  font-size: 11.5px; font-weight: 600; white-space: nowrap;
}
@media (max-width: 640px) { .cab-tile__new { margin-left: 0; } }