/* Base: shared by both roles */
.mint-container {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

/* Card role (default — no direction prop) */
.mint-container--card {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-color);
  background-color: var(--bg-card);
  padding: 1rem;
}

.mint-container--scrollable {
  overflow-y: auto;
}

/* Layout role (direction prop set) */
.mint-container--layout {
  display: flex;
}

.mint-container--row {
  flex-direction: row;
}

.mint-container--column {
  flex-direction: column;
}