/* Nanka Tracker — main 内 Django フォーム（form.as_p 等） */

main form > p {
  margin: 0 0 1.25rem;
  max-width: 42rem;
}

main form > p label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: rgb(51 65 85);
  margin-bottom: 0.375rem;
  letter-spacing: 0.01em;
}

main form input[type="text"],
main form input[type="url"],
main form input[type="email"],
main form input[type="search"],
main form input[type="number"],
main form input[type="date"],
main form input[type="datetime-local"],
main form textarea,
main form select {
  width: 100%;
  max-width: 42rem;
  box-sizing: border-box;
  padding: 0.5rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: rgb(15 23 42);
  background: rgb(255 255 255);
  border: 1px solid rgb(203 213 225);
  border-radius: 0.5rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

main form textarea {
  min-height: 7rem;
  resize: vertical;
}

main form input::placeholder,
main form textarea::placeholder {
  color: rgb(148 163 184);
}

main form input:hover,
main form textarea:hover,
main form select:hover {
  border-color: rgb(148 163 184);
}

main form input:focus,
main form textarea:focus,
main form select:focus {
  outline: none;
  border-color: rgb(245 158 11);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.22);
}

main form ul.errorlist {
  margin: 0.35rem 0 0;
  padding: 0.5rem 0.75rem;
  list-style: none;
  font-size: 0.8125rem;
  color: rgb(185 28 28);
  background: rgb(254 242 242);
  border: 1px solid rgb(254 202 202);
  border-radius: 0.375rem;
}

main form .helptext,
main form p.help {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.8125rem;
  color: rgb(100 116 139);
}

main form > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 0.5rem;
  border: 1px solid rgb(203 213 225);
  background: rgb(255 255 255);
  color: rgb(51 65 85);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

main form > button:hover {
  background: rgb(248 250 252);
  border-color: rgb(148 163 184);
}

main form > button[type="submit"] {
  border-color: rgb(217 119 6);
  background: rgb(245 158 11);
  color: rgb(15 23 42);
}

main form > button[type="submit"]:hover {
  background: rgb(251 191 36);
  border-color: rgb(180 83 9);
}