.result-toggle-group {
  display: flex;
  background-color: #f0f0f0;
  border-radius: 5px;
  overflow: hidden;
  padding: 2px;
}

.result-toggle-group .result-option {
  flex: 1;
  text-align: center;
}

.result-toggle-group .result-option input[type="radio"] {
  display: none;
}

.result-toggle-group .result-option label {
  display: block;
  padding: 8px 15px;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 600;
  color: #666;
  border-radius: 4px;
  margin: 0;
  transition: all 0.2s;
  white-space: nowrap;
}

/* Colors for selected states / 選択時の色設定 */
.result-toggle-group .result-option input[type="radio"]:checked + label {
  color: #fff;
}

/* Pass (125) / 合格 */
.result-toggle-group .result-option[data-result-id="125"] input[type="radio"]:checked + label {
  background-color: #00965C; /* Green */
}

/* Pass2 (145) / 2次合格 */
.result-toggle-group .result-option[data-result-id="145"] input[type="radio"]:checked + label {
  background-color: #1A5FAB; /* Dark blue */
}

/* Failure (126) / 不合格 */
.result-toggle-group .result-option[data-result-id="126"] input[type="radio"]:checked + label {
  background-color: #C53939; /* Red */
}

/* Pending (127) / 保留 */
.result-toggle-group .result-option[data-result-id="127"] input[type="radio"]:checked + label {
  background-color: #777777; /* Gray */
}

.result-toggle-group .result-option label:hover {
  background-color: #e0e0e0;
}

.result-toggle-group .result-option input[type="radio"]:checked + label:hover {
  opacity: 0.9;
}

.w-40 {
  width: 40%;
}

.w-60 {
  width: 60%;
}