:root {
  /* surfaces */
  --ed-bg:            #f4f3ef;
  --ed-surface:       #ffffff;
  --ed-surface-2:     #edebe5;

  /* ink */
  --ed-ink:           #0a0a0a;
  --ed-ink-2:         #555555;
  --ed-ink-3:         #8a8a8a;
  --ed-ink-4:         #c8c5be;

  /* lines */
  --ed-border:        #e4e2dc;
  --ed-border-strong: #cfcdc6;

  /* status */
  --ed-success:       #1f6b3a;
  --ed-success-soft:  #e3ecdf;
  --ed-warn:          #8a5a08;
  --ed-warn-soft:     #f5ecd8;
  --ed-danger:        #8a2a1c;

  /* shape */
  --ed-radius:        4px;
  --ed-radius-pill:   999px;

  /* type */
  --ed-font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --ed-font-mono: 'JetBrains Mono', ui-monospace, SF Mono, monospace;
}

/* Card list — each vehicle gets its own bordered panel separated by 12px of page-bg */
.ed-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 16px 24px;
}

.ed-card {
  background: var(--ed-surface);
  border: 1px solid var(--ed-border);
  border-radius: var(--ed-radius);
  overflow: hidden;
}

.ed-card__head {
  padding: 20px 22px 0;
}

.ed-card__actions {
  margin-top: 14px;
  padding: 12px 22px;
  border-top: 1px solid var(--ed-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}