/* BODHI Dashboard · css/shots.css · 镜次网格 + 状态徽章 + 文档版本 diff 高亮
   ⚠ 层叠顺序 = index.html 里 <link> 的先后，别随手调换。*/

/* 镜次卡片网格：按窗口宽 auto-fill 自动决定列数，单列 280px 下限钉住卡片不过大
   （宽屏自然多列、每列 ≈280–360px；比固定 1/2/3 列在大屏上小很多） */
.shot-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

/* Shot state badges */
.state-badge {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.state-missing-prompt { background: #fef2f2; color: #b91c1c; }
.state-has-prompt     { background: #fef3c7; color: #92400e; }
.state-has-firstframe { background: #dbeafe; color: #1e40af; }
.state-has-take       { background: #ede9fe; color: #6b21a8; }
.state-selected       { background: #d1fae5; color: #065f46; }
.state-cut            { background: #e7e5e4; color: #1c1917; }
.state-superseded     { background: #f5f5f4; color: #78716c; }

.dark .state-missing-prompt { background: #450a0a; color: #fca5a5; }
.dark .state-has-prompt     { background: #451a03; color: #fcd34d; }
.dark .state-has-firstframe { background: #0c1f3d; color: #93c5fd; }
.dark .state-has-take       { background: #2e1065; color: #c4b5fd; }
.dark .state-selected       { background: #052e16; color: #6ee7b7; }
.dark .state-cut            { background: #292524; color: #d6d3d1; }
.dark .state-superseded     { background: #292524; color: #a8a29e; }

/* 文档版本对比：段内字级高亮（半透明，明暗两主题通吃，文字色继承） */
.diff-col mark.diff-del { background: rgba(244, 63, 94, .28);  border-radius: 2px; padding: 0 1px; text-decoration: line-through; text-decoration-color: rgba(244,63,94,.6); }
.diff-col mark.diff-add { background: rgba(16, 185, 129, .32); border-radius: 2px; padding: 0 1px; }
.dark .diff-col mark.diff-del { background: rgba(244, 63, 94, .38); }
.dark .diff-col mark.diff-add { background: rgba(16, 185, 129, .42); }