/*
 * 03_forms.css — 모든 화면의 기본 입력창·버튼·안내 메시지
 *
 * 입력 항목 이름, 텍스트 입력창, textarea와 일반 버튼의 기본 디자인입니다.
 * label: 항목 이름 / input·textarea: 입력창 / button·.button: 버튼 / .flash·.error: 안내
 * 여기를 수정하면 여러 화면의 입력창과 버튼이 함께 달라질 수 있습니다.
 * 특정 버튼만 바꾸려면 해당 화면 CSS를 수정하세요. 로그인 입력창은 06_auth.css도 사용합니다.
 */

/* 4. 입력창과 버튼 */
label {
  display: block;
  margin: 16px 0 8px;
}

input[type="text"], textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font: inherit;
}

textarea {
  resize: vertical;
}

button, input[type="submit"], .button {
  display: inline-block;
  background: #0071e3;
  color: white;
  border: none;
  border-radius: 20px;
  padding: 10px 18px;
  font: inherit;
  cursor: pointer;
}

input[type="submit"] {
  margin-top: 12px;
}

/* 5. 안내 메시지 */
.flash {
  background: #e8f2ff;
  padding: 12px;
  border-radius: 8px;
}

.error {
  background: #fff0ee;
  color: #a12b20;
}