.batch-option__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  width: 100%;
  text-align: left;
}

.batch-option__title,
.batch-option__date {
  display: block;
  width: 100%;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.3;
}

.batch-option__date {
  font-size: 0.8125rem;
}

.batch-option__status {
  display: inline-flex;
  align-items: center;
  margin-top: 0.4rem;
  padding: 0.22rem 0.55rem;
  border-radius: 9999px;
  font-family: inherit;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--color-maroon-deep);
  background: color-mix(in srgb, var(--color-primary) 10%, #ffffff);
  border: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.batch-option--full {
  cursor: not-allowed !important;
  border-style: dashed !important;
  border-color: color-mix(in srgb, var(--color-border) 85%, var(--color-primary)) !important;
  background: var(--color-muted) !important;
  color: var(--color-muted-foreground) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.batch-option--full:hover {
  border-color: color-mix(in srgb, var(--color-border) 85%, var(--color-primary)) !important;
  transform: none !important;
}

.batch-option--full .batch-option__title,
.batch-option--full .batch-option__date {
  color: var(--color-muted-foreground);
}

button.border-primary .batch-option__title,
button.border-primary .batch-option__date {
  color: inherit;
}