/* recovery-dialog.css - 自動保存データの復元ダイアログに出すプロジェクトの内訳
   （confirm-dialog の content として差し込まれる） */
.recovery-summary{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.recovery-summary-row{
  display:flex;
  gap:12px;
  align-items:baseline;
  font-size:0.8rem;
  flex-wrap:wrap;
}
.recovery-summary-label{
  color:var(--color-text-secondary);
  flex:0 0 auto;
  min-width:6em;
}
.recovery-summary-value{
  color:var(--color-text-primary);
  flex:1 1 auto;
  word-break:break-word;
}
/* ページ数が多くても縦に伸び続けないよう、一覧側だけスクロールさせる */
.recovery-thumbs{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(84px,1fr));
  gap:10px;
  max-height:38vh;
  overflow-y:auto;
  /* スクロールバーが最終列に触れないよう右だけ余白を足す */
  padding:2px 6px 2px 2px;
}
.recovery-thumb{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.recovery-thumb-frame{
  aspect-ratio:3/4;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--layer-preview-bg);
  border:2px solid var(--layer-preview-border);
  border-radius:var(--fjm-border-radius);
  overflow:hidden;
}
.recovery-thumb.is-current .recovery-thumb-frame{
  border-color:var(--color-accent);
  box-shadow:0 0 0 1px var(--color-accent);
}
.recovery-thumb-frame img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}
/* 画像を作れなかったページ。枠だけだと中身が無いページと見分けが付かない */
.recovery-thumb-none{
  font-size:0.6rem;
  line-height:1.3;
  text-align:center;
  padding:0 4px;
  color:var(--color-text-secondary);
}
.recovery-thumb-caption{
  display:flex;
  gap:6px;
  align-items:baseline;
  justify-content:center;
  min-width:0;
}
.recovery-thumb-number{
  font-size:0.7rem;
  color:var(--color-text-primary);
}
.recovery-thumb-size{
  font-size:0.6rem;
  color:var(--color-text-secondary);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* サムネイルの上に重ねると絵が隠れる。判断材料は絵そのものなので下に置く */
.recovery-thumb-badge{
  align-self:center;
  max-width:100%;
  background:rgba(0,0,0,0.7);
  color:#fff;
  font-size:0.58rem;
  line-height:1.4;
  text-align:center;
  border-radius:8px;
  padding:1px 4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}