/* Yail.Pitch module-specific tweaks. The editorial shell (topbar, ph, form-card, data-table,
   empty-state, badges) ships from Yail.Shared.Web's yail-app-shell.css via the RCL.
   Module-specific classes are pitch-*. */

/* Deck editor: slide rail + main pane, two-pane flex layout (Task 10). */
.pitch-editor { display: flex; gap: 20px; align-items: flex-start; margin-bottom: 20px; }
.pitch-rail { flex: 0 0 240px; width: 240px; display: flex; flex-direction: column; gap: 8px; }
.pitch-rail-card {
  border: 1px solid var(--yail-stone); border-radius: 10px; background: #fff;
  padding: 10px 12px; cursor: grab; transition: border-color .15s, opacity .15s;
}
.pitch-rail-card.on { border-color: var(--yail-coffee); box-shadow: 0 0 0 1px var(--yail-coffee) inset; }
.pitch-rail-card.hidden-slide { opacity: .6; }
.pitch-rail-card.dragging { opacity: .35; }
.prc-handle { font-size: 12px; letter-spacing: 2px; color: var(--yail-mocha); margin-bottom: 4px; cursor: grab; }
.prc-body { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; }
.prc-kind { font-size: 13px; font-weight: 600; color: var(--yail-coffee); }
.prc-source { font-size: 11.5px; color: var(--yail-mocha); }
.prc-hide-form { margin-top: 8px; }
.prc-hide-form button { padding: 3px 10px; font-size: 11.5px; }
.pitch-editor-main { flex: 1 1 auto; min-width: 0; }

/* Repeatable value/label/delta-style rows for StatTiles / TeamGrid / Timeline block-edit partials. */
.pitch-row-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 12px; }
@media (max-width: 720px) {
  .pitch-editor { flex-direction: column; }
  .pitch-rail { width: 100%; flex: 1 1 auto; flex-direction: row; overflow-x: auto; }
  .pitch-rail-card { flex: 0 0 200px; }
  .pitch-row-grid { grid-template-columns: 1fr; }
}