/* ul#checklist_items li div.row {
  min-height: auto;
  padding: 0.5rem 0;
}

ul#checklist_items li {
  padding: 0;
}

ul#checklist_items li div.row>div {
  padding: 0.25rem 0;
} */

div.completed {
  color: #999;
  opacity: 0.7;
}

div.completed {
  color: #999;
  opacity: 0.7;
}

/* Editable Text Styles - Improved */
h2.editable-text {
  cursor: pointer;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  transition: all 0.2s ease;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 3rem;
  border: 2px solid transparent;
}

h2.editable-text:hover {
  border-color: rgba(13, 110, 253, 0.3);
}

h2.editable-text:focus,
h2.editable-text:focus-visible {
  outline: none;
  border-color: rgba(13, 110, 253, 0.6);
  background-color: rgba(13, 110, 253, 0.05) !important;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
}

[data-bs-theme="light"] .editable-text {
  background-color: #f8f9fa;
  color: #212529;
}

[data-bs-theme="dark"] .editable-text {
  background-color: #23282E;
  color: #f8f9fa;
}

[data-bs-theme="light"] .editable-text:hover {
  background-color: #e9ecef;
}

[data-bs-theme="dark"] .editable-text:hover {
  background-color: #2c3034;
}

.editable-text::after {
  content: "\f4cb";
  font-family: "bootstrap-icons";
  font-size: 1rem;
  opacity: 0;
  transition: opacity 0.2s ease;
  margin-left: auto;
  color: #0d6efd;
}

.editable-text:hover::after,
.editable-text:focus::after {
  opacity: 0.6;
}