@import "../../forkhorse-dashboard/src/styles.css";
body {
  padding: calc(var(--spacing) * 5);
}
h1 {
  font-size: var(--text-lg);
  margin-top: 0;
}
form {
  display: grid;
  gap: calc(var(--spacing) * 4);
  max-width: 38rem;
}
label {
  display: grid;
  gap: calc(var(--spacing) * 2);
}
input,
button {
  font: inherit;
  padding: calc(var(--spacing) * 2.5);
  border: 1px solid var(--color-kumo-ring);
  border-radius: var(--radius-lg);
}
button {
  width: fit-content;
  cursor: pointer;
  background: var(--color-kumo-control);
  color: var(--text-color-kumo-default);
}
button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
input:focus-visible,
button:focus-visible {
  outline: 2px solid var(--color-kumo-focus);
}
[role="status"] {
  min-height: calc(var(--spacing) * 12);
}