/* AEG UI — Commercial Plane */

.deal-card {
  background: var(--bg-surface);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  margin-bottom: var(--space-3);
  transition: box-shadow var(--transition-fast);
}
.deal-card:hover { box-shadow: 0 2px 12px rgba(0,0,0,0.4); }

.deal-card-header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}
.deal-card-title {
  font-size: var(--font-size-md);
  font-weight: 700;
  flex: 1;
}
.deal-meta {
  display: flex;
  gap: var(--space-4);
  font-size: var(--font-size-sm);
  color: var(--color-text-dim);
  margin-bottom: var(--space-3);
  flex-wrap: wrap;
}
.deal-meta-item {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.progress-bar-wrap {
  height: 8px;
  background: var(--bg-surface-3);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: var(--space-1);
}
.progress-bar-fill {
  height: 100%;
  background: var(--color-success);
  border-radius: 4px;
  transition: width var(--transition-slow);
}
.progress-label {
  font-size: var(--font-size-xs);
  color: var(--color-text-dim);
  margin-bottom: var(--space-3);
}

.deal-stats {
  display: flex;
  gap: var(--space-4);
  font-size: var(--font-size-xs);
  color: var(--color-text-dim);
  flex-wrap: wrap;
}

.kpi-header {
  display: flex;
  gap: var(--space-4);
  padding: var(--space-4);
  background: var(--bg-surface);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-4);
  flex-wrap: wrap;
}
.kpi-item { display: flex; flex-direction: column; gap: 2px; }
.kpi-value {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-text);
}
.kpi-label {
  font-size: var(--font-size-xs);
  color: var(--color-text-dim);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.kpi-warn .kpi-value { color: var(--color-warning); }