/* Phase 134 — Scene Index Cards */
#cbs-cards-modal{
  position:fixed; inset:0; z-index:100055;
  background:rgba(8,12,28,.5); display:flex; align-items:center; justify-content:center;
}
.cbs-cards-box{
  width:min(900px,94vw); max-height:86vh; background:#f8fafc; color:#1f2937;
  border-radius:14px; box-shadow:0 24px 64px rgba(0,0,0,.4);
  display:flex; flex-direction:column; overflow:hidden;
}
.cbs-cards-head{ display:flex; align-items:center; gap:12px; padding:14px 18px; border-bottom:1px solid #e5e7eb; }
.cbs-cards-head strong{ font-size:1.05rem; }
.cbs-cards-hint{ flex:1; font-size:.74rem; color:#6b7280; }
.cbs-cards-head button{ border:0; background:transparent; font-size:1rem; cursor:pointer; color:#6b7280; }
.cbs-cards-grid{
  flex:1; overflow-y:auto; padding:16px;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:12px;
}
.cbs-card{
  background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:12px;
  cursor:grab; box-shadow:0 2px 6px rgba(0,0,0,.05); position:relative;
  transition:transform .1s, box-shadow .12s, border-color .12s; min-height:96px;
}
.cbs-card:hover{ box-shadow:0 6px 16px rgba(0,0,0,.12); transform:translateY(-2px); }
.cbs-card.dragging{ opacity:.4; }
.cbs-card.over{ border-color:#6366f1; box-shadow:0 0 0 2px rgba(99,102,241,.4); }
.cbs-card-num{
  position:absolute; top:8px; right:10px; font-size:.66rem; font-weight:800;
  color:#fff; background:#6366f1; border-radius:20px; padding:1px 8px;
}
.cbs-card-head{ font-size:.8rem; font-weight:800; color:#111827; margin:2px 30px 6px 0; line-height:1.25; }
.cbs-card-snip{ font-size:.72rem; color:#6b7280; line-height:1.35; }
.cbs-cards-foot{ display:flex; justify-content:flex-end; gap:8px; padding:12px 18px; border-top:1px solid #e5e7eb; }
.cbs-cards-foot button{ font:inherit; padding:8px 16px; border-radius:9px; border:1px solid #d1d5db; background:#fff; cursor:pointer; }
.cbs-cards-foot .primary{ background:#4f46e5; color:#fff; border-color:#4f46e5; }
body.dark .cbs-cards-box{ background:#111827; color:#e5e7eb; }
body.dark .cbs-card{ background:#1f2937; border-color:#374151; }
body.dark .cbs-card-head{ color:#f3f4f6; }
@media (max-width:760px){ .cbs-cards-grid{ grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); } }