/* Only style checkboxes in notes with the 'styled-checkbox' class */
.styled-checkbox li.task-list-item input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.2em;
  height: 1.2em;
  border-radius: 0.3em;
  border: 2px solid #74c7ec; /* Text */
  background-color: #1e1e2e;  /* Overlay0 */
  cursor: pointer;
  position: relative;
  vertical-align: center;
  transition: all 0.2s ease;
}

.styled-checkbox li.task-list-item input[type="checkbox"]:hover {
  border-color: #a6e3a1; /* Yellow */
}

.styled-checkbox li.task-list-item input[type="checkbox"]:checked {
  background-color: #a6e3a1; /* Green */
  border-color: #a6e3a1;
}

.styled-checkbox li.task-list-item input[type="checkbox"]:checked::after {
  content: "✔";
  color: #11111b; /* dark text for contrast */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9em;
}