/* Раскладка позиций «досье» — используется на странице Избранного (/selected),
   чтобы прямо там показывать ту же полную информацию, что уйдёт в PDF.
   (Страница печати dossier.html держит свою копию этих правил инлайн.) */

/* Группа раздела */
.d-group-h{ font-family:'IBM Plex Mono', monospace;
  font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--accent,#7a3b28);
  font-weight:normal; border-bottom:1px solid var(--rule,#dcd6cc); padding-bottom:5px; margin:22px 0 8px; }
.d-group-h .n{ color:var(--mute,#999); }

/* Компактная позиция: миниатюра слева, информация справа */
.d-item{ position:relative; display:flex; gap:18px; align-items:flex-start;
  padding:12px 0; border-bottom:1px solid #ece7dd; page-break-inside:avoid; break-inside:avoid; }
.d-thumb{ flex:0 0 170px; }
.d-thumb img{ width:100%; max-height:210px; object-fit:contain; background:#faf8f5; border:1px solid #eee; }
.d-thumb .d-noimg{ display:flex; align-items:center; justify-content:center; height:120px;
  background:#faf8f5; border:1px solid #eee; color:var(--mute,#bbb); font-size:11px; text-align:center; padding:8px; }
.d-main{ flex:1; min-width:0; }
.d-head{ font-family:-apple-system,Helvetica,Arial,sans-serif; font-size:10.5px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--accent,#7a3b28); margin-bottom:2px; }
.d-head .d-id{ color:var(--mute,#999); text-transform:none; letter-spacing:0; }
.d-head .d-open{ text-transform:none; letter-spacing:0; margin-left:8px; font-size:11px; }
.d-title{ font-size:15px; font-style:italic; margin:0 0 7px; line-height:1.3; }
.d-meta{ border-collapse:collapse; font-size:12.5px; width:100%; }
.d-meta td{ vertical-align:top; padding:1.5px 0; }
/* Подписи характеристик (ПЕРИОД, СЕРИЯ, ГОД…) — архивным моно-капсом. */
.d-meta .k{ font-family:'IBM Plex Mono', monospace; text-transform:uppercase; letter-spacing:.04em;
  font-size:11px; color:var(--mute,#888); width:150px; padding-right:12px; white-space:nowrap; }
.d-pdf{ margin-top:6px; font-size:12.5px; }
.d-comment{ margin-top:7px; font-size:12.5px; font-style:italic; color:#444; }
.d-comment .k{ font-style:normal; color:var(--mute,#888); }
.d-rel{ margin-top:8px; }
.d-rel-block{ margin-top:5px; font-size:12px; }
/* «СВЯЗАННЫЕ ПРОИЗВЕДЕНИЯ», «В КАТАЛОГАХ» и т.п. — тем же моно-капсом,
   что и подписи характеристик. (07.2026) */
.d-rel-block h4{ font-family:'IBM Plex Mono', monospace;
  margin:0 0 1px; font-size:10.5px; text-transform:uppercase; letter-spacing:.04em;
  color:var(--accent,#7a3b28); font-weight:normal; }
.d-rel-block ul{ margin:0; padding-left:15px; }
.d-rel-block li{ margin:0; line-height:1.5; }

/* Режим «Портфолио» — крупное изображение, ключевые факты */
.dossier-mode-portfolio .d-item{ flex-direction:column; align-items:stretch; gap:10px; padding:0 0 18px; }
.dossier-mode-portfolio .d-thumb{ flex:none; text-align:center; }
.dossier-mode-portfolio .d-thumb img{ max-height:none; width:auto; max-width:100%; max-height:62vh; }
.dossier-mode-portfolio .d-title{ font-size:17px; }
.dossier-mode-portfolio .d-meta{ font-size:14px; max-width:560px; }
.dossier-mode-portfolio .d-meta .k{ width:170px; }
.dossier-mode-portfolio .d-rel{ display:none; }

/* Режим «Контактный лист» — плотная сетка миниатюр, только название и ID */
.dossier-mode-contact .dossier-items{ display:flex; flex-wrap:wrap; gap:12px; }
.dossier-mode-contact .d-group-h{ flex:0 0 100%; margin:14px 0 2px; }
.dossier-mode-contact .d-item{ flex:0 0 calc(25% - 9px); flex-direction:column; gap:10px;
  border:1px solid #ece7dd; padding:8px; }
.dossier-mode-contact .d-thumb{ flex:none; height:160px; display:flex; align-items:center; justify-content:center; }
.dossier-mode-contact .d-thumb img{ max-height:160px; max-width:100%; width:auto; object-fit:contain; }
.dossier-mode-contact .d-title{ font-size:12.5px; margin:0; line-height:0.9; }
/* Блок описания всегда прижат к низу карточки и выровнен по всем карточкам,
   независимо от ориентации работы: фикс. высота миниатюры (160px) + карточки
   растягиваются на равную высоту в строке + описание отжато вниз. (07.2026) */
.dossier-mode-contact .d-item{ align-self:stretch; }
.dossier-mode-contact .d-main{ display:flex; flex-direction:column; flex:1 1 auto; }
/* Автор — в одну строку, без ID; межстрочные интервалы уплотнены на ~30% (07.2026). */
.dossier-mode-contact .d-author{ display:block; font-size:13px; line-height:0.9; margin-bottom:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dossier-mode-contact .d-author .d-id{ display:none; }
/* Убираем линию под названием (её задаёт base.css h2{border-bottom}); год — вплотную к названию. */
.dossier-mode-contact .d-title{ border-bottom:none; padding-bottom:0; gap:8px; }
.d-year{ display:none; }
.dossier-mode-contact .d-year{ display:inline; font-family:-apple-system,Helvetica,Arial,sans-serif;
  font-size:11px; font-weight:normal; font-style:normal; color:var(--mute,#999); white-space:nowrap; }
/* Низ карточки: размер, а под ним — ID, оба по левому краю; цифры −20%. */
.d-brief{ display:none; }
.dossier-mode-contact .d-brief{ display:flex; flex-direction:column; gap:1px; margin-top:2px;
  font-family:inherit; font-style:normal; font-size:10px; letter-spacing:0; line-height:1.15; color:inherit; }
.dossier-mode-contact .d-brief .d-bid{ font-family:-apple-system,Helvetica,Arial,sans-serif;
  font-weight:normal; font-size:8.8px; color:var(--mute,#999); white-space:nowrap; }
.dossier-mode-contact .d-meta,
.dossier-mode-contact .d-rel,
.dossier-mode-contact .d-comment,
.dossier-mode-contact .d-pdf,
.dossier-mode-contact .d-open{ display:none !important; }
@media (max-width:760px){ .dossier-mode-contact .d-item{ flex-basis:calc(50% - 6px); } }

/* === Управляющие элементы на странице Избранного (галочка «в PDF» + удалить) === */
.d-controls{ position:absolute; top:8px; right:10px; z-index:4; display:flex; align-items:center; gap:8px; }
.d-controls .sel-pick{ display:inline-flex; align-items:center; gap:5px; cursor:pointer;
  background:rgba(255,255,255,.92); border:1px solid var(--rule,#e3ddd1); border-radius:5px; padding:2px 7px 2px 5px; }
.d-controls .sel-pick input{ width:15px; height:15px; cursor:pointer; accent-color:var(--accent,#7a3b28); margin:0; }
.d-controls .sel-pick-lbl{ font-family:-apple-system,Helvetica,Arial,sans-serif; font-size:10px; letter-spacing:.02em; color:var(--mute,#8a8073); }
.d-item.sel-unpicked .sel-pick{ background:#f3efe7; }
.d-item.sel-unpicked .sel-pick-lbl{ color:#bbb2a3; }
.d-controls .sel-rm{ width:24px; height:24px; border-radius:50%; border:1px solid var(--rule,#dcd6cc);
  background:#fff; color:var(--mute,#888); cursor:pointer; font-size:14px; line-height:1; padding:0; }
.d-controls .sel-rm:hover{ background:var(--accent,#7a3b28); color:#fff; border-color:var(--accent,#7a3b28); }
/* В режиме «Полное досье»/списка кнопки (в PDF, ×) стоят в правом верхнем углу
   карточки, на одной линии со строкой автора/названия. Резервируем справа место,
   чтобы кнопки не наезжали на ID и заголовок работы. */
.dossier-mode-list .d-item:has(.d-controls) .d-author,
.dossier-mode-list .d-item:has(.d-controls) .d-title{ padding-right:120px; }

@media print{
  .d-controls{ display:none !important; }
  .dossier-mode-contact .d-item{ flex-basis:calc(25% - 9px); }
  .d-item{ border-bottom:1px solid #ddd; }
}

/* Имя автора над названием работы в досье/печати (музейная подпись). */
.d-author { font-family: Georgia, serif; font-weight: 600; font-size: 15px; color: var(--accent,#7a3b28); margin: 0 0 3px; line-height: 1.25; }
.dossier-mode-portfolio .d-author { font-size: 17px; }

/* ID — мелким, к правому краю строки автора (или названия, если автора нет). */
.d-author{ display:flex; align-items:baseline; gap:14px; }
.d-title{ display:flex; align-items:baseline; gap:14px; }
.d-author .d-id, .d-title .d-id{ margin-left:auto; }
.d-id{ font-family:-apple-system,Helvetica,Arial,sans-serif; font-weight:normal; font-style:normal; font-size:11px; letter-spacing:0; color:var(--mute,#999); white-space:nowrap; }