/* ============================
   テーブル用 (既存)
   ============================ */
.tasksTable {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

.tasksTable__headerRow {
  background-color: #f9f9f9;
}

.tasksTable__header,
.tasksTable__cell {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}

.tasksTable__row:nth-child(even) {
  background-color: #f2f2f2;
}

/* ============================
   ボタン用 (既存)
   ============================ */
.button {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  margin-right: 4px;
}

.button:hover {
  opacity: 0.9;
}

.button--new {
  background-color: #007bff;
}

.button--show {
  background-color: #007bff;  /* 青系 */
}

.button--edit {
  background-color: #28a745;  /* 緑系 */
}

.button--done {
  background-color: #dc3545;  /* 赤系 */
}

/* 新規: 送信ボタンの修飾子 */
.button--submit {
  background-color: #007bff;  /* お好みで */
}

.button--cancel {
  background-color: #6c757d;  /* グレー系 */
}

/* ============================
   フォーム用 (追加)
   ============================ */
/* フォーム全体(ブロック) */
.taskForm {
  max-width: 600px;
  margin-bottom: 2rem;
  border: 1px solid #ccc;
  padding: 1rem;
  border-radius: 6px;
  background-color: #fff;
}

/* エラー表示 */
.taskForm__errors {
  background-color: #f8d7da; /* 薄い赤背景 */
  border: 1px solid #f5c6cb;
  padding: 1rem;
  border-radius: 4px;
  margin-bottom: 1rem;
  color: #721c24;
}

.taskForm__errorTitle {
  margin: 0 0 0.5rem;
  font-size: 1.1rem;
  font-weight: bold;
}

.taskForm__errorList {
  margin: 0;
  padding-left: 1.5rem;
}
.taskForm__errorItem {
  list-style: disc;
}

/* 各入力項目 */
.taskForm__field {
  margin-bottom: 1rem;
  padding: 0 1rem;
  box-sizing: border-box;
}

.taskForm__label {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: bold;
}

.taskForm__input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

/* テキストエリア特有のスタイル */
textarea.taskForm__input {
  height: 200px;
  resize: vertical;
  min-height: 100px;
}

/* 送信ボタン(アクション) */
.taskForm__actions {
  margin-top: 1.5rem;
  padding: 0 1rem;
}

/* 送信回数(叱責レベル)とボタンの中央寄せ */
.task-sent-count,
.task-actions {
  text-align: center;
  margin: 1rem auto;
}

/* ============================
   スヌーズ設定フォーム用
   ============================ */

/* スヌーズフォームを中央寄せする例 */
.snoozeForm {
  display: flex;
  justify-content: center; 
  margin: 2rem 0;
}

/* ============================
   ページタイトルやリンク用
   ============================ */
.pageTitle {
  margin-bottom: 1rem;
}

.pageLinks {
  margin-top: 1rem;
}

.button {
  display: inline-block;
  text-decoration: none;
  background-color: #6c757d; /* グレー系(自由に変更OK) */
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  margin-right: 4px;
  cursor: pointer; /* ボタン感を出すため追加してもOK */
}