@charset "UTF-8";
/* Оболочка страницы редактирования альбома в новом дизайне.
   Внутри — старая форма загрузки, поэтому возвращаем служебные классы старой
   вёрстки (.lf/.rg/.cls), которых в v2-стилях нет.

   Правки 24.09.2026 по замечаниям Владислава:
   · вкладок больше нет — загрузка, параметры альбома и перенос на одной странице;
   · сетка фотографий плотная, ровно 4 плитки в ряд (было 2 плитки с полем
     описания под каждой — поля убраны, плитка стала компактной);
   · блоки страницы выровнены по одной ширине (панель), убраны «пляшущие»
     фиксированные ширины 973/985 px, из-за которых правая колонка вылезала. */

.albedit-panel {
  width: 981px;
  margin: 0 auto 30px;
  padding: 18px 20px 22px;
  background: #fff;
  color: #000;
  border-radius: 4px;
  font: 12px Arial, Helvetica, sans-serif;
  overflow: hidden;
}

/* служебные классы старой вёрстки, которые ещё используются формой */
.albedit-panel .lf { float: left; }
.albedit-panel .rg { float: right; }
.albedit-panel .left { float: left; }
.albedit-panel .right { float: right; }
.albedit-panel .cls { clear: both; }

.albedit-panel input[type="text"],
.albedit-panel select,
.albedit-panel textarea {
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  padding: 2px 4px;
  font-size: 12px;
  color: #000;
  background: #fff;
}
.albedit-panel label { color: #333; }

/* --- блоки страницы одной ширины ------------------------------------------ */
.albedit-panel .cb-upload-block,
.albedit-panel .alinfo_div,
.albedit-panel .cbphoto-total,
.albedit-panel .cbpgrid,
.albedit-panel .cbsave-row,
.albedit-panel .cbmove-block {
  width: 100%;
  box-sizing: border-box;
}

.albedit-panel .cb-upload-block { margin-bottom: 22px; }

.albedit-panel .alinfo_div {
  position: relative;
  margin: 0 0 18px;
  padding: 16px 16px 12px;
  border: 1px solid #e3e8eb;
  border-radius: 4px;
  background: #fbfcfd;
  overflow: hidden;
}

.albedit-panel .alinfo_div .lf,
.albedit-panel .alinfo_div .rg { margin-bottom: 10px; }
.albedit-panel .alinfo_div label { display: inline-block; margin-right: 6px; }
.albedit-panel .addinfo_div { width: 100%; }

/* --- строка «В альбоме фотографий: N» ------------------------------------- */
.albedit-panel .cbphoto-total {
  float: none;
  clear: both;
  margin: 6px 0 10px;
  font-size: 13px;
  color: #333;
}

/* --- плотная сетка фотографий: ровно 4 в ряд ------------------------------ */
.albedit-panel .cbpgrid {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0 0 18px;
}

.albedit-panel .cbpcell {
  flex: 0 0 calc(25% - 10.5px);
  max-width: calc(25% - 10.5px);
  box-sizing: border-box;
  border: 1px solid #e3e8eb;
  border-radius: 4px;
  background: #fff;
  padding: 6px;
}

.albedit-panel .cbpimg {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  background: #f1f3f5;
  border-radius: 2px;
}

.albedit-panel .cbpimg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.albedit-panel .cbpvideo { width: 100%; height: 100%; overflow: hidden; }

.albedit-panel .cbpnum {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding: 2px 7px;
  background: rgba(0, 0, 0, .55);
  border-bottom-right-radius: 3px;
  color: #fff;
  font-size: 11px;
  line-height: 16px;
}

.albedit-panel .cbpctrl {
  margin-top: 6px;
  font-size: 11px;
  color: #4a555c;
  white-space: nowrap;
}

.albedit-panel .cbpctl { margin-right: 8px; }
.albedit-panel .cbpmeta { margin-top: 4px; font-size: 11px; color: #8a949c; }
.albedit-panel .cbpmeta .cinfo,
.albedit-panel .cbpmeta .minfo { margin-right: 8px; }

/* --- кнопки под сеткой ----------------------------------------------------- */
.albedit-panel .cbsave-row {
  margin-top: 4px;
  text-align: center;
}

/* --- блок «Тип и принадлежность альбома» -----------------------------------
   Раньше стоял последним в панели и потому имел margin-top: 24px. Правка
   24.09.2026: блок перенесён наверх (первым в .albedit-panel), поэтому
   верхний отступ убран, а нижний оставлен — так же, как у блока загрузки. */
.albedit-panel .cbmove-block {
  margin: 0 0 22px;
  padding: 16px;
  border: 1px solid #e3e8eb;
  border-radius: 4px;
  background: #fbfcfd;
}

.albedit-panel .cbmove-title {
  margin-bottom: 12px;
  font-size: 14px;
  font-family: 'Proxima Nova Bold';
}

.albedit-panel .cbmove-row { margin-bottom: 10px; }
.albedit-panel .cbmove-row label { display: inline-block; min-width: 110px; }

/* --- «чек-поинт»: тип альбома ---------------------------------------------
   Замечание Владислава 24.09.2026: «почини чек-поинт». Было: радио имели
   class="left" (float: left), поэтому три кружка сбились в кучку у левого края
   строки, а подписи уехали вправо — общее правило
   .cbmove-row label { min-width: 110px } растягивало каждую подпись до 110 px,
   плюс у них был свой margin: 0 14px 0 4px. Связи «кружок ↔ подпись» не было
   видно (зазоры выходили 148 / 272 / 396 px).
   Стало: каждая пара «кружок + подпись» — отдельный .cbmove-opt (inline-flex,
   зазор 5 px), пары разделены ровным интервалом 24 px, группа собрана в одну
   строку и аккуратно переносится на узком окне. Правило области — только
   внутри .cbmove-types, поэтому остальная страница не затронута. */
.albedit-panel .cbmove-row-type {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.albedit-panel .cbmove-row-type .cbmove-lbl {
  flex: 0 0 110px;
  min-width: 110px;
}

.albedit-panel .cbmove-types {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 24px;
}

.albedit-panel .cbmove-types .cbmove-opt {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.albedit-panel .cbmove-types .cbmove-opt input[type="radio"] {
  float: none;
  margin: 0;
  vertical-align: middle;
}

.albedit-panel .cbmove-types .cbmove-opt label {
  display: inline-block;
  min-width: 0;
  margin: 0;
  cursor: pointer;
}

/* --- поле города в блоке «Тип и принадлежность» ----------------------------
   Правка 24.09.2026 (Владислав): поле города переехало из нижнего блока
   параметров в верхний и стоит после «Место». Город выбирается общим окном
   ГОРОДА-2 (.cb-cp-field из citypicker.css), поэтому строку делаем такой же
   «подпись + поле», как у остальных строк блока, а подсказку под полем
   («город взят из выбранного места») уводим на отдельную строку. */
.albedit-panel .cbmove-row-city {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.albedit-panel .cbmove-row-city > label {
  flex: 0 0 110px;
  min-width: 110px;
  margin: 0;
}

.albedit-panel .cbmove-row-city .cb-cp-field {
  flex: 0 1 420px;
  max-width: 420px;
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
}

.albedit-panel .cbmove-row-city > .cb-cp-field-note {
  flex: 1 1 100%;
  margin: 2px 0 0 110px;
}

/* --- «Место (если нет в базе)» + галочка «Open air» -----------------------
   Задача 24.09.2026 (Владислав): рядом с «Место» — свободный текст для
   заведений, которых нет в справочнике («Площадь революции», «Ротонда в парке
   Татышева»), и галочка «Open air». Строка собрана как остальные («подпись +
   поле»: подпись 110 px, поле той же ширины, что «Место» и «Фотограф»), а
   галочка стоит сразу за полем — отдельным блоком .cbmove-openair, чтобы общее
   правило .cbmove-row label { min-width: 110px } не растянуло её подпись. */
.albedit-panel .cbmove-row-placefree {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.albedit-panel .cbmove-row-placefree > label {
  flex: 0 0 auto;
  min-width: 110px;
  margin: 0 6px 0 0;
}

.albedit-panel .cbmove-row-placefree .cbmove-placefree {
  flex: 0 0 300px;
  max-width: 300px;
  box-sizing: border-box;
}

.albedit-panel .cbmove-openair {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 16px;
  white-space: nowrap;
}

.albedit-panel .cbmove-openair label {
  display: inline-block;
  min-width: 0;
  margin: 0;
  cursor: pointer;
}

.albedit-panel .cbmove-openair input[type="checkbox"] {
  float: none;
  margin: 0;
  vertical-align: middle;
}

/* --- кнопка «Сохранить» блока --------------------------------------------- */
.albedit-panel .cbmove-submit { margin-top: 14px; }

/* --- подсказка «Наименование из Афиши» -------------------------------------
   Задача 24.09.2026: по совпадению Места и Даты события предлагаем название из
   Афиши. Подставляется только по кнопке — рядом объясняем, что можно вписать
   своё название. Стили только внутри .albedit-panel, чтобы не задеть остальную
   страницу (в форме нового фотоотчёта такие же классы оформлены в её шаблоне). */
.albedit-panel .cbmove-hint { margin: -4px 0 10px 110px; }

.albedit-panel .cb-event-hint {
  padding: 8px 10px;
  border: 1px dashed #cfe3ea;
  border-radius: 4px;
  background: #f5fbfd;
  font-size: 12px;
  color: #33424b;
  line-height: 1.4;
}

.albedit-panel .cb-event-hint[hidden] { display: none; }
.albedit-panel .cb-event-lead b { color: #1b1b1b; }
.albedit-panel .cb-event-sub { color: #8a949c; }
.albedit-panel .cb-event-list { margin: 6px 0 0; padding: 0; list-style: none; }
.albedit-panel .cb-event-list li { margin: 0 0 4px; }
.albedit-panel .cb-event-time { color: #00aeef; }
.albedit-panel .cb-event-note { margin-top: 6px; color: #8a949c; }
.albedit-panel .cb-event-note a { color: #00aeef; text-decoration: none; }

.albedit-panel .cb-event-take {
  margin-left: 6px;
  padding: 2px 8px;
  border: 0;
  border-radius: 3px;
  background: #00aeef;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.albedit-panel .cb-event-take:hover { filter: brightness(.96); }

/* --- FOOTER-2 · подвал страницы -------------------------------------------
   Замечание Владислава 24.09.2026: «В режиме редактирования Альбома, при
   прокрутке страницы вниз, подвал поднимается вверх».

   Причина: страница подключает старые стили галереи
   (style/gallery/album_xhtml.css и album_edit_xhtml.css), а те через @import
   тянут /style/style_xhtml.css, где подвал закреплён книзу:
       #content { position: relative; min-height: 100% }
       #footer  { position: absolute; bottom: 0 }
   В старом макете подвал стоял ВНУТРИ #content и прилипал к низу страницы;
   в новом макете (шаблоны *_v2) никакого #content нет, поэтому «якорем» для
   absolute становится первый экран: на длинной странице подвал оказывается
   в середине документа и при прокрутке уезжает вверх.

   Возвращаем подвал в обычный поток. Файл подключён последним из старых,
   поэтому правило и перекрывает style_xhtml.css. */
#footer {
  position: static;
  bottom: auto;
}