.display-none {
    display: none;
  }
  
/* 親要素を適切に配置するためのスタイル */
div[style="display: flex; align-items: center; justify-content: space-between;"] {
  width: 100%; /* 親コンテナが利用可能な幅全体を使用 */
  overflow: hidden; /* はみ出しを防止 */
}

.task-title-container {
  flex-grow: 1; /* 利用可能なスペースを占める */
  min-width: 0; /* オーバーフローを防ぐ */
  overflow: hidden;
}

.task-header-line {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.task-title {
  flex-grow: 1; /* 残りのスペースをすべて埋める */
  min-width: 0; /* オーバーフローを防ぐ */
  max-width: 800px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.task-due-date {
  flex-shrink: 0;
  width: 250px;
}

.status-badge-wrapper,
.task-setting-icon {
  flex-shrink: 0;
  width: 100px;
}

/* トグルボタンのスタイル */
#task-toggle-btn-44 {
  flex-shrink: 0; /* 縮小しない */

}