.pipeline-heading{align-items:flex-end}
.pipeline-filter{display:grid;gap:6px;min-width:220px}
.pipeline-filter label{color:var(--color-text-muted);font-size:.78rem;font-weight:800}
.pipeline-stage-filter{width:100%;min-height:40px;padding:8px 34px 8px 11px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}
.pipeline-source-status{margin:0 0 12px;color:var(--color-text-muted);font-size:.78rem}
.pipeline-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-surface)}
.pipeline-table{width:100%;min-width:1320px;border-collapse:collapse}
.pipeline-table th,.pipeline-table td{padding:12px 13px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;overflow-wrap:anywhere}
.pipeline-table th{background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.74rem;font-weight:800;white-space:nowrap}
.pipeline-table td{font-size:.82rem}
.pipeline-table tbody tr:last-child td{border-bottom:0}
.pipeline-row:hover{background:var(--color-primary-soft)}
.pipeline-raw-amount{font-variant-numeric:tabular-nums;font-weight:750}
.pipeline-urgency{white-space:nowrap}

@media(max-width:900px){
  .pipeline-heading{align-items:flex-start}
}

@media(max-width:600px){
  .pipeline-filter{width:100%;min-width:0}
  .pipeline-table-scroll{overflow-x:auto;border:0;background:transparent;box-shadow:none}
  .pipeline-table{display:block;min-width:0}
  .pipeline-table thead{display:none}
  .pipeline-table tbody{display:grid;gap:12px}
  .pipeline-table tr{display:grid;padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-surface)}
  .pipeline-table td{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--color-border)}
  .pipeline-table td:last-child{border-bottom:0}
  .pipeline-table td::before{content:attr(data-label);color:var(--color-text-muted);font-size:.72rem;font-weight:800}
  .pipeline-row:hover{background:var(--color-surface)}
}

@media(max-width:480px){
  .pipeline-table tr{padding:5px 12px}
  .pipeline-table td{grid-template-columns:82px minmax(0,1fr);gap:8px}
}