/* status.css */

/* ステータスバッジ */
.status-badge {
  display: flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 0.85em;
  font-weight: normal;
  background-color: #e0f0fc;
  color: #225577;
  white-space: nowrap;
  transition: all 0.2s ease;
  user-select: none;
  outline: none;
}

/* ステータスドット */
.status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #2a72a5;
  border-radius: 50%;
  margin-right: 5px;
}

/* ステータス別カラー */
.status-0,
.status-1 {
  background-color: #f0f0f0;
  color: #555;
  line-height: 22px;
}
.status-2 {
  background-color: #d8ecf9;
  color: #2a72a5;
  line-height: 22px;
}
.status-3 {
  background-color: #d5f5e3;
  color: #239b56;
  line-height: 22px;
}

/* ステータスセレクタ内 */
.popup-status-selector .status-badge {
  margin: 4px 0;
}

/* タスクタイトルコンテナ */
.task-title-container {
  position: relative;
  display: flex;
  align-items: center;
}
.task-status-icon {
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
  width: 16px;
  height: 16px;
}