/* =====================================================
   WPD Cockpit — Cards
   ===================================================== */

.wpd-card {
  background: var(--color-white);
  border-radius: var(--border-radius-xl);
  border: none;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.08);
  overflow: visible;
  margin-bottom: var(--spacing-xl);
}

.wpd-card--flat {
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.08);
  border: none;
  border-radius: var(--border-radius-xl);
}

.wpd-card--bordered {
  box-shadow: none;
  border: 1px solid #eaeaea;
  border-radius: var(--border-radius-xl);
}

.wpd-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing) var(--spacing-xl);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  flex-wrap: wrap;
  min-height: 60px;
  font-family: var(--fontfamily-title);
  font-weight: var(--fontweight-title);
  font-size: 1rem; /* match table headers (.wpd-table th) */
  color: var(--color-text);
}

.wpd-card__title {
  font-family: var(--fontfamily-title);
  font-size: var(--fontsize-h2);
  font-weight: var(--fontweight-title);
  color: var(--color-titles);
}

.wpd-card__body {
  padding: var(--spacing-xl);
}

.wpd-card__body--flush {
  padding: 0;
}

/* Card header: ghost buttons → icon-style (dark → red hover, no fill) */
.wpd-card__header .wpd-button--ghost {
  background: transparent;
  border-color: transparent;
  color: var(--color-grey-700);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
}
.wpd-card__header .wpd-button--ghost:hover:not(:disabled) {
  background: transparent;
  border-color: transparent;
  color: var(--color-brand-1);
  filter: none;
}

.wpd-card__footer {
  padding: var(--spacing-sm) var(--spacing-lg);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}