/* ═══════════════════════════════════════════════════════════════
   QUOTE PIPELINE — Panel Styles
   ═══════════════════════════════════════════════════════════════ */
.qp-wrap { padding: var(--space-5) var(--space-6); }
.qp-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-4); flex-wrap: wrap; gap: var(--space-3); }
.qp-title { font-size: var(--text-md); font-weight: var(--weight-semibold); }
.qp-filters { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.qp-filter-btn {
  padding: var(--space-1) var(--space-3); border: 1px solid var(--border-default); border-radius: var(--radius-full);
  background: transparent; color: var(--text-secondary); font-size: var(--text-sm);
  cursor: pointer; transition: all var(--duration-fast); font-family: var(--font-sans);
}
.qp-filter-btn:hover { background: var(--bg-hover); color: var(--text-primary); }
.qp-filter-btn.active { background: var(--accent-muted); color: var(--accent-text); border-color: var(--accent); }

.qp-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--space-3); margin-bottom: var(--space-4); }
.qp-stat-card { background: var(--bg-surface); border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); padding: var(--space-4); text-align: center; }
.qp-stat-value { font-size: var(--text-xl); font-weight: var(--weight-bold); margin-bottom: 2px; }
.qp-stat-label { font-size: var(--text-xs); color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; }

.qp-table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.qp-table th { text-align: left; padding: var(--space-2) var(--space-3); font-size: var(--text-xs); font-weight: var(--weight-semibold);
  text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); border-bottom: 1px solid var(--border-default); white-space: nowrap; }
.qp-table td { padding: var(--space-3) var(--space-3); border-bottom: 1px solid var(--border-subtle); color: var(--text-secondary); }
.qp-table tr:hover td { background: var(--bg-hover); }

.qp-status { display: inline-flex; align-items: center; gap: var(--space-1); padding: 2px var(--space-2); border-radius: var(--radius-full); font-size: var(--text-xs); font-weight: var(--weight-medium); }
.qp-status.queued { background: var(--warning-muted); color: var(--warning); }
.qp-status.running { background: var(--info-muted); color: var(--info); }
.qp-status.completed { background: var(--success-muted); color: var(--success); }
.qp-status.failed { background: var(--error-muted); color: var(--error); }
.qp-customer-name { color: var(--text-primary); font-weight: var(--weight-medium); }
.qp-carriers { display: flex; gap: var(--space-1); flex-wrap: wrap; }
.qp-carrier-chip { background: var(--bg-elevated); border: 1px solid var(--border-subtle); border-radius: var(--radius-full);
  padding: 1px 6px; font-size: var(--text-xs); color: var(--text-secondary); }
.qp-empty { text-align: center; padding: var(--space-10); color: var(--text-muted); }