/* Страница списка проектов: серый фон, колонка до 1200 px, строка управления и группа строк. */
.cl-projects {
  min-height: 100%;
  padding-top: 20px;
  padding-bottom: 40px;
  background: var(--background-page);
}
.cl-projects__column {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.cl-projects__controls {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 15px;
}
.cl-projects__search { flex: 1 1 auto; min-width: 0; }

.cl-projects__row { height: 70px; }
.cl-projects__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cl-projects__row:focus-visible { background: var(--grey-50); box-shadow: inset 0 0 0 2px var(--brand-300); }
.cl-projects__row:first-child { border-radius: 11px 11px 0 0; }
.cl-projects__row:last-child { border-radius: 0 0 11px 11px; }
.cl-projects__row:only-child { border-radius: 11px; }

/* Узкий экран (телефон): сведения о проекте переносятся на вторую строку, а не обрезаются многоточием */
@media (max-width: 720px) {
  .cl-projects__row { height: auto; }
  .cl-projects__row .cl-row__meta { white-space: normal; }
}

/* Пустой результат и ошибка — внутри той же белой группы */
.cl-projects__empty { min-height: 280px; border-radius: 11px; }