/* card.css — token-based card with header/body/footer regions ported from go-backend. */

.ui-card {
  background: var(--color-surface-default);
  border: 1px solid var(--color-border-default);
  border-radius: 1rem;
  box-shadow: var(--shadow-surface-md);
}

.ui-card-header,
.ui-card-body,
.ui-card-footer {
  padding: 1.25rem 1.5rem;
}

.ui-card-header,
.ui-card-footer {
  border-color: var(--color-border-default);
}

.ui-card-header {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.ui-card-footer {
  border-top-style: solid;
  border-top-width: 1px;
}