/* contactlist.css - Version 1.6 */
/* 更新履歴:
   - v1.6: アイコンの色変更、ボタンスタイル調整
   - 以前のバージョン: 初期作成
*/

/* お問い合わせリスト追加ボタン */
.contact-list-button {
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 3px;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* テストモード時に非表示 */
.test-mode .contact-list-button {
  display: none;
}

.contact-list-button .icon {
  font-size: 18px;
  color: #fc6635; /* 非アクティブ追加ボタンのアイコン色 */
}

.contact-list-button.active .icon {
  color: #2fb5ea; /* 追加済みボタンのアイコン色 */
}

.contact-list-button .label {
  font-weight: 600;
}

/* お問い合わせリスト全削除ボタン */
.remove-all-properties {
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 3px;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.remove-all-properties .icon {
  font-size: 18px;
  color: #878889; /* 全削除ボタンのアイコン色 */
}

/* お問い合わせリスト単体削除ボタン */
.remove-property {
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 3px;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.remove-property .icon {
  font-size: 18px;
  color: #878889; /* 単体削除ボタンのアイコン色 */
}