.nowrap {
  word-wrap: none;
}

.flex {
  display: flex;
  gap: 1rem;
}

.column {
  flex-direction: column;
}

.g-grid {
  display: grid;
  gap: 1rem;
  --column-size: 6rem;
  grid-template-columns: repeat(auto-fit, minmax(var(--column-size), 1fr));
}

.span-1 {
  grid-column: span 1;
}

.span-2 {
  grid-column: span 2;
}

.span-3 {
  grid-column: span 3;
}

.span-4 {
  grid-column: span 4;
}

.span-all {
  grid-column: 1 / -1;
}

.grid:has(input[type="submit"]) input[type="submit"],
footer > input[type="submit"] {
  margin-bottom: 0;
}

.back-button {
  color: var(--pico-muted-color);
  text-decoration: none;
}

.back-button:hover {
  color: color-mix(in srgb, var(--pico-muted-color), white 10%);
}

.table-container {
  overflow-x: scroll;
}

.inset {
  padding: 1rem;
}
.margin-bottom {
  margin-bottom: 1rem;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.green {
  color: green;
}

.red {
  color: red;
}