/* Page-scoped styles for pipeline.html */
.action-bar {
      display: flex;
      gap: 0.75rem;
      align-items: center;
      margin-bottom: 1.5rem;
      flex-wrap: wrap;
    }
    .pipeline-board {
      display: flex;
      gap: 1rem;
      overflow-x: auto;
      padding-bottom: 1rem;
      min-height: 400px;
      align-items: flex-start;
    }
    .pipeline-col {
      min-width: 260px;
      max-width: 300px;
      flex: 1 0 260px;
      background: var(--card-bg);
      border-radius: var(--radius);
      box-shadow: var(--card-shadow);
      display: flex;
      flex-direction: column;
    }
    .pipeline-col-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.75rem 1rem;
      border-bottom: 1px solid #e8e5df;
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: var(--muted);
    }
    .pipeline-col-header .count-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1.5rem;
      height: 1.5rem;
      padding: 0 0.4rem;
      border-radius: 999px;
      background: #e8e5df;
      color: var(--ink);
      font-size: 0.6875rem;
      font-weight: 700;
    }
    .pipeline-col-body {
      padding: 0.5rem;
      flex: 1;
      overflow-y: auto;
      max-height: 70vh;
    }
    .pipeline-card {
      background: #fdfcfa;
      border: 1px solid #f0ede8;
      border-radius: var(--radius-sm);
      padding: 0.75rem;
      margin-bottom: 0.5rem;
      cursor: pointer;
      transition: box-shadow var(--transition), border-color var(--transition);
    }
    .pipeline-card:hover {
      box-shadow: var(--card-shadow-hover);
      border-color: var(--blue);
    }
    .pipeline-card:last-child {
      margin-bottom: 0;
    }
    .pipeline-card-name {
      font-size: 0.875rem;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 0.25rem;
    }
    .pipeline-card-company {
      font-size: 0.75rem;
      color: var(--muted);
      margin-bottom: 0.375rem;
    }
    .pipeline-card-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
    }
    .pipeline-card-date {
      font-size: 0.6875rem;
      color: var(--muted);
    }
    .source-badge {
      display: inline-block;
      padding: 0.1rem 0.45rem;
      border-radius: 999px;
      font-size: 0.625rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      background: #dbeafe;
      color: #1e40af;
    }
    .pipeline-empty {
      font-size: 0.75rem;
      color: var(--muted);
      text-align: center;
      padding: 1.5rem 0.5rem;
    }
    /* Detail modal */
    .detail-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.75rem;
      margin-bottom: 1.25rem;
    }
    .detail-field label {
      font-size: 0.6875rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      color: var(--muted);
      display: block;
      margin-bottom: 0.125rem;
    }
    .detail-field span {
      font-size: 0.875rem;
      color: var(--ink);
    }
    .stage-actions {
      margin-bottom: 1.25rem;
    }
    .stage-actions label {
      font-size: 0.75rem;
      font-weight: 600;
      color: var(--muted);
      margin-bottom: 0.375rem;
      display: block;
    }
    .stage-btn-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.375rem;
    }
    .btn-xs {
      padding: 0.2rem 0.5rem;
      font-size: 0.6875rem;
    }
    .btn-active {
      background: var(--blue);
      color: #fff;
    }
    .modal-lg {
      max-width: 640px;
    }
    .modal-actions {
      display: flex;
      gap: 0.5rem;
      flex-wrap: wrap;
      margin-top: 1rem;
    }
    .toast {
      position: fixed;
      bottom: 1.5rem;
      right: 1.5rem;
      background: var(--ink);
      color: #fff;
      padding: 0.75rem 1.25rem;
      border-radius: var(--radius);
      font-size: 0.875rem;
      z-index: 600;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
      transition: opacity 0.3s ease;
    }
    .toast.fade-out {
      opacity: 0;
    }