/* Wait Wall custom styles (loaded after Bulma) */

/* ---- Slide editor ---- */
#canvasWrap { background:#2b2b2b; padding:16px; border-radius:8px; }
#canvas {
  position:relative; width:100%; aspect-ratio:16/9;
  background:#fff; box-shadow:0 4px 20px rgba(0,0,0,.4); overflow:hidden;
}
.cel { position:absolute; cursor:move; }
.cel.is-selected { outline:2px dashed #3273dc; outline-offset:-2px; }
.cel .celText { width:100%; height:100%; white-space:pre-wrap; line-height:1.2; pointer-events:none; }
.ui-resizable-handle { z-index:1000 !important; }

.deckSlide {
  border:1px solid #dbdbdb; border-radius:6px; padding:8px 10px; margin-bottom:6px;
  cursor:pointer; font-size:.8rem; background:#fff;
}
.deckSlide:hover { border-color:#3273dc; }
.deckSlide.is-current { border-color:#3273dc; background:#eff4ff; }
.deckNum { display:inline-block; min-width:1.4em; color:#7a7a7a; font-weight:bold; }

.specialInfo { position:absolute; inset:0 0 55% 0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; color:#666; padding:16px; }
.specialCfg { position:absolute; left:0; right:0; bottom:0; height:52%; overflow:auto;
  background:rgba(255,255,255,.95); border-top:1px solid #ddd; padding:12px; }

/* ---- Timeline (TV-guide grid) ---- */
.tlGrid { display:grid; grid-template-columns:repeat(7, 1fr); gap:6px; }
.tlDayHead { text-align:center; font-weight:bold; font-size:.75rem; padding:4px;
  background:#363636; color:#fff; border-radius:6px 6px 0 0; }
.tlDrop { min-height:110px; background:#f5f5f5; border:1px dashed #ccc; border-top:none;
  border-radius:0 0 6px 6px; padding:4px; }
.tlDrop.tlHover { background:#eff4ff; border-color:#3273dc; }
.progChip { cursor:grab; user-select:none; }
.progChip.placed { display:block; width:fit-content; max-width:100%; overflow:hidden; text-overflow:ellipsis; }

@media (max-width: 900px) { .tlGrid { grid-template-columns:repeat(2, 1fr); } }