/* Settings: Checklist template management styles */

/* Group header with move buttons */
.checklist-group-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.checklist-group-move {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-shrink: 0;
}
.checklist-group-label-input {
  flex: 1;
  padding: 4px 8px;
  border-radius: var(--radius-xs);
  border: 1px solid var(--color-gray-300);
  font-size: .85rem;
  font-weight: 700;
  background: transparent;
}
.checklist-group-label-input:focus {
  outline: none;
  border-color: var(--color-navy);
  background: var(--color-white);
}
.checklist-group-key {
  font-size: .7rem;
  color: var(--color-gray-400);
  font-family: monospace;
  flex-shrink: 0;
}

/* Editable item label inside list */
.checklist-item-label-input {
  flex: 1;
  padding: 4px 8px;
  border-radius: var(--radius-xs);
  border: 1px solid transparent;
  font-size: .9rem;
  font-weight: 500;
  background: transparent;
  min-width: 0;
}
.checklist-item-label-input:hover {
  border-color: var(--color-gray-200);
}
.checklist-item-label-input:focus {
  outline: none;
  border-color: var(--color-navy);
  background: var(--color-white);
}

/* Empty state */
.checklist-empty {
  padding: 12px 0;
}

/* Reset button muted style */
.checklist-reset-btn {
  color: var(--color-gray-400) !important;
  border-color: var(--color-gray-200) !important;
  font-size: .75rem !important;
}
.checklist-reset-btn:hover {
  color: var(--color-gray-600) !important;
  border-color: var(--color-gray-300) !important;
}