/* Small additions on top of Pico CSS - keep this file short. */

.flash {
  padding: 0.75rem 1rem;
  border-radius: var(--pico-border-radius);
  margin-bottom: 1rem;
}

.flash-success {
  background: color-mix(in srgb, var(--pico-ins-color) 15%, transparent);
  border: 1px solid var(--pico-ins-color);
}

.flash-error {
  background: color-mix(in srgb, var(--pico-del-color) 15%, transparent);
  border: 1px solid var(--pico-del-color);
}

.field-error {
  color: var(--pico-del-color);
  font-size: 0.85em;
  margin-top: -0.75rem;
  margin-bottom: 0.75rem;
}

.actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

table.striped tbody tr:nth-child(odd) {
  background: var(--pico-table-row-stripe-background-color);
}

.text-muted {
  color: var(--pico-muted-color);
}