/* ── card-ds.css ─────────────────────────────────────────────────────────────
   Additive visual overrides to align Bootstrap cards with the design-system.
   Loaded after table-ds.css in base.html.
   ──────────────────────────────────────────────────────────────────────── */

/* Border radius, border color, remove shadow for all cards */
.card {
  border-radius: 10px;
  border-color: #e5e7eb;
  box-shadow: none !important; /* overrides .shadow-sm which uses !important */
}

/* Card header — match Figma header bg and border */
.card-header {
  background: #f9fafb;
  border-bottom-color: #e5e7eb;
}

/* Card body — increase padding from Bootstrap's 1rem to match Figma's ~24px */
.card-body {
  padding: 1.5rem;
}