/* NEW-84 Pipeline phụ lục (views/pipelines.js) — tiền tố pl- */
.pl-lead { max-width: 900px; margin-top: -8px; }
.pl-list { display: grid; gap: 12px; }
.pl-card header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.pl-card h3 { margin: 0 0 6px; font-size: 16px; }
.pl-card.off { opacity: .7; }
.pl-code { font-size: 12px; font-weight: 400; }
.pl-used { font-size: 12px; margin-left: 6px; }
.pl-acts { display: flex; gap: 6px; flex-wrap: wrap; }
.pl-steps { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 10px 0 0; counter-reset: pl; }
.pl-step { display: flex; flex-direction: column; gap: 2px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-2); font-size: 13px; min-width: 110px; }
.pl-step .muted { font-size: 12px; }
.pl-step.s-closed_lost { border-style: dashed; }
.pl-step.off { opacity: .55; text-decoration: line-through; }
.pl-step .badge { align-self: flex-start; }
.pl-rows { list-style: none; padding: 0; margin: 8px 0; display: grid; gap: 8px; }
.pl-row { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 8px; align-items: start; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.pl-grip { cursor: grab; color: var(--muted); padding-top: 8px; user-select: none; }
.pl-row-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
.pl-row-main .pl-hint, .pl-row-main .pl-row-note { grid-column: 1 / -1; }
.pl-row-note { font-size: 12px; }
.pl-row-acts { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.pl-on { display: flex; align-items: center; gap: 4px; font-size: 13px; white-space: nowrap; }
.pl-preview { margin-top: 12px; }
@media (max-width: 640px) {
  .pl-row { grid-template-columns: minmax(0, 1fr); }
  .pl-grip { display: none; }
  .pl-row-main { grid-template-columns: minmax(0, 1fr); }
}